@charset "utf-8";

/***** 

	Projekt: Bademoden.info

	Stylesheet für den gesamten Pressebereich
	2008, BRANDMARKER	
	 
*****/

/***** 

	Login // Passwort vergessen	
	 
*****/

#presse_entrance_details {
	width: 500px; 
	float: left;
	}
	
	#presse_entrance_details p {
		font-size: 1.1em;
		line-height: 160%;
		padding-bottom: 20px;
		}

	p#presse_entrance_help {
		font-size: 1.1em;
		line-height: 130%;
		color: #666;
		}
		
		#presse_entrance_help strong {
			color: #000033;
			line-height: 200%;
			}

#presse_entrance_list {
	padding: 15px;
	width: 170px;
	background: #000033;
	float: right;
	}
	
	#presse_entrance_list h4 {
		color: #fff;
		padding-bottom: 10px;
		}
	
	#presse_entrance_list label {
		color: #fff;
		cursor: pointer;
		}
		
	#presse_entrance_list input {
		border: 0;
		padding: 2px 4px 1px 4px;
		margin: 5px 0 10px 0;
		line-height: 120%;
		width: 162px;
		}
	
		#presse_entrance_list input#btn_login {
			width: 90px;
			margin: 0 0 10px 0;
			float: right;			
			padding: 2px 0;
			background: #404066;
			color: #fff;
			text-align: center;
			font-size: 1.0em;
			line-height: 150%;
			cursor: pointer;
			}
	
	#presse_entrance_list a {
		color: #CCCCD6;
		text-decoration: underline;
		line-height: 160%;
		}
		
		#presse_entrance_list a:hover {	color: #666685;	text-decoration: underline;	}
	
	#presse_entrance_list input#btn_new_password {
		width: 120px;
		margin: 0 0 0 50px;			
			padding: 2px 0;
			background: #404066;
			color: #fff;
			text-align: center;
			font-size: 1.0em;
			line-height: 150%;
			cursor: pointer;
		}

