/*
###########################################
## Basis Layout
###########################################
*/

/*
  shortCSS
  ----------------------------------------------------------
  background: #f00 url(bild.gif) no-repeat top left;
  font: normal 12px/18px "Arial", Helvetica, Tahoma, Verdana, sans-serif;
*/

/*
------------------------------------------
Global Reset
------------------------------------------
*/

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,
pre, form, fieldset, table, th, td  
{
    margin: 0; padding: 0; 
}

/*
------------------------------------------
Headlines
------------------------------------------
*/

h1{
    font: normal 30px/30px Arial, Helvetica, Tahoma, Verdana, sans-serif;
    margin-bottom: 45px;
    color: #cccccc;
}

h2{
    font: normal 18px/18px Arial, Helvetica, Tahoma, Verdana, sans-serif;
    margin-bottom: 15px;
    margin-left: 50px;
    color: #222222;
}


h3{
    font: 14px/20px Arial, Helvetica, Tahoma, Verdana, sans-serif;
    margin-bottom: 10px;
    color: #000000;   
}


h4{
    font: 12px/18px Arial, Helvetica, Tahoma, Verdana, sans-serif;
    margin-bottom: 5px;
    color: #000000;
}


/*
------------------------------------------
Links
------------------------------------------
*/
a,  a:link,  a:visited{
    color: #a43646;
    text-decoration: underline;
}

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


/*
------------------------------------------
Images
------------------------------------------
*/

img, a img{
    border: 0px;
    display: block;
}

/*
------------------------------------------
 Standart elements
------------------------------------------
*/

#container p
{
  font: normal 12px/18px "Arial", Helvetica, Tahoma, Verdana, sans-serif;
  color: #000000;
  margin-bottom: 25px;
  margin-left: 50px;
    
}

#fullContent ul{
    /*list-style-type: none;*/
	margin-left: 50px;
}

li{
    /*display: inline;*/
}

#fullContent #verwaltungsrat-und-direktion ul{
	
	margin-left: 152px;
	/*list-style-image: url(../_img/layout/img_bullet_3x3.gif);*/
	
	padding-left:0px;
	
}

#fullContent li{
	font: normal 12px/18px "Arial", Helvetica, Tahoma, Verdana, sans-serif;
 	color: #000000;
	list-style-type: none;
	background: url(../_img/layout/img_bullet_3x3.gif) no-repeat left 8px;
	padding-left: 8px;
}

/*
------------------------------------------
Layout Styles
------------------------------------------
*/

html{
    height:100%;
}

html>body{

    font-size: 12px;
    font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif;
    

}

body{
    font-size: 75%;
	text-align: center;
	background-color: #fff;
	height:100.5%;
}

#wrapper{
    margin: 0 auto;
    width: 975px;
	text-align: left;
	background-color: #fff;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	min-height:100%;
	background: url(../_img/layout/bg_body.gif) repeat-y top left;
	padding-left: 1px;
	position: relative;
}

#container{
    clear: both;
    min-height:100%;
}

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

#header{
    clear: both;
    height: 130px;
    background-color: #fff;
}

#headerRight{
    float: right;
    display: inline;
}

#headerLeft{
    float: left;
    display: inline;
    margin-top: 30px;
}

#utilities,
#langSwitcher,
#selectCountry
{
   margin-left: 30px;
   float: left;
   display:  inline; 
}

#selectCountry
{
	width: 168px;
	height: 17px;
   	margin-left: 0px;
	cursor: pointer;
   	background: url(../_img/layout/bg_selectCountry.jpg) left top no-repeat;
}

.en #selectCountry
{
   	background: url(../_img/layout/bg_selectCountry-en.jpg) left top no-repeat;
}

#utilities ul,
#langSwitcher ul,
#selectCountry ul,
#navigation ul,
#subNavigation ul{
  list-style-type: none;
}

#utilities li,
#langSwitcher li,
#selectCountry li
{
  margin-right: 5px;
  float: left;
}

#utilities ul li a, #utilities ul li a:visited,
#langSwitcher li a, #langSwitcher li a:visited
{
   font: normal 9px "Verdana", Arial, Helvetica, Tahoma, Verdana, sans-serif;
   color: #000000;
   text-decoration: none;
}

