/* reset css */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
}
ol,ul {
	list-style-type:none;
	list-style-position:outside;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}
 

/* spezielle eigenschaften für die schriftfarbe / ausrichtung usw. */


.blue
{	color:#6d9ebf !important;
}

.right 
{	float:right;
	display:inline;
}

.clear, .my_clear
{	height:1px;
	overflow:hidden;
	clear:both;
}

.hr_line
{	height:1px;
	overflow:hidden;
	background-color:#e3e3e3;
	margin:20px 0px;
}
 	


/* ab hier fängt das eigentliche Layout an */

body
{	background-image:url(../images/body.png);
	background-repeat:repeat-x;
	background-color:#d5ebfa;
	-webkit-text-size-adjust:none;
	-ms-text-size-adjust:none;
}


/* der header */

#header
{	width:983px;
	overflow:hidden;
	margin:auto;
	position:relative;
	background-repeat:repeat-x;
	background-image:url(../images/headerline.png);
	background-position:left bottom;
}

#home
{	background-image:url(../images/logo.jpg);
	height:69px;
	width:260px;
	position:absolute;
	top:40px;
	left:0px;
	text-decoration:none;
	background-repeat:no-repeat;
}

#login
{	width:305px;
	height:22px;
	overflow:hidden;
	float:right;
}	

#login input
{	background-color:#c7e5fa;
	border-width:0px;
	float:left;
	width:104px;
	margin-right:1px;
	height:22px;
	color:#6d9ebf;
	padding:0px 10px;
	line-height:22px;
}

#login input.submit
{	width:53px;
	margin-right:0px;
	padding:0px;
}

#login2
{	width:650px;
	height:22px;
	overflow:hidden;
	float:right;
}	

#login2 input
{	background-color:#c7e5fa;
	border-width:0px;
	float:right;
	margin-right:1px;
	height:22px;
	color:#6d9ebf;
	padding:0px 10px;
	line-height:22px;
	cursor:pointer;
}

#login2 input.submit
{	margin-right:0px;
}

.password_image
{	background-image:url(../images/password.png);
	background-repeat:no-repeat;
}



ul.headermenu
{	list-style-type:none;
	list-style-position:outside;
	margin-top:89px;
	margin-top:69px;
	#clear:both;
	width:100%;
}

ul.headermenu li
{	padding:0px 0px;
	display:inline;
}

ul.headermenu li.first a
{	padding-right:0px !important;
}


ul.headermenu a,
ul.headermenu a:link,
ul.headermenu a:visited,
ul.headermenu a:active
{	float:right;
	padding:0px 10px;
	text-decoration:none;
	background-image:none !important;
	height:35px;
	color:#3981ae;
}

ul.headermenu a:hover,
ul.headermenu a.active
{	background-image:url(../images/header_a_active.png) !important;
	background-repeat:no-repeat;
	background-position:center bottom;
	color:#11537b !important;
}

ul.headermenu a.active
{	font-weight:bold	!important;
}

#content
{	min-height:200px;
	padding:0px 0px 0px 0px;
	width:983px;
	margin:30px auto 30px auto;
	color:#4a7490;
}

/* contentseite */

.contentseite
{	background-color:#ffffff;
	padding:15px 40px 40px 40px !important;
	width:903px !important;
	color:#545454 !important;
	box-shadow:0 0 6px -4px #767676;
}

.contentseite a,
.contentseite a:link,
.contentseite a:visited,
.contentseite a:active,
.bildanzeige a,
.bildanzeige a:link,
.bildanzeige a:visited,
.bildanzeige a:active
{	color:#3981AE !important;
	text-decoration: none;
}

.contentseite a:hover, .bildanzeige a:hover
{	color:#3981AE !important;
	text-decoration: underline;
}

.contentseite p
{	color:#545454;
}

.upload_erfolgreich
{	background-color:#ffffff;
	padding:0px 62px 50px 62px !important;
	width:859px !important;
	box-shadow:0 0 6px -4px #767676;
}


