@charset "utf-8";
/* CSS Document */

/* +++++++++++++ Global Settings +++++++++++++++ */
* {
margin:			0;
}

html, body {
height: 			100%;
background:			url(../images/body-bg.jpg) 0 0 repeat-x;
}

a {
	text-decoration:	none !important;
	outline:		none;
}

a:hover {
	text-decoration:	none !important;
}

h2,h4 {
	font-size:		16px;
	font-weight:	bold;
	color:		#d44b00;
	letter-spacing:	normal;
}

h4 {
	color:		#666666;
	margin-bottom:	10px;
}

h3,h5 {
	font-size:		14px;
	font-weight:	bold;
	color:		#666666;
	letter-spacing:	normal;
}

h3 {
	padding:		20px 0;
}

p {
	margin:		0 40px 10px 0;
	padding:		0;
	font-size:		12px;
	color:		#5a5a5a;
}

.topspace {
	margin-top:		25px;
}

#borderimg {
	width:		450px;
	border:		2px solid #CCC;
	padding:		4px;
	}

/*---------------- CLEARFIX ----------------------------*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* +++++++++++++ Layout +++++++++++++++ */

#wrapper {
	min-height: 	100%;
	height: 		auto !important;
	height: 		100%;
	width:		1100px;
	margin:		0 0 -40px 0;
}

/*  Header  */
#header {
	width:		1100px;
	height:		342px;
}

	#header #logo {
		float:	left;
		width:	191px;
		height:	342px;
		background:	url(../images/cc-logo.gif) 0 0 no-repeat #FFF;
	}
	
	#header #headercenter {
		float:	left;
		width:	550px;
		height:	342px;
	}
		#header #headercenter #navigation {
			width:	550px;
			height:	133px;
			background:	url(../images/topnavi-bg.gif) 0 0 no-repeat;
		}
		
	#header #headerright {
		float:	left;
		width:	359px;
		height:	342px;
	}
	
		#header #headerright #top {
			width:	231px;
			height:	133px;
			background:	url(../images/headerright-top.gif) 0 0 no-repeat;
		}
		
		#header #headerright #teaserbox {
			width:	359px;
			height:	209px;
			background:	url(../images/teaserbox-bg.gif) 0 0 no-repeat;
		}
		

/* Content */

#content {
	width:		1100px;
	min-height:		400px;
	margin-bottom:	80px;
	background:	 	url(../images/content-bg.gif) 0 0 no-repeat;
}

	#content #contentnavi {
		float:	left;
		width:	191px;
		height:	342px;
	}
	
	#content #textarea {
		float:		left;
		width:		551px;
		padding:		40px 0 0 10px;
	}
	
	#content #textarea ul {
		width:		210px;
		list-style-type:	none;
		float:		left;
		font-size:		12px;
		color:		#5a5a5a;
		margin-bottom:	8px;
	}
	
	#content #textarea #premium {
		width:		450px;
	}



/* Photo Galery */
	
.photo {
	margin: 25px 25px 0 25px;
	position: relative;
	width: 180px;
	float: left;
	
}
.photo img {
	background: #fff;
	border: solid 1px #ccc;
	padding: 4px;
}
.photo span {
	width: 20px;
	height: 18px;
	display: block;
	position: absolute;
	top: 12px;
	left: 12px;
	cursor: pointer;
}

.photo .video {
	width: 20px;
	height: 18px;
	display: block;
	position: absolute;
	top: 12px;
	left: 12px;
	cursor: pointer;
	background: url(../images/cam-icon.gif) no-repeat;
}

.photo a {
	text-decoration: none;
}

.galimg span {
	width: 170px;
	height: 120px;
	display: block;
	position: absolute;
	top: 5px;
	left: 6px;
	background: url(../images/round-corner.png) no-repeat;
}
.galimg img {
	border: none;
	padding: 5px 6px 6px;
	background: url(../images/round-bg.gif) no-repeat;
}

.galimg h5 {
	padding-left:	6px;
	font-size:		14px;
	margin:		10px 0 0;
}

.galimg .producttitle {
	width:		170px;
	margin:		0;
	padding-left:	6px;
}

#bigpics {
	margin-bottom:	25px;
}
#bigpics img {
	padding:	4px;
	border:	4px solid #CCC;
	margin: 	25px 25px 0 25px;
}

/* ----------------- */

/* CMS Stuff */

.cms-content {
	width: 450px;
	border-bottom:	1px dotted #CCC;
}

.cms-image {
	float:		left;
	padding:		4px;
	margin:		0 12px 12px 0;
	border:		1px solid #CFCFCF;
}


/* ----------------- */
	
	#content #newsarea {
		float:	left;
		width:	232px;
		height:	300px;
		padding:	40px 0 0 10px;
		background:	url(../images/news-verlauf.gif) 10px 300px no-repeat;
	}
	
	#content #newsarea #newstext {
		width:	180px;
		height:	230px;
	}
	

