@charset "utf-8";

/*
screen.css
http://www.exusu-design.de / hoemke@exusu-design.de
12.08.09
*/
/* ----------------------------------------------------- Body */
html { 
    text-align: center; 
    }
body { 
    font-size: 70%;
    text-align: center;
    font-family: Verdana, Arial, sans-serif;
    background: #f4f2f0 url(/lohmann/wDeutsch/wLayout/design/img/bg_site.jpg) repeat-x top left;
    }
/* ----------------------------------------------------- Raster */
#container {
    margin: auto;
    position: relative;
    width: 910px;
    text-align: left;
    overflow: hidden;
    } 
#header {
    position:relative; 
    height: 290px;  
    background: transparent url(/lohmann/wDeutsch/wLayout/design/img/bg_header.jpg) no-repeat bottom left;
    }
#content {
	position:relative; 
	overflow: hidden;
	width: 910px;
	padding-top: 30px;
	}
#contentleft {
    overflow: hidden;
    float:left; 
    width:200px;
    margin-right: 40px;
    }
#contentmiddle {
    overflow: hidden;
    float:left; 
    width:450px;
    margin-right: 40px;
    }
#contentright {
    overflow: hidden;
    float:left; 
    width:180px;
    }
#footer {
    position: relative; 
    height: 160px;
    width: 100%;
    text-align: center; 
    background: #fff url(/lohmann/wDeutsch/wLayout/design/img/bg_footer.jpg) repeat-x top left;
    }
#footerContent {
    margin: auto;
    position: relative;
    width: 910px;
    height: 160px;
    overflow: hidden;
    text-align: left;
    } 
/* ----------------------------------------------------- Kopfelemente */
#headmotiv {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 200px;
    height: 290px;
    overflow: hidden;
	}
#headlogo {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 289px;
    height: 117px;
    overflow: hidden;
	}
#headclaim {
    position: absolute;
    top: 170px;
    left: 242px;
    width: 650px;
    height: 70px;
    overflow: hidden;
    }
#headmenu {
    position: absolute;
    top: 268px;
    left: 242px;
    width: 380px;
    color: #fff;
    font-size: 95%;
    font-weight: bold;
    overflow: hidden;
	}
/* ----------------------------------------------------- Searchform */	
#headsearch {
    position: absolute;
    top: 260px;
    right: 0px;
    width: 172px;
    height: 22px;
    overflow: hidden;
    padding-left: 10px; 
    background: transparent url(/lohmann/wDeutsch/wLayout/design/img/bg_search.jpg) no-repeat top left;
    }
#headsearch input {
    padding: 0;
    margin-top: 3px;
    width: 135px; 
    font-size: 12px;
    background-color: #fff;
    border: 0px solid #fff;
    color: #003e74;
    }
.searchbut {
    display: block;
    width:18px;
    height: 18px;
    position: absolute;
    top: 1px;
    right: 10px;
    }
.SearchItem {
    padding: 10px;
    border: 1px solid #003e74;
    background-color: #e4e9f0;
    margin-bottom: 20px;
    }
/* ----------------------------------------------------- Flagmenu */
#flagMenu {
    position: absolute;
	left: 242px;
	top: 105px;
	height: 14px; 
	width: 155px;
	}
#flagD {
    display: block;
    width: 14px;
    height: 14px;
    background: transparent url(/lohmann/wDeutsch/wLayout/design/img/flag_d.gif) no-repeat top left;
    margin-right: 10px;
    text-indent: -9999em;
    float: left;
    }
#flagEN {
    display: block;
    width: 14px;
    height: 14px;
    background: transparent url(/lohmann/wDeutsch/wLayout/design/img/flag_en.gif) no-repeat top left;
    margin-right: 10px;
    text-indent: -9999em;
    float: left;
    }
#flagUSA {
    display: block;
    width: 102px;
    height: 14px;
    float: left;
    text-indent: -9999em;
    background: transparent url(/lohmann/wDeutsch/wLayout/design/img/flag_usa.gif) no-repeat top left;
    }
/* ----------------------------------------------------- Fusselemente */
#footmenu {
    position: absolute;
    top: 90px;
    left: 240px;
    width: 380px;
    color: #fff;
    font-size: 95%;
    font-weight: bold;
    overflow: hidden;
	}
