@import url("navigation.css");
@import url("fce.css");
@import url("styled_content.css");
@import url("forms.css");
@import url("extensions.css");


/* standard elements

	Grau: 		#d2d2d1
	Grau Text: 	#959595
	Blau: 		#2c57a7
	Orange: 	#db9032




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

html {min-height: 100%; background: #e3e3e3 url(../images/bg.gif) }

* {
	margin: 0;
	padding: 0;
}


body {
	background:  url(../images/) repeat-x left bottom;
	font: normal 62.5% Arial;
	margin: 0 auto;

}



#nonFooter
	{
		position: relative;
		min-height: 100%;  background:  url(../images/back.gif) repeat-y left top fixed;
	}


html #nonFooter
	{
		height: 100%;
	}

/* A CSS hack that only applies to IE -- specifies a different height for the footer */


html #footer
	{
		margin-top: -7.4em; background:  url(../images/footer.jpg) no-repeat bottom;
	}





p,code,ul {padding-bottom: 1.2em;}

li {list-style: none;}

h1 	{
	font: bold 1.7em Arial;
	color: #db9032;
	padding: 0px 0px 10px 0px;
	display: none;
}

h2	{
	font: bold 1.7em Arial;
	color: #db9032;
	padding: 0px 0px 10px 0px;
}


h3 	{
	font: bold 1.4em Arial;
	color: #db9032;
	padding: 0px 0px 10px 0px;

}

code {
	background: #FFF;
	border: 1px solid #EEE;
	border-left: 6px solid #db9032;
	color: #666;
	display: block;
	font: normal 1em Arial;
	line-height: 1.6em;
	margin-bottom: 12px;
	padding: 8px 10px;
	white-space: pre;
}

blockquote {
	background: url(../images/quote.gif) no-repeat;
	display: block;
	font-weight: bold;
	padding-left: 28px;
}




/* Struktur------------------------------------------------------------------------------------------------------ */


.hauptcontainer {

	margin: 0 auto;
	padding: 0;
	width: 970px;

}


.container {

	margin: 0 auto;
	padding: 0;
	width: 970px;

	background: url(../images/bgmain.gif) repeat-y;

}

.clearer {clear: both;}

.left {float: left;}

.right {float: right;}


/* header------------------------------------------------------------------------------------------------------ */
.top {
	background: url(../images/top.jpg) repeat-x;
	width: 970px;
	margin: 0 auto;
}

.header {
	margin: 0 auto;
	padding: 0;
	height: 167px;
	width: 970px;
}

.header .right {
	text-align: center;
	height: 125px;
	width: 970px;
}



.icons {
	padding-top: 3px;
	padding-right: 0px;
	float: right;
}


.icons a {
	border-left: 1px solid #666666;
	float: right;
	font-weight: normal;
	font-size: 1.2em;
	color: #666666;
	padding: 0px 10px 0px 10px;
	text-decoration: none;
}

.icons a:hover {
	color: #2c57a7;
}





.kompass {

	float: left;
	padding-left: 145px;

}

.kompass a {

	font-weight: normal;
	font-size: 1.0em;
	color: #2c57a7;
	padding: 4px 0 5px 0px;
	text-decoration: none;
}
.kompass a:hover {

	color: #db9032;
}

/* end header------------------------------------------------------------------------------------------------------ */



/* Main Content------------------------------------------------------------------------------------------------------ */




.main {
	padding: 0;
	margin: 0 auto;


}



.news {
	float: left;
	overflow: auto;
	height: 150px;
	padding: 0px 0px 0px 0px;
	width: 99%;
	BORDER-BOTTOM: #db9032 1px solid;
}

.news a {
	line-height: 12px;
	font-weight: bold;
	font-size: 1.1em;
	color: #2c57a7;
	text-decoration: none;

}

.news a:hover {

	color: #db9032;
}

.news h2 {
	color: #FFF;
	font-size: 1.4em;
	line-height: 30px;
	margin: 0;
	padding-left: 21px;
}
.news p {
	color: #959595;
	font-size: 1.1em;
	line-height: 20px;
	margin: 0;
	display: block;
	padding: 8px 0 8px 21px;
}




