/*
 ----------------------------------------------------------
 Body part
 ----------------------------------------------------------
*/

body, html {
	border: 0px;
	margin:0%;
	padding:0%;
	width: 100%;
	height: 100%;
	background-color: #989795;
	background-image:url(../images/background.gif);
	background-position: 0px 18px;
	font: normal 100.01% Arial, Verdana, Helvetica, sans-serif;
}

a, img {
	border: 0px;

}

p {
	padding: 0px;
	margin: 0px;
}

#page_body {
	position: absolute;
	width:100%;
	top: 5%;
	margin-bottom: 20px;
	padding-bottom: 20px;
}

#bar {
	position: absolute;
	left: 0px;
	top: 0px;
	background:url(../images/header_bar.gif) repeat-x;
	height: 16px;
	width: 100%;
}

/*
 ----------------------------------------------------------
 Header part
 ---------------------------------------------------------- 
*/

#header {
	position: absolute;
	width:100%;
	height: 140px;
	top: 0px;
}

#header_logo {
	position: absolute;
	left: 15px;
	bottom: 10px;
	background:url(../images/CCC-Logo-2.gif) no-repeat;
	width:200px;
	height:126px;
}

#header_nav {
	position: absolute;
	right: 180px;
	bottom: 15px;
	float: left;
}
#header_nav ul {
	float: left;
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#header_nav li.NO {
	float: left;
	margin-right: 10px;
	vertical-align: bottom;
}
#header_nav ul li.NO a {
	display: block;
	background-color: #fe8729;
	border: 2px solid #ffffcc;
	text-align: center;
	width: 100px;
	padding: 5px 0px 3px 0px;
}
#header_nav ul li.NO a:hover {
	background-color: #1fa12d;
	color: black;
}

#header_nav li.ACT {
	float: left;
	margin-right: 10px;
	vertical-align: bottom;
}
#header_nav ul li.ACT a {
	display: block;
	background-color: #1fa12d;
	border: 2px solid #ffffcc;
	text-align: center;		
	width: 100px;
	padding: 5px 0px 3px 0px;
}

#header_nav li.CUR {
	float: left;
	margin-right: 10px;
	vertical-align: bottom;
}
#header_nav ul li.CUR a {
	display: block;
	background-color: #1fa12d;
	border: 2px solid #ffffcc;
	text-align: center;		
	width: 100px;
	padding: 5px 0px 3px 0px;
}



#header_search {
	position: absolute;
	right: 20px;
	bottom: 15px;
}

#header_search form {
	margin: 0px;
	padding: 0px;
	float: left;
}

#header_search .template_inputs_search {
	float: left;
	width: 90px;
	background-color: #ffffff;
	border: 2px solid #ffffcc;
	padding: 5px 6px 6px 6px;
	margin-right: 5px;
	color: #ffb26a;
	font: bold 85% Arial, Verdana, Helvetica, sans-serif;
}

#header_search ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	float: left;	
}
#header_search ul li {
	float: left;
	height: 18px;	
}
#header_search ul li a{
	float: left;
	display: block;
	text-decoration: none;
	background-color: #fe8729;
	border: 2px solid #ffffcc;
	color: #ffffcc;
	font: normal 85% Times New Roman, serif;
	margin-right: 5px;
	padding: 5px 6px 6px 6px;
}
#header_search ul li a:hover {
	background-color: #1fa12d;
	color: black;
}

#header_search .template_inputs_searchbutton {
	height: 13px;
}

* html #header_search .template_inputs_searchbutton {
	height: 16px;
}
/*
 ----------------------------------------------------------
 Left part
 ----------------------------------------------------------
*/

#left {
	position: absolute;
	top: 125px;
	left: 0px;
	width: 22%;
}

* html #left {
	position: absolute;
	top: 125px;
	left: 0px;
	width: 25%;
}

#left_nav {
	position: absolute;
	width: 100%;
}