#footclaim {
    position: absolute;
    top: 128px;
    left: 0px;
    width: 400px;
    font-size: 80%!important;
    color: #7d7d7d;
    overflow: hidden;
    }
#footdownload {
    display: block;
    width:183px;
    height: 153px;
    text-indent: -9999em;
    position: absolute;
    top: 0px;
    right: 0px;
    background: transparent url(/lohmann/wDeutsch/wLayout/design/img/bg_footerdownload.jpg) no-repeat top right;
    }
/* ----------------------------------------------------- Links */
a:link {
    color: #003e74; 
	text-decoration: none;
	}
a:visited {
	color: #003e74; 
	text-decoration: none;
	}
a:hover {
	color: #fe9b00; 
	text-decoration: none;
	}
.gotop {
    display: block;
    height: 14px;
    text-indent: -9999em;
    margin-bottom: 20px;
    background: transparent url(/lohmann/wDeutsch/wLayout/design/img/bg_gotop.png) no-repeat top right;
    }
.more {
	display: block;
	padding-left: 19px;
	background: transparent url(/lohmann/wDeutsch/wLayout/design/img/bg_more.png) no-repeat 0px 4px;
	}
.members {
	display: block;
	line-height: 18px;
	margin-left: 10px;
	margin-bottom: 20px;
	padding-left: 21px;
	background: transparent url(/lohmann/wDeutsch/wLayout/design/img/bg_members.png) no-repeat top left;
	}
.moreInt {
	background: transparent url(/lohmann/wDeutsch/wLayout/design/img/bg_godown.png) no-repeat 0px 4px;
	}
.moreSonder {
	margin-bottom: 7px;
	}
.moreNow {
	font-weight: bold;
    color: #fe9b00!important;
	}
/* ----------------------------------------------------- Headlines */
h1, h2, h3, h4, h5, h6 {
	font-family: "Times New Roman", Georgia, serif;
	font-weight: normal;
	}
h1  {
	font-size: 247%;
	line-height: 1.1em;
	color: #fff;
	}
h2  {
	font-size: 160%;
	line-height: 1.3em;
	margin-bottom: 1px;
	color: #fff;
	}
h3  {
	font-size: 220%;
	line-height: 1.1em;
	margin-bottom: 18px;
	color: #003e74;
	}
h4  {
	font-size: 160%;
	line-height: 1.3em;
	margin-bottom: 12px;
	color: #003e74;
    }
h5  {
	font-size: 140%;
	line-height: 1em;
	padding: 0px 10px 0 10px;
	margin-bottom: 8px;
	color: #707070;
    }
/* ----------------------------------------------------- Text */
div, p {
    font-family: Verdana, Arial, sans-serif;
    font-size: 104%;
    line-height: 1.6em;
    font-weight: normal;
    text-align: left;
    color:#000;
    }
#contentleft strong, .crText strong {
	color: #434343;
	font-weight: normal;
	background-color: #f4d8db;
	border-bottom: 1px solid #d39ca2;
	padding: 0 5px 0 5px;
	}
.cText {
    margin-bottom: 20px;
    } 
.cPaddingLeftRight {
	padding-left: 10px;
	padding-right: 10px;
	}
.cPaddingBottom {
	padding-bottom: 20px;
	}
.cTextSonder {
    font-weight: bold;
    }
.cTextSonderBlau {
    color:#003e74;
    }
.cLTextRechts {
    color: #7d7d7d;
    margin-bottom: 10px;
    } 
.cText ul, .ctext ol {
    padding-left: 18px;
    }
.cTextSearch {
    margin-bottom: 0px;
    }
.cTextKlein {
    font-size: 75%;
    }
.cTextFlat {
    margin-bottom: 0px;
   }
/* ----------------------------------------------------- Listensteuerung */
.steuerung {
    position: relative;
    font-family: "Times New Roman", Georgia, serif;
	font-weight: normal;
	font-size: 130%;
	line-height: 1.3em;
	color: #707070;
    margin-bottom: 20px;
	}
.sprev, .snext {
    display: block;
    width:14px;
    height: 14px;
    text-indent: -9999em;
    position: absolute;
    top: 5px;
    }