.presse_main_listing {
	color: #CCCCD6;
	background-color: #000033;
	padding: 0 15px 0 15px;
	margin-bottom: 5px;
	height: 85px;
	} 
	
	.presse_main_listing .text_content {
		float: right;
		width: 585px;
		}
		
		.presse_main_listing .text_content h4 {
			color: #fff;
			padding-top: 10px;
			}
		
		.presse_main_listing .text_content p {		
			font-size: 1.1em;
			line-height: 150%;
			color: #CCCCD6; 
			margin-bottom: 5px;
			width: 400px;
			float: left;
			}
		
		.presse_main_listing .text_content a {
				display: block;
				border: 1px solid #666685;
				padding: 2px 0;
				margin: 18px 0 5px 0;
				color: #666685;
				text-align: center;
				width: 130px;
				float: right;
				}
			
				.presse_main_listing .text_content a:hover { color: #CCCCD6; } 
		
		.presse_top_helpers {			
			}
			
			.presse_top_helpers h2 {
				width: 160px;
				float: left;		
				}
			
			.presse_top_helpers p {
				width: 500px; 
				margin-top: 41px; 
				text-align: right;
				float: right;
				line-height: 120%;
				}	

/***** 

	Anmeldung // Mein Konto
	 
*****/

.kontaktformular {	
	font-size: 1.1em;
	}	
	
	.kontaktformular fieldset {
		margin: 0;
		border: 1px solid #000033;
		padding: 10px;
		}		

		.kontaktformular .register_a {
			float: left;
			width: 344px;
			margin: 0;
			padding: 0 0 20px 0;
			}
	
		.kontaktformular .register_b {
			float: right;
			width: 360px;
			margin: 0;
			padding: 0 0 20px 0;
			}
		
		kontaktformular .register_c {
			float: right;
			width: 400px;
			margin: 0;
			padding: 0 0 20px 0;
			text-align: right;
			}
			
		*:first-child+html .kontaktformular .register_a { padding: 0 0 10px 0; }
		*:first-child+html .kontaktformular .register_b { padding: 0 0 10px 0; }
		*:first-child+html .kontaktformular .register_c { padding: 0 0 10px 0; }
		
		* html .kontaktformular .register_a { padding: 0 0 10px 0; }
		* html .kontaktformular .register_b { padding: 0 0 10px 0; }
		* html .kontaktformular .register_c { padding: 0 0 10px 0; }	

	.kontaktformular legend { 
		color: #000033; 
		padding: 0 5px 0 5px;
		margin: 0; 
		line-height: 120%;
		height: 1.4em;
		}
	
	.kontaktformular ul {
		list-style: none;
		margin: 0;
		padding: 0;
		}
	
		.kontaktformular ul li {
			clear: both;
			margin: 0;
			padding: 0;
			}
	
			.kontaktformular .register_a label { width: 95px; float: left; padding-top: 7px; line-height: 120%; }
			.kontaktformular .register_b label { width: 130px; float: left; padding-top: 7px; line-height: 120%; }
			.kontaktformular .register_c label { width: 90px; float: left; padding-top: 7px; line-height: 120%; }
				
			.kontaktformular input {
				border: 1px solid #CCCCD6;
				background: #fff;
				color: #000033;
				margin-top: 5px;
				font-size: 11px;
				line-height: 120%;
				padding: 2px 0 2px 2px;
				}
		
				*:first-child+html .kontaktformular input { margin-top: 3px; } /* IE 7 Margin Bug */
				* html .kontaktformular input { margin-top: 3px; } /* IE 6 Margin Bug */
				
				
				.kontaktformular input.anrede { 
					background: 0;
					border: 0;
					}
				
				#plz {
					width: 40px;
					}
				#ort {
					margin-left: 5px;
					width: 168px;
					}
			
				.kontakt {
					width: 220px;
					}
				
				.kontaktformular .register_c .kontakt { width: 280px; }

			.kontaktformular select {
			   height: 18px;
			   border: none;
			   background: none;
			   }

			.kontaktformular #btn_register {
				padding: 2px 0;
				background: #404066;
				color: #fff;
				width: 100px;
				text-align: center;
				margin: 0 0 0 70px;
				font-size: 1.0em;
				line-height: 150%;
				cursor: pointer;
				}
			
			.kontaktformular .button_service {
				padding: 2px 0;
				background: #404066;
				color: #fff;
				width: 100px;
				text-align: center;
				font-size: 1.0em;
				line-height: 150%;
				cursor: pointer;
				}
		
			.kontaktformular .register_c textarea { 
				width: 370px;
				border: 1px solid #CCCCD6;
				background: #fff;
				color: #000033;
				padding: 2px 0 2px 2px;
				margin: 15px 0 5px 0; 
				height: 100px;
				}
		
		.kontaktformuar .instruction {
			float: right;
			}
	
		#form_complete {
			margin-top: 10px;
			}
			
			#form_complete input#reg_benachrichtigung {
				padding: 0;
				border: 0;
				margin: 1px 5px 0 0;
				float: left;
				background: 0;
				}
			
			*:first-child+html #form_complete input#reg_benachrichtigung {
				padding: 0;
				border: 0;
				margin: -3px 5px 0 0;
				float: left;
				background: 0;
				}
			* html #form_complete input#reg_benachrichtigung {
				padding: 0;
				border: 0;
				margin: -3px 5px 0 0;
				float: left;
				background: 0;
				}
			
			#form_complete label {
				padding-top: 2px;
				display: block;
				float: left;
				}
			
			#button_nutzerdaten {
				float: right; 
				width: 150px; 
				margin-top: 11px; 
				padding-right: 26px;
				}

/***** 

	Erweiterte Suche
	 
*****/

