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

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

body {
background-color: #666666;
font-size: 11px;
font-family: Verdana, Helvetica, Arial, SunSans-Regular, Sans-Serif;
color:#564b47;
padding:0px;
margin:0px;
height: 100%;
}

body {
    font-size: 100.01%;
}

.clear { clear: both; }

#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:#ffffff;
}

#banner-pic {
padding:0;
margin:0;
display:block;
clear:both;
} 

#banner-top{
background-color:#666666;
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:726px;
height:30px;
position:relative;

}

#topmenu a{color:#666666;padding:4px 5px 14px 5px;text-decoration:none;line-height:22px;position:relative;display:inline;}
#topmenu a:hover{color:#000;background-image:url(/images/tla.gif);background-repeat:repeat-x;}
* html #topmenu a{height:30px;display:inline;position:relative;}
* html #topmenu a:active{display:inline;position:relative;background-image:url(/images/tla.gif);background-repeat:repeat-x;}

.toplink-active{background-image:url(/images/tla.gif);background-repeat:repeat-x;height:30px;}

#languagemenu{
text-align:right;padding:4px 5px 12px 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-image:url(/images/chg.jpg);
	background-repeat:no-repeat;
	background-color:#D6D921;
	min-height:500px;
	z-index:1;
}
* html .outer {
    height: 500px; /* 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:#8E9112;
	margin-right:96px;
	margin-top:12px;
	padding-bottom:15px;
}
* html #content {
    position: relative;  /*** IE needs this  ***/
	left:116px;
}

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

.contentWrap{
    padding: 0;
    
}

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

.news-date{
color:#fff;
font-size:11px;
margin-top:8px;
}

.news-header{
font-weight:bold;
color:#FFFF33;
}

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

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

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

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

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

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

.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:#666666;text-decoration:none;}
#left a:hover{color:#000000;text-decoration:none;}

#left-data{
position:fixed;
top:525px;
margin-left:20px;
z-index:10;
}

* html #left-data{
position:absolute;
top:0;
margin-top:368px;
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:#666666;
padding-bottom:3px;
}
#leftmenu a:hover{
display:block;
color:#000000;
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;
}

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

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