#left_nav ul {
	margin: 0 0 0 20px;
	padding: 0px;
	list-style: none;
	width: 100%;
}

#left_nav a img {
	padding: 0px;
	margin: 0px;
}

#left_nav ul li.NO {
	display: block;
	margin-top: 10px;
	width: 85%;
	vertical-align: bottom;
}
#left_nav ul li.NO a {
	width: 85%;
	display: block;
	padding: 5px 0px 3px 0px;
	background-color: #fe8729;
	border: 2px solid #ffffcc;
	text-align: center;
}

#left_nav ul li.NO a:hover {
	background-color: #1fa12d;
}

#left_nav ul li.ACT {
	display: block;
	margin-top: 10px;
	width: 85%;	
	vertical-align: bottom;
}
#left_nav ul li.ACT a {
	width: 85%;
	display: block;
	padding: 5px 0px 3px 0px;
	background-color: #1fa12d;
	border: 2px solid #ffffcc;
	text-align: center;	
}

#left_nav ul li.CUR {
	display: block;
	margin-top: 10px;
	width: 85%;
	vertical-align: bottom;	
}
#left_nav ul li.CUR a {
	width: 85%;
	display: block;
	padding: 5px 0px 3px 0px;
	background-color: #1fa12d;
	border: 2px solid #ffffcc;
	text-align: center;	
}

#aktuelle_spitzen {
	position: absolute;
	top: 200px;
	width: 85%;
}
#aktuelle_spitzen ul {
	margin: 0 0 0 20px;
	padding: 0px;
	list-style: none;
	width: 100%;
}
#aktuelle_spitzen ul li.NO a {
	width: 85%;
	display: block;
	padding: 5px 0px 3px 0px;
	background-color: #1fa12d;
	border: 2px solid #ffffcc;
	text-align: center;	
}
/*
 ----------------------------------------------------------
 Content part 
 ----------------------------------------------------------
*/

#content {
	position: absolute;
	top: 135px;
	right: 25px;
	width: 65%;
	background-color: #ffffff;
	border-width: 2px;
	border-style: solid;
	border-top-color: #a1a5a8;
	border-right-color: #9e9da2;
	border-bottom-color: #a8a1b3;
	border-left-color: #aea093;
	padding: 40px;
	margin-bottom: 20px;
}

* html #content {
	position: absolute;
	top: 135px;
	right: 30px;
	width: 63%;
	background-color: #ffffff;
	border-width: 2px;
	border-style: solid;
	border-top-color: #a1a5a8;
	border-right-color: #9e9da2;
	border-bottom-color: #a8a1b3;
	border-left-color: #aea093;
	padding: 40px;
	margin-bottom: 20px;
}

h1, h2, h3, h4, h5, h6 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
}

h1 {
	font-size: 130%
}
h2 {
	font-size: 120%
}
h3 {
	font-size: 110%

}
h4 {
	font-size: 100%
}
h5 {
	font-size: 100%
}
h6 {
	font-size: 100%
}

#content a {
	color: #FF9E16;
}
#content a:hover {
	color: #FFC042;

}

#content input, #content textarea {
	border-width: 1px;
	border-style: solid;
	border-top-color: #a1a5a8;
	border-right-color: #9e9da2;
	border-bottom-color: #a8a1b3;
	border-left-color: #aea093;
}

#content .content_form_info {
	text-align: left;
	padding-bottom:5px;
	margin-bottom:5px;
}

#content .content_form_section {
	text-align: left;
	padding-top:5px;
	margin-top:5px;
	border-bottom: 1px solid #a1a5a8;
	font-style:italic;
}

#content img {
	border: 0px;
}

/*
 ----------------------------------------------------------
 Footer part 
 ----------------------------------------------------------
*/

#footer {
	position: absolute;
	bottom: -30px;
	height: 30px;
	width:100%;
	margin: 0px;
	padding: 0px;
	text-align: center;
}