@charset "utf-8";

@import url("master.css");
@import url("forms.css");
@import url("icons.css");

/***** 

	Projekt: ROKASAN Rollladendämmung

	Stylesheet Template
	© 2009, BRANDMARKER
	
	Farb Definitionen:
	<>
	 
*****/

body {
	color: #fff;
	font: 62.5%/100% Arial, Verdana, Helvetica, sans-serif;
	background: #373737 url(../gfx/main_bg.jpg) top center no-repeat;
	}

#wrap {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto;	
	width: 993px; 
	position: relative;
	}


/***** 

	Global Section
	 
*****/


h1 {
	font-size: 2.1em; 
	line-height: 120%;
	color: #ffcc00;
	padding: 0 0 10px 0;
	margin: 0 0 0 -2px;
	}
 
h2 {
	font-size: 1.2em; 
	line-height: 140%; 
	color: #fff;
	font-weight: bold;
	padding: 0 0 3px 0;
	margin: 0;
	}
 
	h2 a { color: #fff; text-decoration: none; } 
	h2 a:hover { color: #fff; text-decoration: none;	}
 
h3 {
	font-size: 1.5em; 
	font-weight: bold; 
	line-height: 120%;
	color: #fff;
	padding: 0 0 5px 0;
	margin: 0 0 0 -2px;
	}
	
	h3 a { color: #fff; text-decoration: none; } 
	h3 a:hover { color: #fff; text-decoration: none;	}

h4 {
	font-size: 2.8em; 
	font-weight: bold; 
	line-height: 120%;
	color: #fff;
	padding: 0 0 10px 0;
	margin: 0 0 0 -2px;
	}
	
h5 {
	font-size: 1.2em; 
	line-height: 120%;
	color: #ffcc00;
	}
	
a, a:hover { text-decoration: none; }	

a { color: #ffcc00; text-decoration: underline; }
a:hover { color: #ffcc00; text-decoration: none; }

a:focus { }

.highlight	{  }
.highlight2	{  }

p {}

	p.content {
		font-size: 1.2em;
		color: #ccc;
		line-height: 140%;
		}

/***** 

	Head Section
	 
*****/


#header {
	width: 993px;
	height: 489px;
	background: url(../gfx/head_bg.jpg) top left no-repeat;
	position: relative;
	}

	#logo {
		position: absolute;
		top: 17px;
		left: 12px;
		}
	
	#top_nav {
		background: url(../gfx/top_nav_bg_trans.png) top left no-repeat;
		position: absolute;
		top: 0;
		right: 0;
		height: 30px;
		} /* IE 6 hacked */
		
		#top_nav ul {
			margin: 0;
			padding: 1px 3px 0 20px;
			height: 2.2em;
			line-height: 2.2em;
			text-align: left;
			}
			
			#top_nav ul li {
				display: inline;
				padding: 0 0 0 17px;
				font-size: 1.1em;
				}
				
				#top_nav ul li a { color: #000; text-decoration: none; }
				#top_nav ul li a:hover { color: #fff; text-decoration: none; }
				
				#top_nav ul li.active a { color: #000; text-decoration: none; }
				#top_nav ul li.active a:hover { color: #fff; text-decoration: none; }
	
	#main_nav {
		position: absolute;
		top: 74px;
		right: 0;
		width: 795px;
		}
		
		#main_nav ul.parent_element {
			padding: 0 0 5px 0;
			border-bottom: 1px solid #000;
			text-align: left;
			}
			
			#main_nav ul.parent_element li {
				display: inline;
				font-size: 1.2em;
				font-weight: bold;
				padding: 0 35px 0 0;
				line-height: 120%;
				}
			
				#main_nav ul.parent_element li a { color: #000; text-decoration: none; }
				#main_nav ul.parent_element li a:hover { color: #fff; text-decoration: none; }
				
				#main_nav ul.parent_element li.active a { color: #fff; text-decoration: none; }
				#main_nav ul.parent_element li.active a:hover { color: #000; text-decoration: none; }
		
		
		
		#main_nav ul.child_element {
			padding: 4px 0 0 0;
			text-align: left;
			}
			
			#main_nav ul.child_element li {
				display: inline;
				font-size: 1.1em;
				padding: 0 15px 0 0;
				line-height: 120%;
				}
			
				#main_nav ul.child_element li a { color: #000; text-decoration: none; }
				#main_nav ul.child_element li a:hover { color: #fff; text-decoration: underline; }
				
				#main_nav ul.child_element li.active a { color: #000; text-decoration: underline; }
				#main_nav ul.child_element li.active a:hover { color: #fff; text-decoration: none; }	
		
	#feature_box {
		position: relative;
		top: 124px;
		left: 0;
		width: 993px;
		height: 365px;
		}
		
		#feature_box .left_column {
			float: left;
			width: 480px;
			padding: 0 0 0 10px;
			}
		
			#feature_text {
				margin: 65px 0 0 0;
				}
			
				#feature_text h6 {
	font-size: 4.5em;
	line-height: 110%;
	font-weight: bold;
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
					}
				
				#feature_text h6 strong { text-decoration: underline }
				
				#feature_text p {
					font-size: 1.4em;
					line-height: 200%;
					color: #000;
					padding: 0 0 0 3px;
					}
		
		#feature_box .right_column {
			float: right;
			width: 490px;
			}
		
	#breadcrumb_nav {
		position: absolute;
		top: 465px;
		left: 0;
		height: 2.4em;
		line-height: 2.4em;
		background: url(../gfx/breadcrumb_bg.png) repeat;
		z-index: 10;
		width: 100%;
		} /* IE 6 hacked */
		
		#breadcrumb_nav ul {
			padding: 0 0 0 13px;
			font-size: 1.0em;
			color: #fff;
			}
		
			#breadcrumb_nav ul li {
				display: inline;
				letter-spacing: 1px;
				}
		
				#breadcrumb_nav ul li a { color: #fff; text-decoration: none; }
				#breadcrumb_nav ul li a:hover { color: #ffcc00; text-decoration: underline; }
		
				#breadcrumb_nav ul li.active a { color: #ffcc00; text-decoration: underline; letter-spacing: 0; }
				#breadcrumb_nav ul li.active a:hover { color: #fff; text-decoration: none; letter-spacing: 0; }
	
	
