/*** Global White Space Reset *************************************************/
/******************************************************************************/
* {margin:0;padding:0;}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ol, dl, fieldset, address {margin:1em 0;}
ul, li {margin:0;padding:0;}
form {margin:0;}
fieldset {padding:.5em;}
img {border:0;}

/*** Generelles ***************************************************************/
/******************************************************************************/
body {text-align:center;margin:0 auto;padding:0;height:100%;font-family:Verdana, Arial, Helvetica, sans-serif;background:url(../../images/welle_oben.jpg) repeat-x center top #efe7cc;font-size:100%;color:#333;}
html {height:100%;}
a {text-decoration:none;color:#00674f;outline:none;}
a:hover {color:#54947e;}
h1, h2 {font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;font-weight:normal;font-size:2.3em;}
h2 {margin:50px 0 10px 0;font-size:1.4em;color:#00674f;border-bottom:2px solid #d3cba4;}

/*** Nuetzliches *******************************/
.cl {clear:left;}
.cr {clear:right;}
.cb {clear:both;}
.trenner_klein {height:20px;}
.trenner_mittel {height:40px;}
.trenner_gross {height:60px;}

/*** Formulare *******************************/
input, select, textarea {width:230px;margin:2px 0 10px 0;padding:5px 5px;background:#f7f2e2;border:1px solid #c9c099;color:#999;font-size:1em;font-family:Verdana, Arial, Helvetica, sans-serif;}
input:hover, select:hover, textarea:hover {border:1px solid #999;}
input:focus, select:focus, textarea:focus {background:#e7f4d8;border:1px solid #999;color:#333;}
input.complete, select.complete, textarea.complete {background:#f7ffe4;border:1px solid #adc86c;color:#778f42;}
fieldset {width:165px;float:left;margin:0 15px 5px 0;padding:0 5px;border:1px solid #333;}
legend {padding:0 5px;background:#dEd6b1;font-size:1.15em;color:#333;}

.button_anmelden, .button_absenden, .button_weiter, .button_zurueck {margin-top:10px;padding:0;width:149px;height:27px;border:none;cursor:pointer;text-indent:-999em;}

form.suche {margin:50px 260px 50px 0;}
form.suche h2 {display:inline;line-height:40px;margin:0 0 10px 0;border:none;color:#ae916c;font-size:1.6em;}
form.suche input.suchfeld {position:relative;width:297px;height:auto;padding:15px 0 15px 10px;background:url(../../images/suchfeld.gif) no-repeat top left;border:none;color:#62847b;font-size:1.3em;}
form.suche .button_suche, .button_suche:hover, .button_suche:active, .button_suche:visited  {position:absolute;width:108px;height:92px;margin:-13px 0 0 -50px;background:url(../../images/lupe-trans.png) no-repeat;border:none;cursor:pointer;}

.feldbeschreibung {margin-bottom:5px;}
.hilfe {margin:0 0 8px 15px;}
.pflicht {border-right:1px solid #ff0000;}

.button_anmelden {background:url(../../images/button_anmeldung.gif) no-repeat;}
.button_ausloggen {width:150px;border:none;background:url(../../images/button_ausloggen.gif) no-repeat;}
.button_absenden {background:url(../../images/button_absenden.gif) no-repeat;}
.button_weiter {background:url(../../images/button_weiter.gif) no-repeat;}
.button_zurueck {background:url(../../images/button_zurueck.gif) no-repeat;}

.button_anmelden:hover, .button_anmelden:focus, .button_anmelden:active {border:none;text-indent:-999em;background:url(../../images/button_anmeldung.gif) no-repeat 0 -27px;}
.button_ausloggen:hover, .button_ausloggen:focus, .button_ausloggen:active {width:150px;border:none;text-indent:-999em;background:url(../../images/button_ausloggen.gif) no-repeat 0 -27px;}
.button_absenden:hover, .button_absenden:focus, .button_absenden:active {border:none;text-indent:-999em;background:url(../../images/button_absenden.gif) no-repeat 0 -27px;}
.button_weiter:hover, .button_weiter:focus, .button_weiter:active {border:none;text-indent:-999em;background:url(../../images/button_weiter.gif) no-repeat 0 -27px;}
.button_zurueck:hover, .button_zurueck:focus, .button_zurueck:active {border:none;text-indent:-999em;background:url(../../images/button_zurueck.gif) no-repeat 0 -27px;}

/*** Content ******************************************************************/
/******************************************************************************/
.wrapper {width:903px;margin:0 auto;}
.header {margin:0 auto;height:210px;background:url(../../images/logo.gif) no-repeat center top;}
.content {margin:0 auto;padding:0 0 20px 0;text-align:left;font-size:.8em;line-height:1.6em;}
.content h1 {margin-bottom:1em;color:#00674f;}
.content .einleitung {text-align:center;}
.content .login {margin-top:-30px;width:280px;float:right;}
.content .login h3 {padding:5px 0 5px 23px;background:url(../../images/icon_schloss.gif) no-repeat 0 5px;color:#00674f;font-size:1em;}
.content .login p {margin:0;font-size:.85em;color:#666;line-height:1em;}
.content .katalogdownload {position:relative;float:right;width:237px;height:80px;margin:-125px 0 0 200px;background:url(../../images/button_katalog.jpg) no-repeat left top;}
.content .katalogdownload:hover {background-position:left bottom;}
.content .text {margin:-20px 0 40px 0;padding:40px 0 0 0;background:url(../../images/trenner_verlauf.gif) top center no-repeat;}
.content .text h1 {color:#aa8c6f;}
.content .gemeinde {width:280px;margin-right:25px;float:left;font-size:.85em;line-height:1.7em;}
.content .gemeinde a {font-weight:bold;}
.content .umfrage {width:200px;float:left;text-align:left;font-size:.85em;line-height:1.6em;}

/*** Footer *******************************/
.footer {margin:-30px auto 0 auto;padding:30px 0 0 0;background:url(../../images/welle_unten.jpg) repeat-x center top #00392c;font-size:.7em;}
.footer a {color:#4a8f7f;}
.footer a:hover {color:#fff;}
.footer .spruch {width:354px;height:44px;margin:50px 0 80px 0;}

/*** Java Tabs ****************************************************************/
/******************************************************************************/
.productview_greybar {width:600px;height:25px;margin-top:20px;}
.productview_greybarlist {margin:0;padding:0;list-style:none;}
.productview_greybarlist li {float:left;margin:0;padding:0;border:none;}
.productview_greybarlist li a {float:left;padding:2px 15px 5px 15px;color:#898989;}
.productview_greybarlist li a:hover {color:#666;}
.productview_greybarlist li a.active {background:#ded6b1;color:#333;}
.productview_pic_show {position:absolute;}
.productview_pic {display:none;position:absolute;}
#grunddaten, #ausstattung, #deutsch, #englisch, #franzoesisch {min-height:280px;height:auto;background:#ded6b1;padding:20px;}