/* grid.css - ueberschreibt/ergaenzt screen.css aus dem blueprint-Paket */

/* Standardelemente */
body {color:#222; }
h1, h2, h3, h4, h5, h6 {margin:10px 0 15px 0; font-family: Helvetica; color: #215c97;}
h1 { font-size:28px; margin-bottom:25px; font-weight:bold; }
h2 { font-size:24px; font-weight:bold;  }
h4 { margin-bottom:15px; font-weight:bold;  }
table, td, th {vertical-align: top;}
th, td, caption { padding-top: 0px; padding-right: 10px; padding-bottom: 4px; padding-left: 5px; }
p {margin:0px 0px 20px 0px; font-family: Helvetica;}
a {outline:none; text-decoration:none; color:#8a8a8a;}
a:hover {color:#215c97;}
a img {border:none;}

/* Klassen fuer die allgemeine Verwendung */
.bggreen { background-color:#008040; }
.bgwhite { background-color:#ffffff; }
.bgblack { background-color:#000000; }
.center {text-align: center; }

/* Klassen fuer zentrale Gestaltungselemente */
.logo { width:950px;margin:0 auto; background-color: transparent; text-align:left;} 
.bgimg { background:url(img/bg-blue.jpg) top center no-repeat #193c74;;}
.box1 { border:1px solid #999999; padding:25px 15px; padding-top:10px; width:218px; min-height:230px; }
.box2 { border:1px solid #999999; padding:25px 15px; padding-top:10px; width:218px; min-height:180px; }
.box_bold { border:3px solid #999999; padding:21px 15px; padding-top:9px; width:218px; min-height:180px; background-color:#FCFCFC;}
.dotted {border-bottom:1px dotted #ccc; font:bold 120%; padding-bottom:8px; }

/* Klassen fuer Navigation */
.bgnav { background-image:url(img/nav.png); }
ul.nav {font-family: Helvetica; height:35px;line-height:35px;float:left;list-style:none;font-size:17px;font-weight:700;margin:0;padding:0;}
ul.nav li{float:left !important;list-style-type:none;margin:0;padding:0; border-right:1px solid #000000;}
ul.nav li a,ul.nav2 li a:link,ul.nav2 li a:visited{text-decoration:none;color:#ffffff; float:none;display:block;padding:0 10px;}
ul.nav li a:hover{color:#215c97;text-decoration:none; }
ul.nav li a:active{color:#ffffff;text-decoration:none;}
ul.nav li.current_page_item a{text-decoration:none;color:#ffffff;}
ul.nav li ul{float:none;margin:0;padding:0; margin-top:3px;}
/* Dropdown */
ul.nav li {
min-width:50px;
position:relative;
}
/* style the second level background */
ul.nav li ul {float:none; width:150px;}
ul.nav li ul li {font-size:11px; background-image:url(img/nav.png); margin-top:0px; float:none;width:130px;}
ul.nav ul a.drop, .menu ul ul a.drop:visited {
}

/* style the second level hover */
ul.nav  ul a.drop:hover{
background:#c9ba65;
height:5px;
}
ul.nav  ul :hover > a.drop {
background:#c9ba65;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
ul.nav ul {
visibility:hidden;
position:absolute;
height:0;
top:31px;
left:0; 
width:150px;
}
/* another hack for IE5.5 */
* html .nav ul ul {
* top:30px;
* t\op:31px;
* }
*
/* make the second level visible when hover on first level list OR link */
ul.nav li:hover ul,
ul.nav a:hover ul{
visibility:visible; 
}



/* Klassen fuer den Content-Bereich*/
div.content { font-family: Helvetica; font-size: 14px;  }
div.content ul li{ list-style-image:url(img/xyz.gif); margin:0px 0px 8px 0px; font-size: 15px;}
div.content a { color: #215c97; text-decoration:underline; }

/* Klassen fuer die Boxen*/
div.box1 h3 { color:#222; margin-bottom: 5px;}
div.box1 p { font-style:italic; font-family: serif; font-size: 14px; }
div.box1 a { color: #215c97; font-size:16px;  }
div.box1 ul,li { margin:5px; padding:0px;  }
div.box2 h3 { color:#222; margin-bottom: 5px;}
div.box2 p { height:100px; font-family: sans-serif; font-size: 14px; }
div.box2 p.button { height:30px; font-family: sans-serif; font-size: 14px; }
div.box_bold h3 { color:#222; margin-bottom: 5px;}
div.box_bold p { height:100px; font-family: sans-serif; font-size: 14px; }
div.box_bold p.button { height:30px; font-family: sans-serif; font-size: 14px; }



/* Klassen f�r die Fu�navi */
div.bgnavfoot { background-image:url(img/nav.png); }
div.footer a { font-family: Helvetica; font-size: 12px; height:25px;line-height:25px; padding:0 10px; }

/* oberste Navi-Zeile  */
div.topnav { top:0px;width:950px;text-align:right;margin:0 auto;  }
div.topnav a { font-size: 12px; font-weight:bold; color:#ffffff; }


/* cforms */
#cforms4form { font-size:12px; font-weight:bold; width:180px; text-align:left; margin-left:0px; }
#sendbutton4 { width:120px;  }
#cforms4form span { text-align:left; margin-bottom:0px; padding:0px; height:2px; }
#usermessage4a { width:170px  }
#sendbutton4 { background: url('/wp-content/uploads/2009/11/button_red_jetzt-sicher-ordern.png'); width:200px; height:55px; border:none; background-color: #ffffff; color: #FFFFFF; cursor: pointer;}

#cforms5form { font-size:12px; font-weight:bold; width:180px; text-align:left; margin-left:0px; }
#sendbutton5 { width:120px;  }
#cforms5form span { text-align:left; margin-bottom:0px; padding:0px; height:8px; }
#usermessage5a { width:170px  }
#sendbutton5 { background: url('/wp-content/uploads/2009/11/button_red_200x50_jetzt_2_fuer_2_testen.gif'); width:200px; height:50px; border:none; background-color: #ffffff; color: #FFFFFF; cursor: pointer;}

#cforms6form { font-size:12px; font-weight:bold; width:180px; text-align:left; margin-left:0px; }
#sendbutton6 { width:120px;  }
#cforms6form span { text-align:left; margin-bottom:0px; padding:0px; height:8px; }
#usermessage6a { width:170px  }
#sendbutton6 { background: url('/wp-content/uploads/2009/12/button_red_200x50_jetzt_1link_kostenlos_testen.gif'); width:200px; height:50px; border:none; background-color: #ffffff; color: #FFFFFF; cursor: pointer;}

#cforms11form { font-size:12px; font-weight:bold; width:180px; text-align:left; margin-left:0px; }
#sendbutton11 { width:120px;  }
#cforms11form span { text-align:left; margin-bottom:0px; padding:0px; height:8px; }
#usermessage11a { width:170px  }
#li-11-2items span { width:50px  }

#cforms13form { font-size:12px; font-weight:bold; width:100px; text-align:left; margin-left:0px; margin-top:-10px; }
#cforms13form form.cform { font-size:12px; font-weight:bold; width:100px; text-align:left; margin-left:0px; }
#sendbutton13 { width:200px; height:50px; margin-top:40px; background: url('/wp-content/uploads/2010/08/button_green_200x50_gratis-linkreport-hier-anfordern.gif');  border:none; background-color: #ffffff; color: #FFFFFF; cursor: pointer; }
#cforms13form span { text-align:left; margin-bottom:0px; margin-top:0px; padding:0px; height:0px; }
#cforms13form span.emailreqtxt { text-align:left; font-weight:normal; margin-top:0px; }
#cforms13form input.cf-box-a { text-align:left; font-weight:normal; #position: relative; margin-left:0px; margin-top:10px; }
#cforms13form ol.cf-ol li {width:100px; height:30px; text-align:left; font-weight:normal; margin-top:0px; }
#cforms13form label.cf-after span {width:170px;  text-align:left; font-weight:normal; margin-top:-22px; margin-left: 15px;}
#usermessage13a { width:170px  }
#cforms13form #li-13-4 { width: 110px;  margin-top:50px;}
div.box1 cform { width:170px  }

#cf-after label {font-weight: normal;}

td.h1 {  background-color: #aac2db; border: 3px solid #ffffff; font-weight: bold; text-align: center; }
td.c1 {  background-color: #f3f3f3; border: 3px solid #ffffff; font-weight: bold; }
td.c2 {  background-color: #dfe8f2; border: 3px solid #ffffff; text-align: center; font-weight: bold; }
/*td.c3 {  background-color: #aac2db; border: 3px solid #ffffff; text-align: center;  font-weight: bold;  }*/
td.c3 {  background-color: #dfe8f2; border: 3px solid #ffffff; text-align: center;  font-weight: bold;  }
td.c4 {  background-color: #dfe8f2; border: 3px solid #ffffff; text-align: center;  font-weight: bold;  }
td.checked { background-image:url('/wp-content/uploads/2010/10/haken.png'); background-repeat:no-repeat; background-position:center;}

/* Buttons Startseite, Bestellen Seite */
#startseite2 .post {padding:15px;}
#startseite2 .post h2 {font-size:30px;}
#startseite2 .button, #startseite2 .button2  {font-family: 'PT Sans', arial, serif;color: #fff;text-shadow: 0 -1px 0 #191919;letter-spacing: -1px;font-size: 30px;border: 1px solid #124010;background-color: #41a62a;text-decoration: none;padding: 5px 0;padding: 5px 40px;text-align: center;width: 350px;height: 42px;}
#startseite2 .button, #startseite2 .button2 {-moz-border-radius: 5px;background: -moz-linear-gradient(top, #74BC60, #41a62a);-moz-box-shadow: inset 0 1px 0 0 #a0d295;}
#startseite2 .button:hover, #startseite2 .button2:hover {background: -moz-linear-gradient(top, #7dcb68, #588e49);}
#startseite2 .button:active, #startseite2 .button2:active {-moz-box-shadow: none;background: -moz-linear-gradient(top, #2e741d, #41a62a);}
#startseite2 .button, #startseite2 .button2 {-webkit-border-radius: 5px;background: -webkit-gradient(linear, 0 0, 0 100%, from(#41a62a), to(#2e741d));-webkit-box-shadow: inset 0 1px 0 0 #a0d295;}
#startseite2 .button:hover, #startseite2 .button2:hover {background: -webkit-gradient(linear, 0 0, 0 100%, from(#7dcb68), to(#588e49));}
#startseite2 .button:active, #startseite2 .button2:active {-webkit-box-shadow: none;background: -webkit-gradient(linear, 0 0, 0 100%, from(#2e741d), to(#41a62a));}
#startseite2 .button, #startseite2 .button2 {border-radius: 5px;box-shadow: inset 0 1px 0 0 #a0d295;}
#startseite2 .button:hover, #startseite2 .button2:hover {background-color: #7dcb68;}
#startseite2 .button:active, #startseite2 .button2:active {background-color: #41a62a;box-shadow: none;}
#startseite2 .button2 {color: #fff; text-shadow: 0 -1px 0 #191919; border: 1px solid #124010; background-color: #E67702;}
#startseite2 .button2 {background: -moz-linear-gradient(top, #F4A848, #FFA407);-moz-box-shadow: inset 0 1px 0 0 #E8A91A;}
#startseite2 .button2 {-webkit-gradient(linear, 0 0, 0 100%, from(#F5B25D), to(#E67702));-webkit-box-shadow: inset 0 1px 0 0 #E8A91A;}
#startseite2 .button2:hover {background: -moz-linear-gradient(top, #FFA407, #E8A91A);}
.bestellenbutton {font-family: 'PT Sans', arial, serif;color:#fff;text-shadow: 0 -1px 0 #191919;letter-spacing: -1px;font-size: 30px;border: 1px solid #124010;background-color: #41a62a;text-decoration: none;padding: 5px 0;padding: 5px 10px;text-align: center;width: 350px;height: 42px;}
.bestellenbutton {-moz-border-radius: 5px;background: -moz-linear-gradient(top, #74BC60, #41a62a);-moz-box-shadow: inset 0 1px 0 0 #a0d295;}
.bestellenbutton:hover {background: -moz-linear-gradient(top, #7dcb68, #588e49);}
.bestellenbutton:active {-moz-box-shadow: none;background: -moz-linear-gradient(top, #2e741d, #41a62a);}
.bestellenbutton {-webkit-border-radius: 5px;background: -webkit-gradient(linear, 0 0, 0 100%, from(#41a62a), to(#2e741d));-webkit-box-shadow: inset 0 1px 0 0 #a0d295;}
.bestellenbutton:hover {background: -webkit-gradient(linear, 0 0, 0 100%, from(#7dcb68), to(#588e49));}
.bestellenbutton:active {-webkit-box-shadow: none;background: -webkit-gradient(linear, 0 0, 0 100%, from(#2e741d), to(#41a62a));}
.bestellenbutton {border-radius: 5px;box-shadow: inset 0 1px 0 0 #a0d295;}
.bestellenbutton:hover {background-color: #7dcb68;}
.bestellenbutton:active {background-color: #41a62a;box-shadow: none;}
div.content a.bestellenbutton {color:#ffffff;text-decoration: none;}
.button2 {color: #fff; text-shadow: 0 -1px 0 #191919; border: 1px solid #124010; background-color: #E67702;}
.button2 {background: -moz-linear-gradient(top, #F4A848, #FFA407);-moz-box-shadow: inset 0 1px 0 0 #E8A91A;}
.button2 {-webkit-gradient(linear, 0 0, 0 100%, from(#F5B25D), to(#E67702));-webkit-box-shadow: inset 0 1px 0 0 #E8A91A;}
.button2:hover {background: -moz-linear-gradient(top, #FFA407, #E8A91A);}

/* Wufoo Form */
.wufoo input.text, .wufoo textarea.textarea, .wufoo input.file, .wufoo select.select {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #FFFACD;
    border-color: #BFBC9A #DEDAB2 #DEDAB2 #BFBC9A;
    border-style: solid;
    border-width: 1px;
}
form ul:after, form li:after, form li div:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
form li.error {
    background-color: #DFFFDF !important;
    display: block !important;
    margin-bottom: 3px !important;
}
#errorMsg b {
    background-color: #DFFFDF !important;
    border-radius: 10px 10px 10px 10px;
    color: red !important;
    padding: 2px 8px;
}