/*************************
LAYOUT
**************************/

* /*Set's border, padding and margin to 0 for all values*/
{
    padding: 0;
    margin: 0;
}

body {
background-color: #101010;
font-size: 11px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#000;
padding:0px;
margin:0px;
height: 100%;
background-image:url(images/bg.gif);
}

body {
    font-size: 100.01%;
}

h1{
	font-size:1.4em;
}
h2{
	font-size:1.2em;
}
h3{
	font-size:1em;
}

ul{
	margin:5px 0 10px 20px;
}

.clear { clear: both; }

.clearbottompage { clear: both; height:30px; }

#mainContainer {
    width: 914px;
    margin: 0 auto; /*** Centers the design ***/
    min-height: 100%;
    text-align: left; /*** Because we centered the text in body we have to move the text back to left aligning ***/
    font-size: 12px;
}

* html #mainContainer {
    height: 100%;  /*** IE doesn't support min-height, but instead it handles height as min-height so we need to hack the height ***/
}


/************* HEADER */

#banner {
background-color:#fff;
position:relative;
height:185px;
}

#banner-pic {
padding:0;
margin:0;
display:block;
clear:both;
width:914px;
background:#fff;
} 

#banner-pic img{
margin-left:500px;
} 

#banner-top{
background-color:#101010;
text-align:right;
color:#fff;
padding:6px 3px;
font-size:10px;
}
#banner-top a{color:#fff;text-decoration:underline;text-decoration:none;padding:0px 3px;}
#banner-top a:hover{color:#fff;text-decoration:underline;text-decoration:underline;}

#topmenu{
padding-left:88px;
float:left;
background:#fff;
background-image:url(images/tm.gif);background-repeat:repeat-x;
width:826px;
height:22px;
padding-top:1px;
border-top:2px solid black;
border-bottom:7px solid black;
}

*html #topmenu {
height:12px;
position:relative;
margin-bottom:-29px;
}

#navigation {
height:20px;
}
*html #navigation {
height:22px;
overflow:hidden;
}


#topmenu ul{
padding:0;margin:0;
list-style:none;
}
#topmenu li{

float:left;
margin:0;padding:0;
}

#topmenu a{color:#666666;text-decoration:none;position:relative;display:inline;}
#topmenu a:hover{color:#000;}
*html #topmenu a{display:inline;position:relative;}
*html #topmenu a:active{display:inline;position:relative}

.toplink-active{}


#languagemenu{
text-align:right;padding:8px 5px;background-image:url(images/tm.gif);background-repeat:repeat-x;
}
#languagemenu a{color:#ABAE1A;text-decoration:none;}

/************* CONTENT AND COLUMNS */

.outer {
    padding-left: 216px;
	background-color:#969495;
	min-height:435px;
	z-index:1;
}
* html .outer {
    height: 435px; /* Normally this shouldn't be in this hack, it should be in .outer, but because of IE7 I had to */
}
.inner {
    width: 600px; /*** This width is for non-IE browsers. Mozilla makes this necessary. Be sure to check your layout in different browsers if you changes this value. Especially IE7 seems to create a horisontal scroll if this value is set too large ***/
    padding-bottom: 0px;
}
* html .inner {
    width: 100%;
}
/*** div.inner is wider than its container, div.outer, and so overlaps to the right, pushing
div.right into the proper position. IE expands div.outer instead, requiring a Tan hack to avoid 
blowing the layout apart. IE gets the original 100% width as in the Livingstone layout.
***/
.float-wrap {
    z-index:1;
    width: 914px;
    margin-left: -216px; /*** Same length as .outer padding-left but with negative value ***/

}
* html .float-wrap {
    /*** No need for hacking IE on this layout ***/
}
#content {
    float: right;
    width: 600px;
	background-color:#fff;
	margin-right:96px;
	margin-top:12px;
	padding-bottom:15px;
	min-height:407px;
}
* html #content {
    position: relative;  /*** IE needs this  ***/
	left:116px;
	height:407px;
}

#content a{
color:#B80925;
text-decoration:underline;
}
#content a:hover{
text-decoration:underline;
}

.contentWrap{
    padding: 0;
    
}

.newspic{
padding:0;
margin-top:0px;
}

.news-date {
color:#0B1337;
font-size:11px;
margin-top:8px;
text-align:right;
}

.news-header {
font-weight:bold;
color:#B80925;
padding-bottom:10px;
}

.news-content{
padding:0 20px;
border-bottom:1px solid #969495;
}

.news-content p{
color:#000;
padding-bottom:10px;
}

.content-text{
padding:0 20px;
border-bottom:1px solid #969495;
}

.content-header{
font-weight:bold;
color:#fff;
padding-bottom:5px;
padding-top:5px;
}

.content-text p{
color:#fff;
padding-bottom:10px;
}

.content-header-pic{
padding:0;
margin-bottom:20px;
}



.content-unternehmen-nofloat{
position:relative;
text-align:left;
width:420px;
margin-left:116px;
height:100%;
}

*html .content-unternehmen-nofloat{
position:relative;
text-align:left;

margin-left:126px;
height:100%;
}

.content-text-nofloat{
text-align:left;
width:auto;
margin-left:176px;
height:100%;
}

*html .content-text-nofloat{
position:relative;
text-align:left;

margin-left:176px;
height:100%;
}

/************* LEFT COLUMN */

/*** div.left is in div.float-wrap, and when div.float-wrap is neg margined to the left, 
div.left is carried over into the proper position. 
***/

#left {
    
    width: 200px;
    padding: 0 5px;
    overflow: hidden;
}

* html #left {
    position: absolute;  /*** IE needs this  ***/
	top:183px;
	height:480px;
	
}

#left a{color:#fff;text-decoration:none;}
#left a:hover{color:#B80925;text-decoration:underline;}

#left-data{
position:fixed;
top:500px;
margin-left:20px;
z-index:10;
width:120px;
color:#fff;
}
*html #left-data{
position:absolute;
top:0;
margin-top:280px;
left:10px;
z-index:1000;
}

#left-data-oben{
margin-top:285px;
margin-left:20px;
z-index:10;
}
*html #left-data-oben{
position:relative;
top:0;
margin-top:285px;
left:10px;
}

#leftmenu{
margin-top:28px;
}
#leftmenu a{
display:block;
color:#fff;
padding-bottom:3px;
}
#leftmenu .leftmenu_active {
display:block;
color:#000;
}
 


.pdf-link{
padding:3px 0 3px 20px;
background-image:url(images/pdf.jpg);
background-repeat:no-repeat;
display:block;
color:#000;
}

.box{
padding:10px;
width:520px;
border:solid 1px #000;
background-color:#B80925;
}

.refbox{
margin-bottom:8px;
width:520px;
display:block;
}

#content .box a, #content .box a:visited{
color:#000;
}