/* for bauevaluierung.at */

body, html, div {margin:0px; padding: 0px; }
html { font-family: Verdana, Arial, Helvetica, sans-serif; }
body { background-color: #edf1f2; background-image: url(../images/bg_body.jpg); background-repeat: repeat-x; }

/* Volle Höhe des Brwosers ausnutzen */
body, html { height:100%; /* Da IE min-height nicht kennt */ min-height:100%; /* Für andere Browser */ }
#wrapper { position:relative; min-height:100%; height:auto !important; /* Für normale Browser */ height:100%; /* Für IE */}



/* LAYOUT */
#wrapper { position: relative; width: 929px; margin-right: auto; margin-left: auto; }
#header {width: 929px; height: 183px;}

/* for sidebar layout */
#wrapper_content {float: left; background-image: url(../images/bg_content.jpg); background-repeat: repeat-y; background-position: 4px 0; width: 929px;}
#wrapper_content {
   min-height: 400px;
   height: auto !important;
   height: 400px; }
 
#footer { background-image: url(../images/bg_footer.jpg); background-repeat: no-repeat; background-position: 4px 0; width: 929px; }
#footer {
   min-height: 45px;
   height: auto !important;
   height: 45px; }
  
   
#content {/* border: 1px dotted; */ width: 540px; padding-left: 25px; float: left;}
/* #sidebar {width: 190px; margin-left: 110px; float: left;} */
#sidebar {/* border: 1px dotted; */ width: 250px; margin-left: 80px; float: left;}



/*for single layout
#wrapper_content {float: left; background-image: url(../images/bg_content_single.jpg); background-repeat: repeat-y; background-position: 4px 0; width: 929px;}
#wrapper_content {
   min-height: 400px;
   height: auto !important;
   height: 400px; }
 
#footer { background-image: url(../images/bg_footer.jpg); background-repeat: no-repeat; background-position: 4px 0; width: 929px; }
#footer {
   min-height: 45px;
   height: auto !important;
   height: 45px; }
   
   
#content { width: 860px; padding-left: 25px; float: left;}
#sidebar {display: none;}
*/





#content, #sidebar {margin-top: 10px;}
#footer {clear: left;}   

/* Main Nav */
#navigation {position: relative; top: 103px; height: 80px;}

div#navigation ul { position: relative; margin: 0 0 0 0px; padding: 0 0 0 0px; list-style-type: none; list-style-image: none; }
div#navigation ul li { width: 100px; height: 80px; padding: 0; display: block; float: left; margin: 0 0px 0 0; list-style-type: none; list-style-image: none; }
div#navigation ul li a { color: #6d8faa; font-size: 14px; font-weight: bold; width: 100px; height: 80px; margin: 0; padding: 0; display: block; background-image: url(../images/nav_sprite.jpg); background-repeat: no-repeat; text-decoration: none; }
div#navigation ul li a:link {background-image: url(../images/nav_sprite.jpg); background-repeat: no-repeat; margin: 0; padding: 0;}
div#navigation ul li a:visited {}
div#navigation ul li a:hover { color: #00579c; background-image: url(../images/nav_sprite.jpg); background-repeat: no-repeat;}
div#navigation ul li a:active {}


div#navigation ul li a span {display: none;}

div#navigation ul li#nav_home {width: 190px; margin-top: 0px; background-position: 0 0px;}
div#navigation ul li#nav_home a {width: 190px; background-position: 0 0px;}
div#navigation ul li#nav_home a:link { background-position: 0 -0px;}
div#navigation ul li#nav_home a:visited {}
div#navigation ul li#nav_home a:hover { background-position: 0 -80px; }
div#navigation ul li#nav_home a:active {}
div#navigation ul li#nav_home a:focus {outline: none; background-position: 0 -80px;}


div#navigation ul li#nav_produkt {width: 260px; margin-top: 0; background-position: -190px 0;}
div#navigation ul li#nav_produkt a {width: 260px; background-position: -190px 0;}
div#navigation ul li#nav_produkt a:link { background-position: -190px 0;}
div#navigation ul li#nav_produkt a:visited {}
div#navigation ul li#nav_produkt a:hover { background-position: -190px -80px; }
div#navigation ul li#nav_produkt a:active {}
div#navigation ul li#nav_produkt a:focus {outline: none; background-position: -190px -80px; }

