body {
    background-color:#333333;
}


h1 {
    font-family:Trebuchet, Helvetica, Arial;
    font-size:16px;
    color:#96AFD2;
    line-height:24px;
}


#wrapper {
    width:100%;
    height:auto;

}

#navigationarea {
    width:100%;
    height:100px;
	background-color:#333333;
/*
	background-image:url(images/carbonback-4-100x100.jpg);
	background-repeat:repeat-x;
*/
}

#headerlogo {
    width:80px;
    height:80px;
    margin-left:40px;
    margin-top:10px;
    float:left;
}

#navigation {
    width:840px;
    height:100px;
    float:left;
}

#navigationheadline {
    width:400px;
    height:16px;
    font-family:Tahoma, Helvetica, Arial;
    font-size:12px;
    color:#525252;
    line-height:16px;
    margin-left:40px;
    margin-top:19px;
}

#navigationsubheadline {
    width:600px;
    height:16px;
    font-family:Tahoma, Helvetica, Arial;
    font-size:12px;
    color:#525252;
    line-height:16px;
    margin-left:40px;
    margin-top:3px;
}

#navcontent {
	width:800px;
	margin-left:40px;
	margin-top:12px;
	height:26px;

}

#navcontent li a {
	font-family:Trebuchet, Helvetica, Arial;
    font-size:17px;
    color:#ffffff;
	text-decoration:none;
	display:block;
	float:left;
	margin-right:20px;
	letter-spacing:0.6px;


}

#navcontent li a:hover {
	font-family:Trebuchet, Helvetica, Arial;
    font-size:17px;
	color:#96AED2;
	text-decoration:none;
	display:block;
	float:left;
	margin-right:20px;
	letter-spacing:0.6px;



}

/* --------- Page Peel -------------------------------------*/

#pageflip {
	position: relative;
}
#pageflip img {
	width: 50px; height: 52px;
	z-index: 99;
	position: absolute;
	right: 0; top: 0;
	-ms-interpolation-mode: bicubic;
}
#pageflip .msg_block {
	width: 50px; height: 50px;
	position: absolute;
	z-index: 50;
	right: 0; top: 0;
	background: url(images/subscribe.png) no-repeat right top;
	text-indent: -9999px;
}

/* --------- Page Peel -------------------------------------*/



#picframe {
	width:auto;
	height:850px;
}

#sonderbutton {
	width:100px;
	height:40px;
	margin-left:860px;
	background-color:#333333;



/*
	background-image:url(images/carbonback100x40.jpg);
	background-repeat:repeat-x;
*/


}

#sonderbutton a {
	font-family:Trebuchet, Helvetica, Arial;
    font-size:16px;
    color:#ffffff;
	text-decoration:none;
	line-height:40px;
	display:block;
	text-align:center;
}

#sonderbutton a:hover {
	    color:#96AFD2;
	}

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

#teasermainarea {
	width:530px;
	height:310px;
	background-color:#333333;
	margin-top:240px;
	margin-left:40px;
	filter:alpha(opacity=92);
	-moz-opacity: 0.92;
	opacity: 0.92;

}

#teasermainarea h1 {
	font-family:Tahoma, Helvetica, Arial;
    font-size:24px;
	line-height:70px;
	font-style:normal;
	font-weight:normal;
	letter-spacing:1px;
	color:#96AED2;
	margin-left:20px;
}

#teasermainarea p {
	font-family:Trebuchet, Helvetica, Arial;
    font-size:22px;
	line-height:35px;
	font-style:normal;
	font-weight:normal;
	letter-spacing:1px;
	color:#ffffff;
	margin-left:20px;
	text-shadow:0px 1px 1px #666666;
}

#teaserlinkarea {
	width:530px;
	height:40px;
	background-color:#333333;
	margin-top:1px;
	margin-left:40px;
	filter:alpha(opacity=87);
	-moz-opacity: 0.87;
	opacity: 0.87;

}

#teaserlinkarea a {
	font-family:Tahoma, Helvetica, Arial;
    font-size:15px;
	font-weight:normal;
	letter-spacing:1px;
	color:#ffffff;
	text-decoration:none;
	line-height:40px;
	margin-left:20px;
}

#teaserlinkarea a:hover {
	color:#96AED2;
}

/* --- */

#teasermainarea2 {
	width:360px;
	height:310px;
	background-color:#333333;
	margin-top:240px;
	margin-left:30px;
	filter:alpha(opacity=85);
	-moz-opacity: 0.85;
	opacity: 0.85;

}

#teasermainarea2 h1 {
	font-family:Tahoma, Helvetica, Arial;
    font-size:16px;
	line-height:50px;
	font-style:normal;
	font-weight:normal;
	letter-spacing:1px;
	color:#96AED2;
	margin-left:20px;
}

#teasermainarea2 p {
	font-family:Trebuchet, Helvetica, Arial;
    font-size:14px;
	line-height:20px;
	font-style:normal;
	font-weight:normal;
	letter-spacing:1px;
	color:#ffffff;
	margin-left:20px;
	text-shadow:0px 1px 1px #666666;
}

#teaserlinkarea2 {
	width:360px;
	height:40px;
	background-color:#333333;
	margin-top:1px;
	margin-left:30px;
	filter:alpha(opacity=85);
	-moz-opacity: 0.85;
	opacity: 0.85;

}

#teaserlinkarea2 a, #teasermainarea2 a {
	font-family:Tahoma, Helvetica, Arial;
    font-size:14px;
	font-weight:normal;
	letter-spacing:1px;
	color:#ffffff;
	text-decoration:none;
	line-height:40px;
	margin-left:20px;
}