.contentseite h1
{	border-bottom:1px solid #d2e1ec;
	font-size:24px;
	font-weight:normal;
	padding:21px 0px;
	color:#2a7bac;
	margin-bottom:25px;
}


.upload_erfolgreich h2
{	font-weight:bold;
	padding:0px 0px 0px 0px;
	margin:30px 0px;
	color:#30698d;
}


.contentseite p
{	padding:5px 0px 15px 0px;
	font-size:13px;
}

.uploadtool
{	padding:0px;
	font-size:12px;
	margin-top:35px;
	float:left;
	width:200px;
}

.uploadtool_right
{	padding:0px;
	padding-top:28px;
	font-size:12px;
	margin-top:35px;
	float:left;
	width:600px;
}

.radios
{	margin-bottom:20px;
}


.radios label
{	font-weight:bold;
	color:#555555;
	padding-right:30px;
}

.radios input
{	margin-right:10px;
}


.upload_erfolgreich  h1:first-line
{	font-size:26px;
	line-height:40px;
}

.upload_erfolgreich h1
{	font-size:12px;
	border-bottom:0px;
	font-weight:normal;
	width:510px;
	padding:60px 30px 0px 0px;
	background-image:url(../images/h1_ok.jpg);
	background-repeat:no-repeat;
	background-position:right bottom;
	margin-bottom:40px;
	color:#30698d;
}

.url_box
{	background-color:#eeffe1;
	border:1px solid #d8d8d8;
	padding:10px; 
	color:#646464;
	width:610px;
	font-family:"Courier New", Courier,Verdana, sans-serif;
	font-size:12px;
	margin-top:20px;
}

.mu_box
{	background-color:#eeffe1;
	border:1px solid #d8d8d8;
	padding:10px; 
	color:#646464;
	width:610px;
	font-family:"Courier New", Courier,Verdana, sans-serif;
	font-size:12px;
	margin-top:5px;
	margin-bottom:15px;
}

/* erfolgreicher upload */

.link_info img
{	max-width:198px;
	max-height:152px;
	/* float:left; */
}

.link_info .right_box
{	width:605px;
	float:right;
	overflow:hidden;
}

.link_info label
{	width:265px;
	overflow:hidden;
	float:left;
	height:20px;
	margin-top:2px;
	color:#3f3f3f;
}

.link_info input
{	width:318px;
	padding-left:5px;
	overflow:hidden;
	float:right;
	margin-top:2px;
	background-color:#eeffe1;
	border:1px solid #d8d8d8;
	height:18px;
	font-size:12px;
	color:#646464;
}

.link_info br
{	clear:both;
	height:2px;
	overflow:hidden;
}

.link_info_tb
{	display:table;
	height: 152px;
	width:198px;
	vertical-align: middle;
	float:left;
	border: 1px solid #D8D8D8;
	text-align:center;
}

.link_info_tb2
{	display:table-cell;
	vertical-align:middle;
	text-align:center;
}

/* Startseite bildupload */
#content h1.startseite_head
{	height:51px;
	padding-top:10px;
	width:747px;
	margin:auto;
	color:#2a7bac;
	font-size:20px;
	background-image:url(../images/startseite_h1.png);
	background-repeat:no-repeat;
	padding-left:23px;
}


#content .bildupload
{	min-height:335px;
	background-image:url(../images/bildupload.png);
	background-repeat:no-repeat;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#4a7490;
	padding-bottom:20px;
}

.bildupload .div_bildupload
{	margin:0px auto 0px auto;	
	width:246px;
	height:100px;
	//background-image:url(../images/bilder_auswaehlen.jpg);
	//background-repeat:no-repeat;
	//background-position:center top;
}

#flash
{	text-align:center;
	padding-top:30px;
	display:none;
}

.javascript
{	text-align:center;
	padding-top:30px;
	display:block;
}

#content .bildupload_box
{	width:584px;
	margin-top:10px;
	float:left;
	padding:0px;
	position:relative;
}

#content .bildupload_outside
{	background-image:url(../images/bildupload_outside.png);
}