/* content------------------------------------------------------------------------------------------------------ */

.contentboxright {
	padding-top: 10px;
	float: right;
	width: 265px;
	font-family: "Arial",sans-serif;


}

.contentboxrightinfo {
	color: #959595;
	width: 230px;
	padding-left: 25px;


}

.contentboxrightinfo a {

	line-height: 10px;
	font-weight: normal;

	line-height: 15px;
	color: #145aa9;
	padding: 5px 0px 4px 0px;
	text-decoration: none;


}

.contentboxrightinfo a:hover {
	color: #db9032;
}

.contentboxrightinfo h2 {
	color: #db9032;
	font-size: 1.4em;
	font-weight: bold;
	line-height: 30px;
	margin: 0;
	padding-left: 12px;
}

.contentboxrightinfo p {
	color: #9959595;
	font-size: 1.1em;
	line-height: 15px;
	margin: 0;
	display: block;
	font-family: "Arial",sans-serif;
	padding: 2px 5px 10px 12px;

}


.contentboxright p.more{margin:0 0 10px 0px; padding: 2px 0px 10px 0px; 	BORDER-BOTTOM: #145aa9 1px solid;}
.contentboxright p.more a {
		display:block;
		width:87px; height:22px;
		background:url(../images/mehrbutton_normal.gif) 0 0 no-repeat #fff;
		color:#111;
		font-size:1.1em;
		text-decoration:none;
		float: right;
		padding:0 0 0 10px;}

.contentboxright p.more a:hover{background: url(../images/mehrbutton_hover.gif) 0 0 no-repeat #fff; color:#111; text-decoration:none;}






.content {
	padding-top: 10px;
	float: right;
	font-size: 1.1em;
	line-height: 15px;
	font-family: "Arial",sans-serif;
	width: 545px;
	TEXT-ALIGN: justify;
	color: #666666;
}


.content .descr {
	color: #db9032;
	font-size: 0.9em;
	margin-bottom: 16px;
	margin-left: 16px;
}

.content p {


	}

.content A.normallink {
	text-decoration: none;
	COLOR: #2c57a7;
	FONT-WEIGHT: bold;

}

.content A.normallink:hover {
	COLOR: #db9032;
	FONT-WEIGHT: bold;
}


.content p.more{margin:0 0 10px 0px; padding: 2px 0px 10px 0px; 	BORDER-BOTTOM: #145aa9 1px solid;}
.content p.more a{
		display:block;
		width:87px; height:22px;
		background:url(../images/mehrbutton_normal.gif) 0 0 no-repeat #fff;
		color:#111;
		font-size:1.0em;
		line-height:20px;
		text-decoration:none;
		float: right;
		}

.content p.more a:hover{background: url(../images/mehrbutton_hover.gif) 0 0 no-repeat #fff; color:#111; text-decoration:none;}



.content p.gototop{margin:0 0 10px 0px; padding: 0px 0px 10px 0px;}
.content p.gototop a{
		display:block;
		width:87px; height:22px;
		background:url(../images/gototop_normal.gif) 0 0 no-repeat #fff;
		color:#111;
		font-size:1.0em;
		line-height:20px;
		text-decoration:none;

		}

.content p.gototop a:hover{background: url(../images/gototop_hover.gif) 0 0 no-repeat #fff; color:#111; text-decoration:none;}






.liste li {
	list-style: url(../images/li.gif);
	margin-left: 18px;
}


/* images------------------------------------------------------------------------------------------------------ */


images {

}








/* footer------------------------------------------------------------------------------------------------------ */
.footer {

	background: url(../images/footer.gif) repeat-x left bottom;
	color: #666666;
	font: bold 1em sans-serif;
	height: 50px;
	line-height: 21px;
	text-align: left bottom;
}
.footer2 {
	padding-top: 20px;
	float: right;

}

.footer a {
	border-left: 1px solid #959595;
	font-weight: normal;
	font-size: 1.2em;
	color: #666666;
	padding: 0px 10px 0px 10px;
	text-decoration: none;
}


.footer a:hover {color: #2c57a7; }