/* 	Stylesheet: Screen
/*	(c) 2007, dieSignatur
/*	Last update: 2007-02-28 */

/***********************************************************/
/****************** Global styles **************************/
/***********************************************************/
body {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.5em;
	color: black;
	background: #fff url(img/body_gradient_bg.gif) left top repeat-x;
	text-align: center;
	font-size: 11px;
	border-top: 1px solid white;
	padding-bottom: 20px;
}

* {
	padding: 0;
	margin: 0;
}
/************************************************************/

/************************************************************/
/* Styles by Container (in order of appearance, descending) */
/************************************************************/
div#center {
	width: 1015px;
	padding-left: 19px;
	margin: 0 auto;
}
div#container {
	text-align: left;
	width: 976px;
	background: url(img/container_borders_bg.gif) center  top repeat-y;
	margin: 0 auto;
	position: relative;
}

div#language { position: absolute; top: 0; left: -39px; background: url(img/language_bg.gif) no-repeat; width: 39px;  }
div#language ul#show-languages { display: none; list-style: none; background: url(img/language-selection_bg.gif) repeat-y; padding: 15px 0 0 11px; margin-bottom: 4px; }
div#language ul#show-languages a img { border: 0; }
div#language #flags { background: url(img/flags_bottom_bg.gif) center bottom no-repeat; min-height: 35px; width: 39px; border-bottom: 1px solid white;  }
div#language .current-language { padding: 5px 0 0 11px; }

div#header {
	width: 976px;
	background: url(img/header_top_bg.gif) top center no-repeat;
	position: relative;
}
div#header h1 {
	position: absolute;
	top: 0; right: 38px;
	width: 180px; height: 58px;
	background: url(img/logo.jpg) top no-repeat;
	letter-spacing: -999em;
}
div#header h1 a {
	display: block;
	height: 58px;
	width: 180px;
	text-indent:-999em;
}
/*********************** NAVIGATION ***********************/
div#navigation {
	margin: 0 13px;
	width: 950px;
	background: url(img/navigation_bg.gif) top center repeat-x;
	height: 80px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
ul#navigation-ul {
	padding: 47px 0 0 20px;
	list-style: none;
}
ul#navigation-ul li {
	float: left;
	background: url(img/navigation/spacer.gif) top right no-repeat;
}

ul#navigation-ul li a {
	height: 17px;
	display: block;
	text-decoration: none;
	padding: 0 7px 0 5px;
	float: left;
	overflow: hidden;
}

ul#navigation-ul li a:hover, ul#navigation-ul li .active {
	height: 23px;
	outline: none;
}

ul#navigation-ul li a img {
	border: none;
}

/*********************************************************/

div#banner {
	margin: 1px 13px 0 13px;
	height: 220px;
	background: url(http://style-force.net/tmp/oettinger_header.png) center top no-repeat;
	position: relative;
}

/******************* NEWS ÜBERSICHT **********************/
div#banner #news-overview {
	position: absolute;
	top: 0;
	right: 25px;
	width: 180px;
}
div#banner #news-overview h2 {
	width: 180px;
	height: 23px;
	background: url(img/news_h2_bg.gif) top left no-repeat;
	text-indent: -999em;
	margin-bottom: 1px;
	display:none;
}
div#banner #news-overview #date {
	background: #132232;
	width: 180px;
	height: 35px;
	display:none;
}
div#banner #news-overview #date span {
	color: white;
	font-weight: bold;
	padding: 8px 0 0 10px;
	display: block;
}
div#banner #news-overview #news-text {
	height: 84px;
	width: 180px;
	background: url(img/newstext_bg.png) top center;
}
div#banner #news-overview #news-text span{
	display: block;
	padding: 10px 10px 0 10px;
	color: white;
}
div#banner #news-overview #news-text span a{color: white;}
div#banner #news-overview img { display: block; border:0;}
div#banner #news-overview p#news-switch {
	height: 23px;
	width: 180px;
}
div#banner #news-overview p#news-switch .picof {
	display: block; width: 148px; height: 20px; float: left; background: #6c7f94; color: #c2d1e1;
	text-transform: uppercase; font-size: 10px; letter-spacing: -1px; font-family: Arial, Helvetica, sans-serif;
	text-align: center; padding-top: 3px;
}
.img-back {
	height: 23px;
	width: 16px;
	font-size: 1px;
	color: #99a9ba;
	display: block;
	background: url(img/news-back.gif) no-repeat;
	float: left;
	text-indent:-999em;
}