div#navigation ul li#nav_faq {width: 250px; margin-top: 0; background-position: -450px 0;}
div#navigation ul li#nav_faq a {width: 250px; background-position: -450px 0;}
div#navigation ul li#nav_faq a:link { background-position: -450px 0;}
div#navigation ul li#nav_faq a:visited {}
div#navigation ul li#nav_faq a:hover { background-position: -450px -80px; }
div#navigation ul li#nav_faq a:active {}
div#navigation ul li#nav_faq a:focus { outline: none; background-position: -450px -80px; }

div#navigation ul li#nav_bestellung {width: 225px; margin-top: 0; background-position: -700px 0;}
div#navigation ul li#nav_bestellung a {width: 225px; background-position: -700px 0;}
div#navigation ul li#nav_bestellung a:link { background-position: -700px 0;}
div#navigation ul li#nav_bestellung a:visited {}
div#navigation ul li#nav_bestellung a:hover { background-position: -700px -80px; }
div#navigation ul li#nav_bestellung a:active {}
div#navigation ul li#nav_bestellung a:focus { outline: none; background-position: -700px -80px; }


/* div#navigation ul li#nav_home a:focus {outline: none;} */

/* Main Nav Actual Page */
body#page_home div#navigation ul li#nav_home a {background-position: 0 -80px;}
body#page_produkt div#navigation ul li#nav_produkt a { background-position: -190px -80px; }
body#page_faq div#navigation ul li#nav_faq a {background-position: -450px -80px; }
body#page_bestellung div#navigation ul li#nav_bestellung a {background-position: -700px -80px; }
body#page_bestellung_el div#navigation ul li#nav_bestellung a {background-position: -700px -80px; }
body#page_anfrage_ml div#navigation ul li#nav_bestellung a {background-position: -700px -80px; }

/* logo = home rollover */
a#header_logo_rollover { background-image: url(../images/bg_logo.jpg); background-repeat: no-repeat;  position: absolute; top: 0; left: 0; width: 260px; height: 94px; display: block; text-decoration: none; }
a#header_logo_rollover:link { }
a#header_logo_rollover:visited { }
a#header_logo_rollover:hover {}
a#header_logo_rollover:active { }


/* bestellbutton */
a#button_bestellung { background-image: url(../images/bg_button.jpg); background-repeat: no-repeat; width: 537px; height: 69px; display: block; text-decoration: none; margin-left: -2px; }
a#button_bestellung:link { }
a#button_bestellung:visited { }
a#button_bestellung:hover { background-position: 0 -69px; }
a#button_bestellung:active { }

a#button_bestellung span {display: none;}

/* a#header_logo_rollover {border: 1px dotted;} */


/* Footer Nav */
div#footer ul { margin: 0 0 5px 0; padding: 0; }
div#footer ul li { margin: 0 0 0 0; padding: 0; display: inline; }

div#footer ul li a { font-size: 10px; color: #8B8B8B; text-decoration: none; margin: 0; padding: 0 5px 0 0; border-bottom: 0 none; border-right: 1px solid #8B8B8B; }
div#footer ul li a:link { }
div#footer ul li a:visited { }
div#footer ul li a:hover {color: #98BD0C; border-bottom: 0 none; }
div#footer ul li a:active { }

div#footer ul li a.last {border: 0px;}

div#footer ul, div#footer p {position: relative; top: 15px; margin-left: 10px;}
div#footer p {font-size: 10px; color: #ffffff;}