#search_wrap {
	
	}
	
	#search_wrap .warning {
		font-size: 1.1em;
		line-height: 120%;
		font-weight: bold;
		}
		
	.search_form_wrap {
		padding: 0;
		font-size: 1.1em;
		}
		
		.search_form_wrap ul {
			list-style: none;
			margin: 0;
			padding: 0;
			}
	
			.search_form_wrap ul li {
				clear: both;
				margin: 0;
				padding: 10px 0 10px 0;
				}
				
				*:first-child+html .search_form_wrap ul li { padding: 5px 0 5px 0; } /* IE 7 Margin Bug */
				* html .search_form_wrap ul li { padding: 5px 0 5px 0; } /* IE 6 Margin Bug */
		
		.search_form_wrap label {
			width: 100px;
			float: left;
			display: block;
			padding: 2px 0 0 0;
			line-height: 120%;
			}
				
		.search_form_wrap input {
			padding: 2px 4px 1px 4px;
			margin: 0 0 0 0;
			font-size: 1.0em;
			line-height: 120%;
			width: 250px;
			float: left;
			border: 1px solid #CCCCD6;
			}
		
		.search_form_wrap select {
			padding: 0;
			margin: 0;
			font-size: 1.0em;
			line-height: 120%;
			float: left;
			border: 1px solid #CCCCD6;
			}
	
		.search_form_wrap input#btn_search {
			padding: 0 0 2px 0;
			background: #404066;
			color: #fff;
			width: 90px;
			text-align: center;
			font-size: 1.0em;
			height: 18px;
			cursor: pointer;
			clear: both;
			float: none;
			}

/***** 

	Pressetexte
	 
*****/

#cms_top_nav {
		margin: 30px 0 10px 0;
		position: relative;
		height: 25px;
		}
	
		#cms_top_nav h2 {
			margin: 0;			
			padding-right: 15px;
			position: absolute;
			top: 0; left: 0;
			}
		
		#cms_top_nav p {
			position: absolute;
			top: 8px; 
			left: 320px; /*  359px */
			font-size: 1.1em;
			line-height: 120%;
			}	
						
			* html #cms_top_nav p { top: 9px; } /* IE 6 Margin Bug */
		
		#cms_top_nav p#presse_pic_top_hack {
			position: absolute;
			top: 8px; 
			left: 320px; /* 340px */
			font-size: 1.1em;
			line-height: 120%;
			}
			
			* html #cms_top_nav p#presse_pic_top_hack { top: 9px; }
			
		#cms_dropdown_wrap {
			position: absolute;
			top: 5px; right: 27px;	
			text-align: right;		
			}
		
			#cms_dropdown_wrap a { color: #666; text-decoration: underline; }				
			#cms_dropdown_wrap a:hover { color: #666; text-decoration: none; }		
	
		*:first-child+html #cms_dropdown_wrap {
			position: absolute;
			top: 5px; left: 450px;	
			text-align: right;		
			}
		
		#cms_search_form_wrap { margin-top: 1px; }
		
			*:first-child+html #cms_search_form_wrap { margin-top: -4px; } /* IE 7 Margin Bug */
			* html #cms_search_form_wrap { margin-top: -3px; } /* IE 6 Margin Bug */
		
		#cms_search_form_wrap label {
			font-size: 1.1em;
			padding-left: 2px;
			}
			
			#cms_searchstring_input {
				padding: 2px 4px 1px 4px;
				margin: 0 0 0 0;
				font-size: 1.0em;
				line-height: 120%;
				width: 66px;
				border: 1px solid #CCCCD6;
				}
			
			#button_submit_search {
				padding: 2px 0 1px 0;
				background: #000033;
				color: #fff;
				width: 30px;
				text-align: center;
				font-size: 1.0em;
				cursor: pointer;
				border: 0;
				margin-right: 5px;
				}
        
		#cms_print_meta {
			position: absolute;
			top: 5px; right: 0;
			font-size: 0;
			line-height: 0;
			}