.sprev {
    right: 15px;
    margin-right: 5px;
    background: transparent url(/lohmann/wDeutsch/wLayout/design/img/bg_goprev.png) no-repeat top left;
	}
.snext {
    right: 0px;
    background: transparent url(/lohmann/wDeutsch/wLayout/design/img/bg_gonext.png) no-repeat top left;
	}
/* ----------------------------------------------------- Listen */
.clText ul, .clText ol, .crText ul, .crText ol {
    padding-top: 10px;
    padding-left: 22px;
    }
* html .clText ul, * html .clText ol, * html .crText ul, * html .crText ol {
	padding-left: 22px; 
	line-height: 15px;
	}
.lst {
    margin-bottom: 15px;
    }
.lst dl dt {
    padding: 10px 0 0 0;
    }
.lst dl dd {
    padding: 0 0 10px 0;
    background: transparent url(/lohmann/wDeutsch/wLayout/design/img/bg_line.gif) repeat-x bottom left;
    }
.lst dl dd em {
    font-size: 80%;
    display:block;
    }
/* ----------------------------------------------------- Bilder/Video */
.imgInline {
	float: left;
    margin-top: 5px;
	}
.imgBig {
    margin-bottom: 20px;
	}
.imgBorder {
    display: block;
    padding: 4px;
    border: 1px solid #a0a0a0;
    background-color: #fff;
    margin-right: 20px;
    }
.imgBorderO {
    display: block;
    padding: 5px;
    background-color: transparent;
    margin-right: 20px;
    }
.videoBorder {
    display: block;
    padding: 4px;
    border: 1px solid #a0a0a0;
    background-color: #fff;
    margin-bottom: 20px;
    width: 320px;
    }
.imgRight {
    margin-left: 10px;
	}
/* ----------------------------------------------------- Tabellen */
#contentmiddle table {
   width: 100%; 
   border: 1px solid #0f3159;
   }
#contentmiddle td {
   background-color: #d8e1ed;
   color:#434343; 
   padding: 6px; 
   }
#contentmiddle th {
   text-align: left;
   }
#contentmiddle thead th {
   color: #fff;
   font-size: 160%;
   line-height: 1.3em;
   font-weight: normal;
   font-family: "Times New Roman", Georgia, serif;
   background-color: #0f3159;
   padding: 10px 6px;
   }
#contentmiddle tbody th {
   color: #fff;
   font-size: 140%;
   line-height: 1em;
   font-weight: normal;
   font-family: "Times New Roman", Georgia, serif;
   background-color: #0a578d;
   padding: 6px;
   }
#contentmiddle tbody .left {
   color: #333333;
   background-color: #c4d6ed;
   }
/* ----------------------------------------------------- Lines */
.cLine {
    height: 1px;
    margin-bottom: 20px; 
    background: transparent url(/lohmann/wDeutsch/wLayout/design/img/bg_line.gif);
    }	
.cLineSonder {
    margin-bottom: 7px; 
    }	
/* ----------------------------------------------------- Menue Head/Foot */
#headmenu .normh, #footmenu .normh {
    color: #fff; 
	text-decoration: none;
	font-weight: bold;
    }
#headmenu .nowh, #footmenu .nowh {
    color: #b1c1d6; 
	text-decoration: none;
	font-weight: bold;
    }
#headmenu .normh:hover, #footmenu .normh:hover {
	color: #b1c1d6; 
	text-decoration: none;
	}
/* ----------------------------------------------------- Menue Navlevel I */
#leftmenu {
	width: 200px;
    padding-bottom: 20px;
    }
#leftmenu ul {
    list-style-type: none;
    }	
#leftmenu li {
    width: 200px;
    font-size: 95%;
    text-indent:11px;
    margin-bottom: 1px;
    font-weight: bold;
    } 
#leftmenu li .norm {
    display: block;
    width: 100%;
    height: 100%;	
    line-height:31px;
    color: #fff;
    background: transparent url(/lohmann/wDeutsch/wLayout/design/img/bg_navlevel1.jpg) no-repeat 0px 0px;
    } 
#leftmenu li .norm:hover {
    color: #b1c1d6;
    }
#leftmenu li .now {
    display: block;
    width: 100%;
    height: 100%;	
    line-height:31px;
    color: #b1c1d6;
    background: transparent url(/lohmann/wDeutsch/wLayout/design/img/bg_navlevel1.jpg) no-repeat 0px 0px;
    }