#utilities li a:hover, #utilities li p.active,
#langSwitcher li a:hover, #langSwitcher li p.active
{
   font: normal 9px "Verdana", Arial, Helvetica, Tahoma, Verdana, sans-serif;
   color: #666;
   display: inline;
}

/*nav seperator images*/
#langSwitcher li.first,
#utilities li
{
	background: url(../_img/layout/nav_utilities_seperator.gif) no-repeat center right;
	padding-right: 9px;
	 
}

#utilities li.last
{
	background: none;
	padding-right: 0px;
}


/*select country*/
#selectCountryContent{
	position: absolute;
	top: 50px;
	left: 337px;
	z-index: 10;	
/*show me my countryContent if the page been loaded*/
	display: none;
	visibility: hidden;
}

#modul_selectCountryContent{
	background-color: #fff;
	width: 166px;
	border: 1px solid #d3d3d3;
}

#selectCountryContent li{
	
	list-style-type: disc;
	display: block;
}

#selectCountryContent li a{
	
	display: block;
	font: normal 12px "Arial", Helvetica, Tahoma, Verdana, sans-serif;
  	color: #333333;
	padding: 4px 10px 4px 10px;
	text-decoration: none;
}

#selectCountryContent li a:hover{
	
	background-color: #d3d3d3;
}

#imgSelectCountry{
	display: inline;
}

/*searchbar*/

#modul_searchbar div.formbody{
	
	margin-top: 3px;
	margin-right: 25px;
}

#modul_searchbar label{
	
	font: normal 9px "Verdana", Arial, Helvetica, Tahoma, sans-serif;
	color: #fff;
	margin-right: 5px;
}

#modul_searchbar input.text{
	
	border: 1px solid #9f9f9f;
	width: 105px;
	font: normal 9px "Verdana", Arial, Helvetica, Tahoma, sans-serif;
}



#modul_searchbar input.submit{
	
	border: 1px solid #9f9f9f;
	font: normal 9px "Verdana", Arial, Helvetica, Tahoma, sans-serif;
	width: 30px;
}


div.mod_search {
	margin-left: 50px;
}

#container .mod_search p{
	margin-left: 0px;
}

#container .mod_search p.context{
	margin-bottom: 10px;
}

/*
------------------------------------------
  Navigation
------------------------------------------
*/
#navigation
{
    height: 27px;
    background: #000 url(../_img/layout/bg_navigation.jpg) repeat-x top left;
	margin-bottom: 1px;
	/*position: relative;*/
}

#navigation ul
{
    margin-left: 30px;
}

#navigation ul li
{
    background: url(../_img/layout/nav_seperator.jpg) no-repeat top right;
    float: left;
	height: 27px;
}

#navigation ul li.first a
{
    background: url(../_img/layout/nav_seperator.jpg) no-repeat top left;
	margin-left: 1px;
}

#navigation ul li.first p.active
{
    background: url(../_img/layout/nav_firstItem_bg_active.jpg) no-repeat top left;
	margin-left: 1px;
}

#navigation ul li a,
#navigation ul li a:visited
{
    font: normal 14px "Arial", Helvetica, Tahoma, Verdana, sans-serif;
    color: #c6c7c8;
    padding: 5px 15px 5px 15px;
    display: block;
    margin-right: 1px;
	text-decoration: none;
}

#navigation ul li a:hover
{
	color: #fff;
}

#navigation ul li p.active,
#navigation ul li a.trail
{
	background: url(../_img/layout/nav_bg_active.jpg) repeat-x top right;
	font: normal 14px "Arial", Helvetica, Tahoma, Verdana, sans-serif;
	color: #fff;
	padding: 5px 15px 5px 15px;
	display: block;
	margin-right: 1px;
}

/*Searchbar*/
div#modul_searchbar{
	float: right;
	display: inline;
}
/*
------------------------------------------
  Content
------------------------------------------
*/

/*
------------------------------------------
  Left
------------------------------------------
*/
#left{
    float: left;
    width: 247px;
    display: inline;
}

#leftImage img
{
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

#subNavigation{
    margin: 10px 15px 10px 30px;
}