/* Actual Pages Footer-Nav */
body#page_home div#footer ul li a#footer_nav_a_home,
body#page_produkt div#footer ul li a#footer_nav_a_produkt,
body#page_faq div#footer ul li a#footer_nav_a_faq,
body#page_bestellung div#footer ul li a#footer_nav_a_bestellung,
body#page_impressum div#footer ul li a#footer_nav_a_impressum

 {color: #98BD0C; }

/* Typo */

p { font-size: 11px; margin-top: 10px; margin-bottom: 10px; line-height: 16px;}
p, ul, ol, label, input, textarea, .formtext { color: #646464;}
h1 { color: #646464; font-size: 16px; margin-top: 0; margin-bottom: 20px; }
h2 { color: #98bd0c; font-size: 13px; text-decoration: none; margin-top: 20px; margin-bottom: 5px; border-bottom: 1px solid #98bd0c; }
h3 { color: #98bd0c; font-size: 11px; text-decoration: none; margin-top: 20px; margin-bottom: 5px; }
td { }

#content ul, #content ol, #sidebar ul { font-size: 11px; margin: 0; padding: 0 0 0 25px; line-height: 14px;}
#content ul li, #sidebar ul li { list-style-image: url(../images/link.gif); /* color: #3F3F3F;*/ margin-bottom: 3px;}
#content ol li { margin-left: 7px; } /* For IE6 */
#content ol[id] li { margin-left: 0px; } /* For other */

a img {border: 0px solid;}

#content img.left {float: left; margin-right: 10px;}
#sidebar p {margin-top: 5px; margin-bottom: 5px;}
/* #sidebar h3 {background-color: #98bd0c; color: white; padding: 3px; font-weight: normal;} */
#sidebar h3 {background-color: #c5c6c7; color: white; padding: 3px; font-weight: normal;}


/* Formularstyles */
form label, form input, form textarea {font-size: 11px;}
form div.formfield {}
form label {width: 225px; display: block; float: left; clear: left;}
form input.formfield, form textarea, .formtext {margin-bottom: 5px; width: 300px; font-family: Verdana, Arial, Helvetica, sans-serif;}
.formtext {font-size: 11px;}
.error {border: solid 2px #e0542f}
.errorcheckbox {outline: solid 2px #e0542f; border: solid 2px #e0542f}
.index { font-size: 8px; vertical-align: top; position: relative; top: -2px; left: 2px;}
.index2 { color:#e0542f; font-size: 8px; vertical-align: top; position: relative; top: -2px; left: 2px;}

/* For spancatch -> not visible to users */
form textarea#comment, form label#comment_label {display: none; width: 5px; height: 5px;}

/* Imagecontainer Styles für Thumbs */
.imagecontainer { background-color: white; text-align: center; vertical-align: middle; width: 100px; height: 88px; float: left; margin-top: 5px; margin-right: 5px; margin-bottom: 5px; cursor: pointer; }
.imagecontainer_hover { background-color: #e5e8e9; text-align: center; vertical-align: middle; width: 100px; height: 88px; float: left; margin-top: 5px; margin-right: 5px; margin-bottom: 5px; cursor: pointer; }
img.photo { vertical-align: middle; margin-top: 3px; margin-bottom: 2px;}
.imagecontainer p, .imagecontainer_hover p { font-size:10px; color: #939393; line-height: 12px; margin-top: 0px; padding-top: 0px;}
/* .imagecontainer p {display:none;} */
.imagecontainer p {color: white;}
.imagecontainer_hover p {display:block; overflow:visible;}


/* Imagecontainer Styles für Thumbs Bigger */
.imagecontainer_big { background-color: white; text-align: center; vertical-align: middle; width: 250px; height: 162px; float: left; margin-top: 5px; margin-right: 5px; margin-bottom: 5px; cursor: pointer; }
.imagecontainer_big_hover { background-color: #e5e8e9; text-align: center; vertical-align: middle; width: 250px; height: 162px; float: left; margin-top: 5px; margin-right: 5px; margin-bottom: 5px; cursor: pointer; }
img.photo { vertical-align: middle; margin-top: 3px; margin-bottom: 2px;}
.imagecontainer_big p, .imagecontainer_big_hover p { font-size:10px; color: #939393; line-height: 12px; margin-top: 0px; padding-top: 0px;}
/* .imagecontainer p {display:none;} */
.imagecontainer_big p {color: white;}
.imagecontainer_big_hover p {display:block; overflow:visible;}

/* #steps2eval p {margin-left: 15px;} */

a {color: #aaabac;}
a:link {color: #aaabac; }
a:visited {color: #aaabac; }
a:hover {color: #98bd0c; }
a:active { color: #aaabac; outline: none;}

/* Entfernt alle Focus-Links.. zum testen... */
/* *:focus{ outline : none; } */


div.invisible {display: none;}
div.visible {display: block;}