/***** 

	Content Section
	 
*****/
	
#content {
	width: 993px;
	padding: 30px 0 130px 14px;
	}
	
	#content .left_column {
		width: 216px;
		float: left;
		margin: 0 18px 0 0;
		padding: 0 18px 0 0;
		}
		
		.einklinker_wrap { width: 216px; padding: 0 0 5px 0; }	
		
			.einklinker_wrap p.description {
				font-size: 1.2em;
				line-height: 120%;
				font-weight: bold;
				padding: 7px 10px;
				border: 1px solid #666;
				background: #373737;
				}	
			
				.einklinker_wrap p.description a { color: #ffcc00; text-decoration: underline; }
				.einklinker_wrap p.description a:hover { color: #ffcc00; text-decoration: none; }
		
		.useful_links {
			width: 216px;
			background: #666;
			padding: 0;
			margin: 20px 0 0 0;
			}
			
			.useful_links li {				
				padding: 0 0 0 15px;
				background: 0;
				height: 2.4em;
				line-height: 2.4em;
				font-size: 1.1em;
				color: #666;				
				border-bottom: 1px solid #555;
				}
			
				.useful_links li.headline {
					background: #373737;
					width: 204px;
					margin: 0 1px 0 1px;
					padding: 0 0 0 10px;
					font-size: 1.4em;
					color: #ffcc00;
					border-top: 1px solid #666;
					font-weight: bold;
					border-bottom: 0;
					}
			
				.useful_links li a.arrow {
					padding: 0 0 0 15px;
					background: transparent url(../gfx/arrow.gif) no-repeat 0 0.0em;
					color: #fff; 
					text-decoration: none;
					}
							
					.useful_links li a.arrow:hover { color: #ffcc00; text-decoration: underline; }
	
	#content .content_column {
		width: 460px;
		float: left;
		}
	
	#content .content_column_large {
		width: 720px;
		float: left;
		}
		
		.content_column ul.content, .content_column_large ul.content {
			font-size: 1.2em;
			color: #fff;
			line-height: 130%;			
			border-bottom: 1px solid #666;
			padding: 20px 0 0 0;
			margin: 0 0 20px 0;
			}
		
			.content_column ul.content li, .content_column_large ul.content li {
				padding: 8px 0 8px 20px;
				background: transparent url(../gfx/cross.gif) no-repeat 0 0.8em;			
				border-top: 1px solid #666;
				}
		
				.content_column ul.content li a, .content_column_large ul.content li a { color: #ffcc00; text-decoration: underline; }
				.content_column ul.content li a:hover, .content_column_large ul.content li a:hover { color: #ffcc00; text-decoration: none; }
								
		.content_column ol.content, .content_column_large ol.content {
			font-size: 1.1em;
			color: #ccc;
			line-height: 140%;
			padding: 0 0 0 16px;
			margin: 0 0 0 0;
			} /* IE 6+7 hacked */
		
			.content_column ol.content li, .content_column_large ol.content li {}
			
		.content_column p.agb, .content_column_large p.agb {
			padding: 0 0 0 16px; 
			margin: 10px 0 0 0;
			} /* IE 6+7 hacked */
		
		
		.content_listing { 
			padding: 10px 0; 
			border-bottom: 1px solid #666;
			}
		
			.content_listing .float-left { 
				width: 170px;
				}
		
			.content_column_large .content_listing .float-right { width: 540px;	}		
			.content_column .content_listing .float-right { width: 280px; }	
			
			.content_listing ul.content, .content_listing ul.content { padding: 0 0 0 0; margin: 0 0 0 0; border: 0; color: #ccc; }
			.content_listing ul.content li, .content_listing ul.content li { border-top: 0; color: #ccc; }
			
			
		.content_listing2 { 
			padding: 10px 0; 
			border-bottom: 1px solid #666;
			}
		
			.content_listing2 .float-left { 
				width: 720px;
				}	
			
			.content_listing2 .headline { 
				color: #ffcc00;
				padding-bottom: 3px;
				font-size: 1.3em;
				}
			.content_listing2 .teaser { 
				color: #fff;
				padding-bottom: 3px;
				font-size: 1.0em;
				}
			.content_listing2 .links a { 
				color: #FFF;
				}
		
			.content_column_large .content_listing2 .float-right { width: 240px;	}		
			.content_column .content_listing2 .float-right { width: 280px; }	
			
			.content_listing2 ul.content, .content_listing2 ul.content { padding: 0 0 0 0; margin: 0 0 0 0; border: 0; color: #ccc; }
			.content_listing2 ul.content li, .content_listing2 ul.content li { border-top: 0; color: #ccc; }
		
		
		.content_quadrat_listing {
			border: 1px solid #666; 
			float: left; 
			width: 290px; 
			margin-right: 20px;
			margin-top: 20px;
			}
		
			.content_quadrat_listing ul.content { padding: 10px 10px; margin: 0 0 0 0; border: 0; }
			.content_quadrat_listing ul.content li { border: 0; color: #ccc; }
	
	#content .right_column {
		width: 244px; /* width: 230px */
		float: right;
		padding: 0 0 0 18px;
		}	
		
		#content .right_column p.description {
			font-size: 1.1em;
			line-height: 130%;
			color: #fff;
			padding: 5px 0 30px 0;
			text-align: center;
			}	
		
			#content .right_column p.description strong {
				font-size: 1.3em;
				line-height: 150%;
				}

/***** 

	Listing + Detailansichten
	Aktuell | Jobs | Presse
	 
*****/

	/* Container der Liste */
	#cms_listing { }
	
	.image_bg {	
		text-align: center;
		width: 214px;
		padding: 7px;
		float: right;
		}

	/* Listenelemte */
	#cms_listing .list_item {
		padding: 5px 0 0 0;
		margin: 0 0 10px 0;
		border-top: 1px solid #666;
		}

	/* Seitennavigation auf den Listenseiten */
	#paging { 
		width: 740px; 
		background: #666666; 
		padding: 4px 5px 5px 5px; 
		} /* Hacked für IE 6 + 7, check iebugs */

	.paging_control_1 {
		float: left; 
		width: 45px; 
		text-align: left; 
		font-weight: bold; 
		color: #CCCCD6;
		}
		
		.paging_control_1 a { color: #CCCCD6; }
		.paging_control_1 a:hover { color: #666685; }
		
		.paging_control_2 a { color: #CCCCD6; }
		.paging_control_2 a:hover { color: #666685; }
		
		.paging_control_3 a { color: #CCCCD6; }
		.paging_control_3 a:hover { color: #666685; }
		
	.paging_control_2 {
		float: left;
		width: 648px; 
		text-align: center; 
		color: #CCCCD6; 
		}

	.paging_control_3 {
		float: right; 
		width: 45px; 
		text-align: right; 
		font-weight: bold;  
		color: #CCCCD6;
		}			
			
	/* Container der Details */
	#cms_details {
		color: #CCCCD6;
		padding: 10px 10px 10px 25px;
		} 

	/* Detailseite: Textspalte */
	#cms_details #text_content {
		float: left;
		width: 400px;
		}
	
	#cms_details ul.text_content {
		float: left;
		list-style: none; 
		width: 350px; 
		float: left; 
		color: #000033;
		}
		
		#cms_details ul.text_content a { color: #000033; }
	
	/* Detailseite: Bilderspalte */
	#cms_details #gallery {
		float: right;
		}
	
	#cms_details #gallery .figure { text-align: center; margin-bottom: 10px; }
	
	#cms_details #gallery p.image {
		text-align: center;
		width: 214px;
		padding: 7px;
		}
	
	#cms_details #gallery p.caption {
		color: #CCCCD6;
		padding: 3px;
		width: 222px;
		line-height: 120%;
		}
				
	/* Ueberschriften */
	#cms_listing h4	{	
		/* s.h. weiter oben bei Überschriften und Textstyles */
		}
	#cms_details h4 { 
		/* s.h. weiter oben bei Überschriften und Textstyles */
		}
	
	#cms_listing .list_item p a {
			display: block;
			border: 1px solid #ffcc00;
			padding: 2px 0;
			margin: 0 0 5px 0;
			color: #ffcc00;
			text-align: center;
			width: 130px;
			float: left;
			text-decoration: none;
			}
	
	#cms_listing .list_item p a:hover { text-decoration: underline; }
		

	/* Teaser */
	#cms_details .teaser,
	#cms_listing .teaser {		
		font-size: 1.1em;
		line-height: 140%;
		color: #CCCCD6; 
		margin-bottom: 5px;
		} 
	
	/* Texte */
	#cms_details .maintext {
		font-size: 1.1em;
		line-height: 140%;
		padding-top: 10px;
		color: #fff;		}
	
	

	/* Thema oder Rubrikname */
	/* Datumsangaben */ 	
	#cms_listing .theme_date {	
		padding: 5px 0 5px 0;
		font-size: 1.1em;
		line-height: 120%; 
		color: #CCCCD6;
		}
	
	#cms_details .theme_date {	
		padding: 4px 0 5px 0;
		font-size: 1.1em;
		line-height: 120%; 
		color: #CCCCD6;
		}
		
	#cms_listing .theme, 
	#cms_details .theme { 
		padding: 0 3px 0 0;
		}		
	
	#cms_listing .date, 
	#cms_details .date {
		}



/***** 

	Foot Section
	 
*****/


#footer {
	width: 100%;
	height: 106px;
	margin: -106px 0 0 0;
	background: url(../gfx/foot_bg.jpg) top center no-repeat;
	}
	
	#footer p {
		width: 993px;
		margin: 0 auto;
		padding: 83px 0 0 0;
		height: 2.2em;
		line-height: 2.2em;
		text-align: center;
		color: #333;
		}