#push {
	clear:		both;
	height:		40px;
}

#content #textarea #slideshow {
	width:		450px;
	height:		300px;
	padding:		4px;
	border:		2px solid #CCC;
	margin:		10px 0 20px 20px;
}
	

/* footer */

#footer {
	height:		40px;
	width:		1100px;
}
	#footer #footernav {
		width:		520px;
		height:		40px;
		margin-left:	415px;
	}
	

/* +++++++++++++ Navigation +++++++++++++++ */

#header #headercenter #navigation ul li {
	float:		left;
}

#header #headercenter #navigation #sitenav {
	list-style-type:	none;
	font-size:		12px;
	float:		right;
	margin-top:		55px;
	margin-right:	30px;
}

#header #headercenter #navigation #sitenav li a {
	color:		#d44b00;
	display:		block;
	margin-left:	15px;
}

#header #headercenter #navigation #sitenav li a:hover {
	text-decoration:	underline !important;
}

#header #headercenter #navigation #mainnav {
	padding:		0;
	width:		550px;
	list-style-type:	none;
	float:		right;
	margin-top:		10px;
	font-size:		15px;
	font-weight:	bold;
}

#header #headercenter #navigation #mainnav li a {
	color:		#FFFFFF;
	display:		block;
	margin-left:	20px;
	height:		27px;
}

#header #headercenter #navigation #mainnav li a:hover {
	border-bottom:	4px solid #ffc474;
}	

/* Content Navigation */

#content #contentnavi ul {
	text-align:		right;
	list-style-type:	none;
	width:		120px;
	padding:		0;
	font-size:		14px;
	margin:		58px 0 0 54px;
}

#content #contentnavi ul li {
	border-bottom:	1px solid #d44b00;
}

#content #contentnavi ul .noline {
	border-bottom:	none !important;
}

#content #contentnavi ul li #sichtschutz {
	background:		url(../images/square-01.gif) 108px 7px no-repeat;
}

#content #contentnavi ul li #gartenkunst {
	background:		url(../images/square-02.gif) 108px 7px no-repeat;
}

#content #contentnavi ul li #werbetafeln {
	background:		url(../images/square-03.gif) 108px 7px no-repeat;
}

#content #contentnavi ul li #lichtobjekte {
	background:		url(../images/square-04.gif) 108px 7px no-repeat;
}

#content #contentnavi ul li #lichtsaeulen {
	background:		url(../images/square-05.gif) 108px 7px no-repeat;
}

#content #contentnavi ul li #wohnen {
	background:		url(../images/square-06.gif) 108px 7px no-repeat;
}

#content #contentnavi ul li #wellness {
	background:		url(../images/square-07.gif) 108px 7px no-repeat;
}

#content #contentnavi ul li #architektur {
	background:		url(../images/square-08.gif) 108px 7px no-repeat;
}

#content #contentnavi ul li #accessoires {
	background:		url(../images/square-09.gif) 108px 7px no-repeat;
}


#content #textarea a {
	color:	#d44b00;
}

#content #textarea a:hover {
	text-decoration:	underline !important;
}

#content #contentnavi ul li a {
	display:		block;
	height:		24px;
	color:		#d44b00;
	padding:		4px 18px 0 0;
}

#content #textarea #pdflist {
	list-style-type:	none;
	float:		none;
	margin-top:		40px;
}

#content #textarea #pdflist li {
	width:		400px;
	margin-bottom:	20px;
	background:	none;
}

#content #textarea #pdflist #underline {
	border-bottom:	1px dotted #CCCCCC;
}
	
#content #textarea #pdflist li a {
	color:		#d44b00;
	display:		block;
	padding-left:	60px;
	padding-top:	14px;
	height:		60px;
}

#content #textarea #pdflist li a:hover {
	text-decoration:	underline !important;
}

/* footer navigation */

#footer #footernav ul {
	padding:		0;
	list-style-type:	none;
	font-size:		12px;
}

#footer #footernav ul li {
	float:		left;
	margin-right:	1px;
}

#footer #footernav ul #startseite {
	border-bottom:	9px solid #fbbd00;
}

#footer #footernav ul #agb {
	border-bottom:	9px solid #7cba2e;
}

#footer #footernav ul #kontakt {
	border-bottom:	9px solid #93b1e4;
}

#footer #footernav ul #anfahrt {
	border-bottom:	9px solid #9286b7;
}

#footer #footernav ul #impressum {
	border-bottom:	9px solid #d8d3e5;
}

#footer #footernav ul li a {
	text-align:		center;
	color:		#d44b00;
	display:		block;
	margin:		8px;
}