html { overflow-y: scroll }
html,body { height: 100% }
body { color: #000; font-size: 12px; font-family: 'Raleway', sans-serif; margin: 0; padding: 0; line-height: 140% }
body { background: #fff }
* html #cntnt { height: 100% }

h1, h2, h3, h4, h5, h6 { color: #576066; margin: 0; padding: 10px 0 }
h1 { font-size: 16px }
h2 { font-size: 15px }
h3 { font-size: 14px }
h4 { font-size: 12px }
a { color: #698312; font-weight: bold; text-decoration: none; outline: none }
a:hover { text-decoration: underline; outline: none }
a img { border: none }
ul { padding: 0 0 0 15px; margin: 5px 0; list-style-type: square }
ol { padding: 0 0 0 15px; margin: 5px 0 }
li { padding: 2px }
p:first-child { margin-top: 0 }

#wrapper { position: relative; min-height: 100%; width: 1000px; margin: 0 auto }
#cntnt { position: absolute; min-height: 100%; width: 1000px; padding: 0; margin: 0 }

#header { float: left; position: relative; width: 950px; height: 220px; padding: 0 20px 0 30px; background: url("/weimages/tmpl/header.jpg") no-repeat left top }
#menulang { float: right; position: relative; width: auto; width: 300px; height: 20px; line-height: 30px; margin: 27px 0 0 0; text-align: right }
#menulang a { font-size: 10px; color: #000; font-weight: normal; text-decoration: none }

#menu { float: left; position: relative; width: 950px; height: 64px; padding: 0 20px 0 30px; margin: 0; font: 14px 'Open Sans Condensed', sans-serif; background: url("/weimages/tmpl/menubg.png") no-repeat left top }
#menutop { float: left; width: 950px; height: 32px; padding: 30px 0 0 0; }
.menu1 a:link,.menu1 a:visited { margin: 0 70px 0 0; width: 120px; font-weight: normal; line-height: 22px; padding: 0 15px 0 15px; background: url("/weimages/tmpl/menu-a.png") no-repeat left top }
.menu1 a:hover,.menu1s a:link,.menu1s a:visited,.menu1s a:hover { margin: 0 70px 0 0; width: 120px; font-weight: normal; line-height: 22px; padding: 0 15px 0 15px; background: url("/weimages/tmpl/menu-b.png") no-repeat left top }
.menu2 a:link,.menu2 a:visited { margin: 0 86px 0 0; width: 120px; font-weight: normal; line-height: 22px; padding: 0 15px 0 15px; background: url("/weimages/tmpl/menu-a.png") no-repeat left top }
.menu2 a:hover,.menu2s a:link,.menu2s a:visited,.menu2s a:hover { margin: 0 86px 0 0; width: 120px; font-weight: normal; line-height: 22px; padding: 0 15px 0 15px; background: url("/weimages/tmpl/menu-b.png") no-repeat left top }
.menu3 a:link,.menu3 a:visited { margin: 0 64px 0 0; width: 120px; font-weight: normal; line-height: 22px; padding: 0 15px 0 15px; background: url("/weimages/tmpl/menu-a.png") no-repeat left top }
.menu3 a:hover,.menu3s a:link,.menu3s a:visited,.menu3s a:hover { margin: 0 64px 0 0; width: 120px; font-weight: normal; line-height: 22px; padding: 0 15px 0 15px; background: url("/weimages/tmpl/menu-b.png") no-repeat left top }
.menu4 a:link,.menu4 a:visited { margin: 0 50px 0 0; width: 120px; font-weight: normal; line-height: 22px; padding: 0 15px 0 15px; background: url("/weimages/tmpl/menu-a.png") no-repeat left top }
.menu4 a:hover,.menu4s a:link,.menu4s a:visited,.menu4s a:hover { margin: 0 50px 0 0; width: 120px; font-weight: normal; line-height: 22px; padding: 0 15px 0 15px; background: url("/weimages/tmpl/menu-b.png") no-repeat left top }
.menu5 a:link,.menu15a:visited { margin: 0; width: 50px; font-weight: normal; line-height: 22px; padding: 0 15px 0 15px; background: url("/weimages/tmpl/menu-a.png") no-repeat left top }
.menu5 a:hover,.menu5s a:link,.menu5s a:visited,.menu5s a:hover { margin: 0; width: 50px; font-weight: normal; line-height: 22px; padding: 0 15px 0 15px; background: url("/weimages/tmpl/menu-b.png") no-repeat left top }

#slideshow { float: left; position: relative; width: 840px; height: 192px; padding: 0; margin: 0; background: url("/weimages/tmpl/rahmen.jpg") no-repeat left top }
#sldshw { float: left; position: relative; width: 832px; height: 185px; padding: 0; margin: 5px 3px 2px 5px; overflow: hidden }

#content { float: left; position: relative; width: 950px; min-height: 400px; margin: 0; padding: 50px 20px 0 30px }
.blocktop { float: left; width: 950px; margin: 0; padding: 10px 0 }
#bild1 { float: left; width: 620px; height: 220px; padding: 0 24px 25px 0; border-right: 1px solid #000 }
#bild1 img { float: left; padding: 0 25px 0 0 }
#bild2 { float: left; width: 355px; height: 165px; padding: 0 24px 25px 265px; border-right: 1px solid #000 }
#bild2 img { float: left }
.pad25 { padding: 0 25px 0 0 }
#wwgblocko { float: right; width: 280px }
#wwgblocku { float: left; width: 495px; padding: 10px 0 10px 455px }

.blockv { float: left; width: 520px; padding: 0 20px 0 0; margin: 0 15px 0 0; border-right: 1px solid #fff }
.block1 { float: left; width: 230px; padding: 0 19px 0 0; border-right: 1px solid #fff }
.block2 { float: left; width: 230px; padding: 0 0 0 20px }

.shadow { text-shadow: 4px 4px 2px rgba(50, 50, 50, 1) }

.idx { float: left; width: 200px; min-height: 400px }
.fblock { float: left; width: 680px }
.branding { float: left; width: 150px; padding: 0 20px 10px 0 }
.container { float: left; width: 530px; padding: 0 0 10px 0 }
.cntnr { float: right; width: 150px; padding: 0 }
.brndng { float: left; width: 120px; padding: 0 0 10px 0 }
.fdesc { float: left; font-size: 13px; font-family: 'Open Sans Condensed', sans-serif; width: 150px; padding: 0 10px 10px 0 }
.adesc { float: left; font-size: 13px; font-family: 'Open Sans Condensed', sans-serif; width: 125px; padding: 0 0 10px 0 }

#anlese { float: left; position: relative; width: 950px; margin: 0; padding: 10px 20px 10px 30px }

#footer { float: left; position: relative; width: 950px; margin: 0; padding: 10px 20px 10px 30px; border-top: 1px solid #000 }
#footer a:link, #footer a:visited { color: #000; font-size: 12px; font-weight: normal }
#footer a:hover { color: #000; font-size: 12px; font-weight: normal; text-decoration: underline }
.ftr1,.ftr2,.ftr3,.ftr4 { float: left; width: 180px; height: auto; padding: 0 12px 0 0 }
.ftr5 { float: left; width: 180px; height: auto; padding: 0 }

#httl { float: left; position: relative; width: 750px; height: auto; margin: 0 0 0 206px; padding: 30px 0 0 0 }
#httl h2 { font-size: 14px; margin: 0; padding: 0; font-weight: bold }

.inacti a { color: #51503c; background: #a8a89e; padding: 0 }
.active a { color: #ffffff; background: #029834; padding: 0 }
.imgr { margin-right: 10px }
.imgl { margin-left: 10px }
.imgrb { margin: 0 10px 5px 0 }
.imglb { margin: 0 0 5px 10px }
.menttl { color: #e3000f; margin: 0; padding: 0 }
.menttl h3 { font-size: 15px; padding: 0 0 10px 0; font-weight: bold }
.right { text-align: right; padding: 10px 0; display: block }
.clear { clear: both }
.block { display: block }

input.suche {	 width: 278px; text-align: right }

#commentForm { width: 600px; }
#commentForm label { width: 250px; }
#commentForm input.submit { margin: 0 }
#commentForm label.error { float:left; display:inline-block; width: 350px; padding: 3px }

form.cmxform { width: 370px }
form.cmxform legend { padding-left: 0 }
form.cmxform legend, form.cmxform label { color: #333 }

form.cmxform fieldset { border: none }
form.cmxform fieldset fieldset { background: none }
form.cmxform fieldset p, form.cmxform fieldset fieldset { padding: 5px; margin: 2px }
form.cmxform label.error, label.error {	/* remove the next line when you have trouble in IE6 with labels in list */ color: red; font-style: italic }
div.error { display: none }
input {	border: 1px solid black  }
input.checkbox { border: none }
input:focus { border: 1px dotted black  }
input.error { border: 1px dotted red }
form.cmxform .gray * { color: gray }

.form-all { padding: 0 0 0 30px }
.form-label { width:150px !important }
.form-label-left,.form-label-radio { width:150px !important }
.form-line { padding: 4px 0 }
.form-label-left{float:left;display:inline-block;text-align:left;padding:3px;white-space:normal}
.form-label-radio{float:left;display:inline-block;text-align:left;padding:3px;white-space:normal;margin-bottom:30px}
.form-label-right { width:150px !important }
.form-radio,.form-checkbox{ vertical-align:middle; border:none}

.login input,.login textarea,.login select { padding: 2px; margin: 2px 0; font: 400 1em verdana, sans-serif; color: #444; background: #EEE; border: 1px solid #444 }
.login input:focus,.login input:hover,.login textarea:focus,.login textarea:hover,.login select:focus,.login select:hover { color: #000; background: #E4F7FA; border: 1px solid #00DFFF }
.login input.button { padding: 2px 5px; font: 400 1.1em "trebuchet ms", serif; color: #555; background: #9FF3FF; border-width: 1px; border-style: solid; border-color: #FFF #00DFFF #00DFFF #FFF }

.clearboth { clear: both }
#map-view-container { float: right; position: relative; width: 510px }
#map-container { width: 335px; min-height: 400px; position: absolute; top: -81px; z-index: 99  }
#map-view-container img.map { position: relative; z-index: 100 }
#map-view-container img.region { display: none; left: 0px; position: absolute; top: 0px; z-index: 20 }
#map-view-container img.regionBg { left: 0px; position: absolute; top: 0px; z-index: 19 }
#practice-container { float: right; width: 150px; min-height: 400px; font-size: 11px; font-weight: 500; line-height: 100% }
#practice-container ul { display: none }
#practice-container ul.selected { display: inline }
#practice-container ul li { list-style-type: none } 
#practice-container .selected-list ul li { list-style-type: none }
#practice-container a { cursor:pointer }
#practice-container h4 { font-size: 14px; line-height: 14px; padding-top: 0 }