.img-forward {
	height: 23px;
	width: 16px;
	font-size: 1px;
	color: #99a9ba;
	display: block;
	background: url(img/news-forward.gif) no-repeat;
	float: right;
	text-indent:-999em;
}
/**********************************************************/

/************************* CONTENT ************************/
div#content {
	width: 950px;
	margin: 1px 13px 0 13px;
	background: url(img/content_bg.gif) center top repeat-y;
}
div#content #subnavigation {
	width: 210px;
	border-bottom: 1px solid white;
	float: left;
}
div#content #subnavigation h2 {
	text-transform: uppercase;
	text-indent: -999em;
	width: 209px;
	height: 31px;
	background: #dedede url(img/subnavigation_h2_bg.gif) left top no-repeat;
}
div#content #subnavigation ul {
	list-style: none;
	border-left: 14px solid #e7e7e7;
	background: white;
	padding: 10px 0 10px 13px;
}
div#content #subnavigation ul li {
	background: url(img/subnav_bullet.gif) left 8px no-repeat;
	padding: 1px 0 1px 8px;
}
div#content #subnavigation ul li.active {
	background: url(img/subnav_bullet_down.gif) left 8px no-repeat;
}
div#content #subnavigation ul li a {
	color: #034ea1;
	text-decoration: none;
}
div#content #subnavigation ul li a:hover {
	text-decoration: underline;
}
div#content #subnavigation ul ul {
	padding: 0;
	border: 0;
}

div#content #subnavigation ul ul ul {
	padding: 0;
	border: 0;
}
div#content #subnavigation a.active {
	border-bottom: 1px solid red;
}
div#content #subnavigation a:hover.active {
	text-decoration: none;
}

/**************************** MAIN *********************************/
div#content #main {
	margin-left: 210px;
	line-height: 1.4em;
}
div#content #main h2 {
	text-transform: uppercase;
	text-indent: -999em;
	height: 30px;
}
div#content #main .box {
	height: 160px;
	border-bottom: 1px solid #ececec;
	border-right: 1px solid #ececec;
	position: relative;
	padding-right: 150px;
}
div#content #main .box img {
	position: absolute;
	top: 20px;
	left: 20px;
	padding: 5px;
	background: #fff url(img/box_img_bg.gif) center center no-repeat;
}
div#content #main .box h3 {
	margin-left: 185px;
	padding-top: 20px;
	background: url(img/subnav_bullet.gif) left 25px no-repeat;
	padding-left: 15px;
	font-size: 12px;
	margin-bottom: 10px;
	color: #034da1;
}
div#content #main .box h3  a {
	color:#034DA1;
	text-decoration:none;
}
div#content #main .box p {
	color:#434343;
	margin-bottom:0.5em;
	margin-left:200px;
}

#news-uebersicht div#content #main .box p {news-ueb...sicht.css (Linie 33)
color:#034DA1;
padding-left:0;
}
div#content #main .box p {glb.css (Linie 270)
color:#434343;
margin-bottom:0.5em;
margin-left:200px;
}

div#content #main .box p a:hover, div#content #main .box h3 a:hover {text-decoration:underline;}
div#content #main .box a.details {margin-left:-14px;padding-left:15px;}
div#content #main .box p a {
	background:transparent url(img/subnav_bullet.gif) no-repeat scroll left center;
	color:#034DA1;
	padding-left:10px;
	text-decoration:none;
}

div#content #main .box1 {
	background: #fff url(img/box1_bg.gif) left top repeat-y;
}
div#content #main .box2 {
	background: #f9f9f9 url(img/box2_bg.gif) left top repeat-y;
}

/*****************************************************************/

/******************************* FOOTER **************************/
div#footer {
	background: url(img/footer_bg.gif) top center no-repeat;
	height: 63px;
	width: 976px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0 auto;
}
div#footer p#diesignatur {
	float: left;
	margin: 17px 0 0 70px;
}
div#footer p#diesignatur a {
	height: 18px; width: 100px;
	display: block;
	letter-spacing: -999em;
	text-indent: -999em;
}
div#footer p#copy {
	padding: 17px 0 0 245px;
	color: #545454;
}
div#footer p#copy a {
	color: #034ea1;
	margin-left: 10px;
	padding-left: 10px;
	text-decoration: none;
	background: url(img/subnav_bullet.gif) left center no-repeat;
}
div#footer p#copy a:hover { text-decoration: underline; }
/****************************************************************/

.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 */


/*************************************************************/
/******************* Different Site Styles *******************/
/*************************************************************/
/* now in single css files */