/***** 

	Pressebilder Listing + Details
	Achtung: Preview Elemente auch bei Pressetext Bildlisting verwendet!
	 
*****/

#pressebilder_listing_tree {
	float: left;
	width: 205px;
	}

#pressebilder_listing_gallery {
	float: right;
	width: 536px;
	}

	.image_container2 {
		float: left; 
		width: 134px;
		margin: 10px 9px 10px 0;
		}
	
		.image_cell2 {
			width: 134px; 
			height: 134px; 
			display: table;
			border: 1px solid #666685;
			}
		
		.image_innercell2 {
			text-align: center; 
			display: table-cell; 
			vertical-align: bottom; 
			padding: 7px;		
			}

	.image_container {
		float: left; 
		margin: 10px 9px 10px 0;		
		width: 164px;
		border: 1px solid #808098;
		padding: 0 0 3px 8px;
		background: #fff;
		}
	
		.image_cell {
			width: 164px; 
			height: 134px; 
			display: table;
			}
		
		.image_innercell {
			text-align: center; 
			display: table-cell; 
			vertical-align: bottom; 
			padding: 3px;
			font-size: 0;
			line-height: 0;	
			}

		.pic_preview {
			visibility: hidden; 
			display: none;
			position: absolute; 
			paddding: 10px; 
			top: 0px;
			left: 0px;	
			width: 240px; 
			height: 240px; 
			background-color: #ffffff;
			border: 1px solid #808098;
			z-index: 30;
			text-align: center; 
			display: table-cell; 
			vertical-align: bottom; 	
			}
		
		.caption_container {
			position: relative; 
			margin: 5px 0 5px 0; 
			}
		
		.caption_short {
			padding: 3px 10px 0 10px; 
			height: 3.5em; 
			overflow: hidden; 
			cursor: pointer;
			background: #000033;
			color: #fff;
			line-height: 155%;
			font-size: 1.1em;
			width: 144px;
			}
		
		.caption_long {
			visibility: hidden; 
			position: absolute; 
			top: 0; 
			background: #000033;
			width: 145px;
			height: 6.3em; 
			padding: 3px 10px 0 10px;   
			z-index: 10;  
			opacity: 1; 
			-moz-opacity:1; 
			cursor: pointer;
			color: #fff;
			line-height: 155%;
			font-size: 1.1em;
			}
		
		.tool_container {
			padding: 5px 10px 2px 0; 
			background-color: #ffffff;
			}
		
		.tool_hint {
			background-color: #ffffff; 
			text-align: center;
			color: #000033;
			}
		
		/* Ovelib
		----------------------------------------------------------------------*/
		
		.preview {
			background-color: #ffffff;
			border: 1px solid #f1eae3;
			padding: 5px;
			}
			
			

/***** 

	Händlerbereich
	
	Achtung: Verwendet Elemente aus dem oben stehenden 
	 
*****/

#collection_step3 {}
	
	#collection_step3 select, #collection_step2 select {
		text-align: center;
		font-family: Arial, Verdana, Helvetica, sans-serif;
		font-size: 11px;
		line-height: 120%;
		}
		
#collection_step4 {
	margin-top: 20px;
	padding-top: 1px; 
	}
	
	#collection_step4 .section { 
		border-right: 1px dotted #000033;
		padding: 5px 20px 5px 0;
		margin-right: 20px;
		}
	
	#collection_step4 .section a {
		line-height: 130%;
		}

	#collection_step4 .section:first-child { 
		}
					
	#collection_step4 .section:last-child { 
		margin-right: 0;
		border: none;
		}



#lightbox_wrapper {
	width: 520px;
	height: 450px;
	margin: 0px;
	padding: 0px;
	background: #000033;
	color: #CCCCD6;
	z-index: 999999;
	}
	