#leftmenu li .open {
    display: block;
    width: 100%;
    height: 100%;	
    line-height:31px;
    color: #b1c1d6;
    background: transparent url(/lohmann/wDeutsch/wLayout/design/img/bg_navlevel1.jpg) no-repeat 0px 0px;
	} 
/* ----------------------------------------------------- Menue Navlevel II */
#leftmenu li li{
    width: 200px;
    height: 31px;
    margin-bottom: 1px;
    font-size: 95%;
    text-indent:30px;
    font-weight: bold;
    } 
#leftmenu li li .norm2 {
    display: block;
    width: 100%;
    height: 100%;
    line-height:31px;
    color: #fff;
    background: transparent url(/lohmann/wDeutsch/wLayout/design/img/bg_navlevel2.gif) no-repeat 0px 0px;
    } 
#leftmenu li li .norm2:hover {
    background-position: -201px 0px;
    }
#leftmenu li li .now2 {
    display: block;
    width: 100%;
    height: 100%;
    line-height:31px;
    color: #003366;
    background: transparent url(/lohmann/wDeutsch/wLayout/design/img/bg_navlevel2.gif) no-repeat -201px 0px;
    } 
/* ----------------------------------------------------- Menue Time */
#timemenu {
    width: 110px;
    padding-bottom: 20px;
    }
#timemenu ul {
    list-style-type: none;
    }	
#timemenu li {
    width: 110px;
    font-size: 95%;
    text-indent:26px;
    line-height:20px;
    } 
#timemenu li .timemid {
    display: block;
    width: 100%;
    height: 100%;	
    color: #7d7d7d;
    } 
#timemenu li .timemid {
	background: transparent url(/lohmann/wDeutsch/wLayout/design/img/bg_time_mid.png) no-repeat 0px 0px;
	}
#timemenu li .timestart {
	background: transparent url(/lohmann/wDeutsch/wLayout/design/img/bg_time_start.png) no-repeat 0px 0px;
	}
#timemenu li .timeend {
	background: transparent url(/lohmann/wDeutsch/wLayout/design/img/bg_time_end.png) no-repeat 0px 0px;
	}
#timemenu li .timemid:hover {
    background-position: 0px -20px;
    } 
#timemenu li .now {
    color: #00457d;
    font-weight: bold;
    background-position: 0px -20px;
	}
/* ----------------------------------------------------- Googlemap mit Searchform */
#map_container {
	margin-top: 10px;
	height:120px;
	padding: 4px;
    border: 1px solid #a0a0a0;
    background-color: #fff;
	width:150px;
	overflow: hidden;
	}
#map {
	overflow: hidden;
	height:120px;
	width:150px;
	}
.map_searchbutton {
	cursor:pointer;
	float:right;
	height:18px;
	margin-left:10px;
	width:18px;
	}
#map_search_adress {
 	height: 24px;
	overflow: hidden;
	background:transparent url(/lohmann/wDeutsch/wLayout/design/img/bg_gsearchfield.png) no-repeat scroll left top;
	}
.map_searchfieldadress {
	padding: 0;
	margin-left: 6px;
    margin-top: 3px;
    width: 125px; 
    font-size: 12px;
    background-color: #fff;
    border: 0px solid #fff;
    color: #003e74;
	}
/* ----------------------------------------------------- Kontaktform */
#contactform p { 
    clear: left;
    float: left;
    width: 100%;
    padding-bottom: 15px;
    }
*html #contactform p { 
    float:none;
    }
#contactform label { 
	width: 100px;
    float: left;
    margin: 0;
	}
#contactform p input, #contactform p select, #contactform p textarea  { 
	width: 320px;
    float: left;
    border: solid 1px silver;
    display: block;
    font-family: Verdana, Arial, sans-serif;
    font-size: 104%;
    background-color: #fff; 
    }
#contactform .sender {
   text-align: right;  
	}
/* ----------------------------------------------------- Newsletterform */
.cLTextRechts label {
    color: #003e74;
    margin-bottom: 10px;
    } 
.cLTextRechts input {
    margin-bottom: 5px;
    }
.cLTextRechts .buttonsend {
width: 100%;
    margin-top: 5px;
    }