#teaserlinkarea2 a:hover, #teasermainarea2 a:hover {
	color:#96AED2;
}

/* --- */

#teasermainarea3 {
	width:360px;
	height:310px;
	background-color:#333333;
	margin-top:240px;
	margin-left:30px;
	filter:alpha(opacity=85);
	-moz-opacity: 0.85;
	opacity: 0.85;

}

#teasermainarea3 h1 {
	font-family:Tahoma, Helvetica, Arial;
    font-size:16px;
	line-height:50px;
	font-style:normal;
	font-weight:normal;
	letter-spacing:1px;
	color:#96AED2;
	margin-left:20px;
}

#teasermainarea3 p {
	font-family:Trebuchet, Helvetica, Arial;
    font-size:14px;
	line-height:20px;
	font-style:normal;
	font-weight:normal;
	letter-spacing:1px;
	color:#ffffff;
	margin-left:20px;
	text-shadow:0px 1px 1px #666666;
}

#teaserlinkarea3 {
	width:360px;
	height:40px;
	background-color:#333333;
	margin-top:1px;
	margin-left:30px;
	filter:alpha(opacity=85);
	-moz-opacity: 0.85;
	opacity: 0.85;

}

#teaserlinkarea3 a, #teasermainarea3 a {
	font-family:Tahoma, Helvetica, Arial;
    font-size:14px;
	font-weight:normal;
	letter-spacing:1px;
	color:#ffffff;
	text-decoration:none;
	line-height:40px;
	margin-left:20px;
}

#teaserlinkarea3 a:hover, #teasermainarea3 a:hover {
	color:#96AED2;
}




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

#linkarea {
	width:250px;
	height:auto;
	float:left;
	margin-top:25px;
	margin-left:5px;
}

#linkarea a, #contentarealeft a {
	font-family:Tahoma, Helvetica, Arial;
    font-size:15px;
	font-weight:normal;
	letter-spacing:1px;
	color:#ffffff;
	text-decoration:none;
	line-height:25px;
	margin-left:15px;

}

#linkarea a:hover, #contentarealeft a:hover {
	color:#96AED2;
}

#bottomcontent {
	width:960px;
	height:auto;
	background-color:#333333;
	color:#ffffff;
}

#bottomcontent-left {
	width:710px;
	height:auto;
	float:left;
}

#bottomcontent-left h2 {
	color:#ffffff;
	font-family:Verdana, Helvetica, Arial;
    font-size:14px;
	font-weight:normal;
}

#bottomcontent-left h3 {
	color:#ffffff;
	font-family:Verdana, Helvetica, Arial;
    font-size:12px;
	font-weight:normal;
}


#bottomcontent-right {
	width:250px;
	height:auto;
	float:left;

}

#smalltextnavtop {
	margin-top:65px;
	float:right;

}

#smalltextnavtop a {
	color:#ffffff;
	font-family:Verdana, Helvetica, Arial;
    font-size:12px;
	font-weight:normal;
	text-decoration:none;

}

#smalltextnavtop a:hover {
	color:#96AED2;

}

#socialbuttons {
	margin-top:20px;
	margin-left:20px;
	float:left;

}

#contentarealeft {
	width:565px;
	height:auto;
	float:left;
	margin-left:115px;
	margin-right:40px;
	margin-top:65px;
}

#contentarealeft h2 {
	font-family:Tahoma, Helvetica, Arial;
    font-size:20px;
    color:#96AFD2;
	margin-bottom:13px;
}

#contentarealeft h3 {
	font-family:Tahoma, Helvetica, Arial;
    font-size:16px;
    color:#96AFD2;
	margin-top:5px;
	margin-bottom:20px;
}


/*
Pseudoklasse führt die Anweisung before oder after aus.
*/
#contentarealeft a:before{content:"> ";color:#8fafd2;font-weight:bold;}
#teaserlinkarea a:before{content:"> ";color:#8fafd2;font-weight:bold;}
#linkarea a:before{content:"> ";color:#8fafd2;font-weight:bold;}

#contentarealeft p {
	font-family:Tahoma, Helvetica, Arial;
    font-size:16px;
    color:#ffffff;
    line-height:23px;
	font-weight:normal;
	text-shadow:0px 1px 1px #666666;
	margin-bottom:20px;
	margin-left:5px;

}

/* Seperate h2 Formatierung in Abhängigkeit ob das vorherige Element p ist oder nicht. Nur bei p greifen die Anweisungen */
#contentarealeft p + h2 {
	margin-top:50px;
}




#contentarealeft ul {
	font-family:Tahoma, Helvetica, Arial;
    font-size:16px;
    color:#ffffff;
    line-height:22px;
	font-weight:normal;
	text-shadow:0px 1px 1px #666666;
	list-style:disc;
	margin-top:-5px;
	margin-left:20px;

}



#footer {
	width:920px;
	height:auto;
	float:left;
	color:#ffffff;
	font-family:Verdana, Helvetica, Arial;
    font-size:12px;
	font-weight:normal;
	margin-left:40px;
	margin-bottom:20px;
}

#footernav {
	float:right;

}

#footernav a {
	color:#ffffff;
	font-family:Verdana, Helvetica, Arial;
    font-size:12px;
	font-weight:normal;
	text-decoration:none;

}

#footernav a:hover {
	color:#96AED2;

}


#textarea {

	color:#212121;
}