#lightbox_wrapper #pic_detail {
	width: 300px;
	height: 450px;
	margin: 0px 10px 0px 0px;
	padding: 0px;
	float: left;
	text-align: center;
	z-index: 999999;
	}
	
	#lightbox_wrapper table, #lightbox_wrapper tr, #lightbox_wrapper td {
		padding: 0;
		margin: 0;
		}

#lightbox_wrapper #description {
	width: 180px;
	height: 415px;
	padding: 0 10px 10px 20px;
	margin: 0px;
	float: right; 
	z-index: 999999;
	}
	
#description #details {
	height: 390px;
	margin: 0px;
	padding: 0px;
	}
	
	#description #details span {
		line-height: 170%; 
		color: #fff;
		}
	
	#description #details p {
		line-height: 120%;
		font-size: 1.1em;
		}
	
	#description #details ul {
		list-style: none; 
		padding: 0; 
		margin: 0; 
		height: 185px; 
		overflow: auto; 
		overflow-x: hidden;
		line-height: 120%; 
		font-size: 1.1em;
		}

#werbemittel_helpers { margin-bottom: 7px; }
	
	#werbemittel_helpers p.float-right a { text-decoration: underline; color: #000033; }
	#werbemittel_helpers p.float-right a:hover { text-decoration: none; color: #000033; }

#werbemittel_listing_1, #werbemittel_listing_2 { list-style: none; width: 370px; }
	
	#werbemittel_listing_1 li, #werbemittel_listing_2 li { 
		line-height: 170%; 
		height: 24px;
		}
	
	#werbemittel_listing_1 li a, #werbemittel_listing_2 li a {
		display: block;
		background: #000033;
		color: #CCCCD6;
		padding: 2px 10px 0 10px;
		height: 20px;
		text-decoration: none;
		overflow: hidden;
		}
	
	#werbemittel_listing_1 li a:hover, #werbemittel_listing_2 li a:hover {
		display: block;
		background: #BFBFCC;
		color: #fff;
		padding: 2px 10px 0 10px;
		height: 20px;
		text-decoration: none;
		overflow: hidden;
		}
		
.werbemittel_details_wrap { 
	padding: 7px 10px 10px 7px; 
	background: #000033; 
	margin: 0 0 10px 0; 
	}
	
	.werbemittel_details_picture { width: 180px; }
	.werbemittel_details_listing { width: 530px; }
	
		.werbemittel_details_listing h4 { color: #fff; padding: 5px 0; }
		.werbemittel_details_listing .werbemittel_description { color: #CCCCD6; padding: 5px 0; }
			.werbemittel_details_listing .werbemittel_description a { color: #fff; }
			.werbemittel_details_listing .werbemittel_description a:hover { text-decoration: underline; }
		
		.werbemittel_details_listing .werbemittel_elemente_headline { color: #fff; margin: 20px 0 10px 0; }
		
		.werbemittel_details_listing ul { list-style: none; }
		.werbemittel_details_listing ul li { 
			margin-top: 4px; 
			padding: 0 0 2px 0; 
			border-bottom: 1px solid #404066; 
			}
				
			.werbemittel_details_listing ul li .float-left { 
				color: #CCCCD6; 
				width: 435px; 
				padding-top: 5px; 
				height: 20px;
				overflow: hidden;
				line-height: 150%;
				}	
					
			.werbemittel_details_listing ul li .float-right { width: 75px; }					
				.werbemittel_details_listing ul li .float-right a { color: #fff; text-decoration: none; }		
				.werbemittel_details_listing ul li .float-right a:hover { color: #CCCCD6; text-decoration: none; }
		

		.werbemittel_service { 
			margin-top: 5px;
			font-size: 1.1em;
			line-height: 120%;
			}
					
		.werbemittel_service,
		.werbemittel_service a { 
			color: #FFFFFF;
			}
				
		.werbemittel_service a:hover { 
			text-decoration: underline;
			}