#content .bildupload_bottom
{	clear:both;
	height:11px;
	background-image:url(../images/bildupload_bottom.png);
	background-repeat:no-repeat;
	overflow:hidden;	
}

.div_bildupload p
{	color:#dbdbdb;
	padding:0px !important;
	font-size:0.8em;
	text-align:center;
}

.div_bildupload a,
.div_bildupload a:link,
.div_bildupload a:visited,
.div_bildupload a:active
{	color:#dbdbdb;
	text-decoration:underline;
}

.div_bildupload a:hover
{	color:#dbdbdb;
	text-decoration:none;
}

.button
{	height:46px;
	background-image:url(../images/bilder_auswaehlen.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	display:none;
}

#fileliste
{	height:97px; 
	margin:0px auto;
}

#jsupload
{	margin:0px auto;
}

.bildupload .upload_submit
{	width:246px;
	height:46px;
}

.left_fields
{	width:230px;
	float:left;
	padding-left:35px;
	margin-top:90px;
}

.right_fields
{	width:230px;
	float:right;
	padding-right:35px;
	margin-top:90px;
}

.registrieren
{	width:450px;
	padding-right:20px;
	margin-top:10px;
	font-size:12px;
}

.left_fields select
{	float:right;
	width:120px;
	height:20px;
}

.left_fields label,
.right_fields label
{	float:left;
	width:100px;
	height:20px;
	color:#737373;
}

.registrieren label
{	float:left;
	width:200px;
	height:20px;
	margin-top:4px;
}

.right_fields input
{	float:right;
	width:102px;
	height:18px;
	color:#aaaaaa;
	border:1px solid #e9e9e9;
	text-align:right;
	padding-right:10px;
}

.registrieren input
{	float:right;
	width:200px;
	height:18px;
	border:1px solid #e9e9e9;
	font-size:12px;
	margin-top:4px;
}

.contentseite input
{	border:1px solid #e9e9e9;
	font-size:12px;
	padding:2px;
	#background-color:#EEEEEE;
}

#kontakt
{	padding:20px 0px 10px 0px;
	width:690px;
}


#kontakt label
{	float:left;
	width:180px;
	text-align:right;
	padding-right:20px;
	margin-top:3px;
	height:24px;
	line-height:24px;
	display:inline;
}
#kontakt input
{	float:right;
	width:163px;
	height:22px;
	background-color:#e0e0e0;
	border:1px solid #888888;
	margin-top:3px;
	display:inline;
	float:left;
	font-size:16px;
}

#kontakt textarea
{	width:478px;
	height:150px;
	background-color:#e0e0e0;
	border:1px solid #888888;
	margin-top:3px;
	overflow:auto;
	display:inline;
	float:left;
	font-size:16px;
}

#kontakt #submit
{	width:170px;
	height:32px;
	border-width:0px;
	float:right;
	margin-right:9px;
	margin-top:20px;
}

.left_fields .my_clear,
.right_fields .my_clear
{	height:8px;
}


.startseite_right
{	width:360px;
	background-image:url(../images/startseite_right.png);
	background-repeat:no-repeat;
	float:left;
	padding:38px 0px 0px 18px;
	margin-top:10px;
}

.startseite_right h2
{	padding-bottom:10px;
	color:#465f70;
	font-weight:bold;
}

.startseite_right p
{	padding:0px 0px 20px 0px;
	line-height:18px;
}

.bildanzeige
{	min-height:40px !important;
	#padding:0px !important;
	background-color:#ffffff;
	padding:15px 0px 40px 0px !important;
	width:100% !important;
	color:#545454 !important;
	box-shadow:0 0 6px -4px #767676;
	text-align:center !important;
	min-width:983px;
}


.bildanzeige h1
{	border-bottom:1px solid #d2e1ec;
	font-size:24px;
	font-weight:normal;
	padding:21px 0px;
	color:#2a7bac;
	margin-bottom:25px;
}

.bildanzeige .bildanzeige_left
{	color:#31698c;
	font-size:12px !important;
	padding:3px 0px;
	#float:left;
	margin-top:2px;
}

.bildanzeige .bildanzeige_left span
{	padding-right:20px;
}


.bildanzeige .bildanzeige_right
{	color:#31698c;
	font-size:12px !important;
	padding:3px 10px 3px 0px;
	float:right;
	background-image:url(../images/foldername.png);
	background-repeat:no-repeat;
	background-position:right top;
	height:24px;
	line-height:20px;
	overflow:hidden;
}


.gallerie
{	margin:0px 0px 0px 5px;
	color:#465f70;
}

.gallerie_text
{	padding:3px 0px;
	font-size:12px !important;
	color:#465f70;
}

.preview_picture
{	max-width:90%;
	margin:auto;
	cursor:pointer;
	padding-top:45px;
	padding-bottom:45px;
}

.preview_picture_2b
{	display:block;
	max-width:90%;
	margin:auto;
	cursor:pointer;
	padding-top:45px;
	#padding-bottom:45px;
}

.original_picture
{	margin:auto;
	cursor:pointer;
	padding-top:45px;
	padding-bottom:45px;
}

.original_picture_2b
{	display:block;
	margin:auto;
	cursor:pointer;
	padding-top:45px;
	padding-bottom:45px;
}

a.foldername:link,
a.foldername:visited,
a.foldername:active,
a.foldername
{	margin-right:10px;
	background-color:#569ecd;
	text-decoration:none;
	color:#ffffff !IMPORTANT;
	line-height:24px;
	padding:0px 10px 0px 10px;
	background-image:url(../images/foldername.png);
	background-repeat:no-repeat;
	background-position:right top;
	display:inline-block;
	max-width:210px;
	overflow:hidden;
}


/* die werbung */

.advert
{	text-align:center;
	padding:20px 0px;
	color: #31698C;
    font-size: 12px !important;
}

.vertical_advert
{	text-align:center;
	width:180px;
	margin-top:-222px;
	position:relative;
}


/* der footer */


#footer
{	width:983px;
	overflow:hidden;
	margin:auto;
}


#footer ul
{	list-style-type:none;
	list-style-position:outside;
	text-align:center;
	padding-top:10px;
	padding-bottom:15px;
	color:#7190A4;
}

#footer ul li
{	display:inline;
	padding:0px 5px;
}

#footer ul a,
#footer ul a:link,
#footer ul a:visited,
#footer ul a:active
{	text-decoration:none;
	color:#7190A4;
}

#footer ul a:hover,
#footer ul a.active
{	color:#11537b !important;
}

#footer ul a.active
{	font-weight:bold	!important;
}


#footer ul.partner a
{	color:#83a4bb !important;
}

#footer ul.partner a:hover,
#footer ul.partner a.active
{	color:#445d6d !important;
}

/* flashupload */
.progressWrapper {
	width: 357px;
	overflow: hidden;
	margin: 0px auto;
	padding-top:15px;
	text-align: left;
}

.progressContainer {
	margin: 5px;
	padding: 4px;
	border: solid 1px #E8E8E8;
	background-color: #F7F7F7;
	overflow: hidden;
}
/* Message */
.message {
	margin: 1em 0;
	padding: 10px 20px;
	border: solid 1px #FFDD99;
	background-color: #FFFFCC;
	overflow: hidden;
}
/* Error */
.red {
	border: solid 1px #B50000;
	background-color: #FFEBEB;
}

/* Current */
.green {
	border: solid 1px #DDF0DD;
	background-color: #EBFFEB;
}

/* Complete */
.blue {
	border: solid 1px #CEE2F2;
	background-color: #F0F5FF;
}

.progressName {
	font-size: 8pt;
	font-weight: 700;
	color: #555;
	width: 323px;
	height: 14px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
}

.progressBarComplete,
.progressBarError {
	font-size: 0;
	width: 0%;
	height: 2px;
	background-color: blue;
	margin-top: 2px;
}

.progressBarInProgress {
	font-size: 0;
	width: 0%;
	height: 2px;
	background-color: blue;
	margin-top: 2px;
	margin-left: 0px: 
}

.progressBarComplete {
	width: 100%;
	background-color: green;
	visibility: hidden;
}

.progressBarError {
	width: 100%;
	background-color: red;
	visibility: hidden;
}

.progressBarStatus {
	margin-top: 2px;
	width: 337px;
	font-size: 7pt;
	font-family: Arial;
	text-align: left;
	white-space: nowrap;
}

a.progressCancel {
	font-size: 0;
	display: block;
	height: 14px;
	width: 14px;
	float: right;
}

a.progressCancel:hover {
	background-position: 0px 0px;
}


/* -- SWFUpload Object Styles ------------------------------- */
.swfupload {
	vertical-align: top;
	margin: 0px auto;
}
/* flashupload */

.bn_galerie
{	margin:auto;
	width:100%;
	border-spacing: 5px;
	border-collapse:separate;
}

.bn_galerie tr
{	background-color:#F8F8F8;
}

.bn_galerie td
{	border:1px solid #C0C0C0;
	text-align:center;
	vertical-align:middle;
	padding:5px 0px;
	background-color:#ffffff;
	height:168px;
	width:158px;
}

.bn_galerie img
{	border:1px solid #000000;
}

#bn_galerie_navi
{	height:25px;
	line-height:25px;
	overflow:hidden;
	border:1px solid #CCCCCC;
	background-color:#F8F8F8;
	color:#000000;
	margin:15px 0px 0px 0px;
	font-weight:bold;
	clear:both;
}


#bn_galerie_navi .bn_infoblock
{	text-align:center;
	width:270px;
	margin:auto;
	line-height:25px;
	font-weight:bold;
}


#bn_galerie_navi a.bn_back,#bn_galerie_navi a.bn_back:link,
#bn_galerie_navi a.bn_back:visited,#bn_galerie_navi a.bn_back:active
{	background-image:url(https://www.pic-upload.de/images/bn_anfang.png);
	padding-left:30px;

	float:left;
	display:inline;
	margin-left:5px;

	height:25px;
	line-height:25px;
	background-repeat:no-repeat;
	background-position:left center;
	text-decoration:none;
	color:#646462;
}


#bn_galerie_navi a.bn_forward,#bn_galerie_navi a.bn_forward:link,
#bn_galerie_navi a.bn_forward:visited,#bn_galerie_navi a.bn_forward:active
{	background-image:url(https://www.pic-upload.de/images/bn_ende.png);
	padding-right:30px;
	float:right;
	display:inline;
	margin-right:5px;
	height:25px;
	line-height:25px;
	text-decoration:none;
	color:#646462;
	background-repeat:no-repeat;
	background-position:right center;
}


#bn_galerie_navi a.bn_zurueck,#bn_galerie_navi a.bn_zurueck:link,
#bn_galerie_navi a.bn_zurueck:visited,#bn_galerie_navi a.bn_zurueck:active
{	background-image:url(https://www.pic-upload.de/images/bn_zurueck.png);
	padding-left:25px;
	background-repeat:no-repeat;
	background-position:left center;
	float:left;
	display:inline;
	margin-left:30px;
	height:25px;
	line-height:25px;
	text-decoration:none;
	color:#646462;
}

#bn_galerie_navi a.bn_weiter,#bn_galerie_navi a.bn_weiter:link,
#bn_galerie_navi a.bn_weiter:visited,#bn_galerie_navi a.bn_weiter:active
{	background-image:url(https://www.pic-upload.de/images/bn_weiter.png);
	background-repeat:no-repeat;
	background-position:right center;
	padding-right:25px;
	float:right;
	display:inline;
	margin-right:30px;
	height:25px;
	line-height:25px;
	text-decoration:none;
	color:#646462;
}

.well
{
min-height: 20px;
padding: 19px;
background-color: #f5f5f5;
border: 1px solid #e3e3e3;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
display: none;
margin: 1em;
}