/*
------------------------------------------
  Level 1
------------------------------------------
*/
#subNavigation ul.level_1 li
{
    display: block;
    margin-bottom: 9px;
}

#subNavigation ul.level_1 li a,
#subNavigation ul.level_1 li a:visited
{
    font: normal 14px/14px "Arial", Helvetica, Tahoma, Verdana, sans-serif;
    color: #999999;
    padding: 5px 15px 5px 0px;
    text-decoration: none;
}

#subNavigation ul.level_1 li a:hover,
#subNavigation ul.level_1 li p.active,
#subNavigation ul.level_1 li a.submenu
{
    font: normal 14px/14px "Arial", Helvetica, Tahoma, Verdana, sans-serif;
    color: #333;
    padding: 5px 15px 5px 0px;
	margin-left: 0px;
	display: inline;
    text-decoration: none;
	
}

/*
------------------------------------------
  Level 2
------------------------------------------
*/
#subNavigation ul.level_2 li
{
    display: inline;
    margin: 4px 0px;
}

#subNavigation ul.level_2 li a,
#subNavigation ul.level_2 li a:visited
{
    font: normal 12px "Arial", Helvetica, Tahoma, Verdana, sans-serif;
    color: #999999;
    padding: 5px 15px 5px 30px;
    text-decoration: none;
	display: block;
}

#subNavigation ul.level_2 li a:hover
{
	font: normal 12px "Arial", Helvetica, Tahoma, Verdana, sans-serif;
    color: #a43646;
    padding: 5px 15px 5px 30px;
    text-decoration: none;
	display: block;
}

#subNavigation ul.level_2 li p.active
{
    font: normal 12px "Arial", Helvetica, Tahoma, Verdana, sans-serif;
    color: #a43646;
    padding: 5px 15px 5px 10px;
	margin-left: 30px;
	display: block;
    text-decoration: none;
	background: url(../_img/layout/subNav_arrow_active.gif) no-repeat;
	background-position: 0px 9px;
	margin-bottom: 0px;
}


/*
------------------------------------------
  Right
------------------------------------------
*/
#right{
    float: right;
    width: 725px;
    display: inline;
    background-color: #fff;
}

/*print*/
img.printImg{
	float: right;
	display: inline;
	border: 0px;
	margin-right: 10px;
	margin-top: 10px;
}

/*no sidebar*/
#fullContent{
    float: left;
    width: 660px;
    display: inline;
    padding: 30px 45px 50px 15px;
}

/*with sidebar*/
#content{
    float: left;
    width: 515px;
    display: inline;
    padding: 30px 25px 50px 15px;
}

#sidebar{
    float: right;
    width: 130px;
    display: inline;
    padding: 100px 30px 50px 10px;
}

#sidebar .image_container{
    margin-bottom: 20px;
}

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

#footer{
	clear: both;
	margin-left: 317px;
	margin-bottom:30px;
	height: 20px;
}

#footer #modul_copyright, #footer #modul_footer{
	float:left;
}
#footer li.first, #footer li{
	list-style: none;
	background:url("../_img/layout/nav_utilities_seperator.gif") no-repeat scroll right center transparent;
	margin-right:5px;
	display:inline;
	clear:both;
}
#footer li.first, #footer li{
	background:url("../_img/layout/nav_utilities_seperator.gif") no-repeat scroll left center transparent;
	padding-left:9px;
}
#footer ul li a, #footer ul li a:visited,#footer #modul_copyright p{
	color:#000000;
	font:9px "Verdana",Arial,Helvetica,Tahoma,Verdana,sans-serif;
	text-decoration:none;
}
#footer #modul_copyright p{line-height: 15px;margin-right: 9px;}

#footer li a:hover, #footer li p.active
{
   font: normal 9px "Verdana", Arial, Helvetica, Tahoma, Verdana, sans-serif;
   color: #666;
   display: inline;
}


/*
------------------------------------------
  Medienmitteilung
------------------------------------------
*/
#medien p{
	margin-bottom: 5px;
	margin-top: 25px;
}


#username, #password, .submit {
     margin-left: 20px;
}

td {
     padding-top: 3px !important;
     padding-bottom: 3px !important;
}

.submit_container {
     margin-top: 10px;
}

