/* CSS Document */
/* ###################################################### */
/* ############## general html strukture ################# */
/* ###################################################### */
html, body, div, p, td, a, input, textarea, select {
    font-family: Arial, Helvetica, sans-serif;
    color:#3d3000;
}
html, body {
    margin:0;
    padding:0;/*overflow:auto;*/
    height: 100%;
    min-height: 100%;
}
html {
    overflow:-moz-scrollbars-vertical;
    min-width:962px;
    font-size: 101%;
}
body {
    font-size:0.75em;
    margin:0;
    padding:0;
    background-color:#ffcc00;
    line-height:1.5em;
}
form {
    margin:0;
    padding:0;
}
textarea {
    width:418px;
    height:85px;
}
input {
    border:1px solid #756556;
    padding: 3px 2px;
    color: #756556;
    background-color:#fbf8f1;
}
.button {
    border:0px;
    background-color:white;
    margin-right:10px;
    color:#756556;
    border:1px #756556 solid;;
}
.button:hover {
    background-color:lightyellow;
    border:1px black solid;
    color:black;;
}
a { text-decoration:none;}
/* ###################################################### */
/* ####################### MAIN BODY #################### */
/* ###################################################### */
#main_wrapper {margin-bottom:30px;}
.compwidth { width:100%;}
#top {height:86px; background-color:white;}
#middle { 
    height:200px;
    background-color:#bfcad0;
    background-image:url(../images/wiesbauer-kraene-logo.gif);
    background-repeat:no-repeat;
    background-position:880px top;
    border-bottom: 8px solid white;
    border-top: 8px solid white;
}
.conleft { width:252px; float:left;margin-left:0;}
.conmiddle { width:620px; float:left;}
.conright { width:109px; float:left;}
#top .conleft {text-align:right;margin-top:30px;}
#top .conmiddle {width:740px; margin-top:30px;text-indent:10px;}
#middle .conmiddle{
    width:620px;
    height:200px;
    border-right:4px solid white;
    border-left:4px solid white;
}
#hihead { height:200px;}
#bottom .conmiddle {
    width:620px;
    border-right:4px solid #ffcc01;
    border-left:4px solid #ffcc01;
    background-color:#feda62;
}
#bottom .conleft, #bottom .conmiddle, #bottom .conright {
    padding-top:25px;
}
#bottom #content {margin-left:16px; width:584px;margin-bottom:10px;}
#footer .con { margin-left:264px;margin-top:4px; font-size:0.85em;}
/* ###################################################### */
/* ####################### STRUCTURE #################### */
/* ###################################################### */
/* MAINMENU L1*/
#mainmenu { text-transform:uppercase; font-size:1.05em; margin-top:14px;margin-left:10px;}
#mainmenu li{ display:inline;padding: 0 3px;}
#mainmenu a:link,#mainmenu a:visited {color:#666666; border-bottom:2px white solid;}
#mainmenu a:hover,#mainmenu a.active {color:black; border-bottom:2px #666666 solid;}
/* MAINMENU L2*/
.submenutitle {
    color:white;
    text-transform:uppercase;
    font-size:1.3em;
    font-weight:bold;
    line-height:2em;
}
#subnavi {width:230px; margin-left:20px;}
#subnavi ul{text-transform:uppercase;font-size:1.1em;}
#subnavi li {border-top:1px #5d675f solid;}
#subnavi li a { display:block; line-height:2em; text-indent:4px;}
#subnavi li a:link,#subnavi a:visited {color:#5d675f;}
#subnavi li a:hover,#subnavi a.active {color:white;}
/* MAINMENU L3*/
#subnavi ul ul { text-transform:none; font-size:1em;margin-left:15px;margin-bottom:10px;}
#subnavi li li {border-bottom-width:0px;}
#subnavi li li a { display:block; line-height:1.5em; text-indent:0;}
#subnavi li li a:link,#subnavi a:visited {color:#5d675f;}
#subnavi li li a:hover,#subnavi a.active {color:white;}
/* METANAVI */
#metanavi li{ display:inline;padding-right:10px;}
#mainmenu a:link,#mainmenu a:visited {color:#666666;}
#mainmenu a:hover {color:black;}
/* Download */
.wrapper_presse h2 span {
    color:#333333;
    font-style:italic;
    font-weight:normal;
}
div.wrapper_presse               { margin: 0 0 20px 0;}
.wrapper_presse div.headline     { border-bottom:1px dashed #333333;margin: 3px 0;font-weight:bold;}
.wrapper_presse h2               { font-weight:bold;font-style:normal;margin-top:2em;}
.wrapper_presse h2 span          { font-size:0.75em;}
.wrapper_presse .dl_head         { width:23px; float:left;}
.wrapper_presse .dl_head img     { margin: 0.3em 0 0 0;padding-left:5px;}
.wrapper_presse .dl_name         { width:160px; float:left;}
.wrapper_presse .dl_size         { width:75px; float:left;}
.wrapper_presse .dl_description  { width:320px; float:left;}
.wrapper_presse ul li{
    filter:alpha(opacity=75);
    -moz-opacity: 0.75;
    opacity: 0.75;
    background-color:#ffffff;
    line-height: 2em;
    margin-bottom:3px

}
.wrapper_presse ul li.headline{
    background-color:#feda62;
    filter:alpha(opacity=100);
    -moz-opacity: 1.0;
    opacity: 1.0;
}
.wrapper_presse ul li:hover{
    background-color:#ffffff;
    filter:alpha(opacity=100);
    -moz-opacity: 1.0;
    opacity: 1.0;
}
.wrapper_presse ul li.headline:hover{
    background-color:#feda62;
    filter:alpha(opacity=100);
    -moz-opacity: 1.0;
    opacity: 1.0;
}
/* kopfgrafik */
ul#kopfgrafik {
    height:200px;
    overflow:hidden;
}
/* Newssystem */
.articlelistPagecounter {
    display:block;
    text-align:center;
    margin-bottom:20px;
    font-size:1.1em;
}
.articlelistPagecounter hr {margin-top:10px;}
.articlelistNavigation {
    display:block;
    text-align:center;
    margin-top:10px;
    margin-bottom:20px;
    font-size:1.1em;
}

/* Newsticker */
ul#newsticker {
    margin-top:30px;
    margin-left:10px;
    width:230px;
    overflow:hidden;
    height:130px;
    text-align:justify;
    font-size:1.1em;
}
ul#newsticker .date {
    font-weight:bold;
    display:block;
}
ul#newsticker .news {color:white;}
/* Kontaktformular */
form {
    margin:0px;
    padding:0px;
}
.kontaktformular {
    margin-left:80px;
    width:425px;
}
.kontaktformular ol {
    margin-bottom:20px;
    margin-top:10px;
}
.kontaktformular ol li {
    padding:2px 0px;
    text-indent:5px;
}
.kontaktformular input.pflicht, .kontaktformular textarea {
    background-color:#fbf8f1;
    color:#454545;
}
.kontaktformular input.eingabe {
    width: 276px;
}
.kontaktformular input.strasse {
    width: 225px;
    margin-right:10px;
}
.kontaktformular input.nr {
    width: 35px;
}
.kontaktformular input.ort {
    width: 215px;
}
.kontaktformular input.plz {
    width: 45px;
    margin-right:10px;
}
.kontaktformular textarea {
    width: 410px;
    height:150px;
    border:1px solid #413022;
    padding: 3px 2px;
}
.kontaktformular input:focus, .kontaktformular textarea:focus{
    background-color: lightyellow;
    border-color:black;
}
.kontaktformular input.button {
    border:0px;
    background-color:white;
    margin-right:10px;
    color:#756556;
    border:1px #756556 solid;
}
.kontaktformular input.left {margin-left:140px;}
.kontaktformular .button:hover{
    background-color:lightyellow;
    border:1px black solid;
    color:black;
}
.kontaktformular .dissi2 {   background-color:lightyellow;}

.kontaktformular label {
    display:block;
    width:130px;
    float:left;
    line-height:1.4em;
}
.kontaktformular label.pflicht, .kontaktformular span.pflicht, .kontaktformular em {
    color:#454545;
    font-weight:bold;
}
.kontaktformular legend {
    font-size: 1.09em;
    font-weight:normal;
    margin:4px 0;
    text-indent:15px;
    font-family:Georgia, "Times New Roman", Times, serif;
    font-style:italic;
    color:black;
}
.kontaktformular #person {
    margin:0 0 10px 0;
}
/* Bildergalerie */
.blgalerie, .bgalerie {
    float:left;
    margin-right:16px;
  }
.bgalerie {}
/* ShoppingCard */
.SCcont {margin-bottom:1.5em;}
.SCcont .left {width: 40%; text-align:right;}
.SCcont .right{width: 56%;}
.SCcont .price , .priceAll {color:green;}
.SCcont .price {
    text-transform: uppercase;
    font-weight:bold;
    display:block;
    text-indent:1em;
}
.SCcont p.price {
    filter:alpha(opacity=75);
    -moz-opacity: 0.75;
    opacity: 0.75;
    background-color:#ffffff;
    line-height: 2em;
}
.SCcont p.price:hover{
    background-color:#ffffff;
    filter:alpha(opacity=100);
    -moz-opacity: 1.0;
    opacity: 1.0;
}
.SCcont .price span.right { display:block; text-align:right; width:58%;float:right;}
.SCcont .price span.left{ display:block; text-align:left; width:38%; float:left;}

.shoppingcard h2 span {
    color:#333333;
    font-style:italic;
    font-weight:normal;
}
div.shoppingcard               { margin: 0 0 20px 0;}
.shoppingcard ul               { margin-top:20;}
.shoppingcard input.int_Anzahl { color:crimson;font-weight:bold;width:20px;text-align:center;}
.shoppingcard div.headline     { border-bottom:1px dashed #333333;margin: 3px 0 3px 0;font-weight:bold;}
.shoppingcard li.ordercalc div { border-top:1px dashed #333333;margin: 3px 0;font-weight:bold;display;block;text-align:right; padding-right:77px;}
.shoppingcard h2               { font-weight:bold;font-style:normal;margin-top:2em;}
.shoppingcard h2 span          { font-size:0.75em;}
.shoppingcard .sc_pos          { width:40px; float:left;padding-left:5px; text-align:center;}
.shoppingcard .sc_head img     { margin: 0.3em 0 0 0;}
.shoppingcard .sc_name         { width:280px;float:left;}
.shoppingcard .sc_ep           { width:75px; float:left; text-align:center;}
.shoppingcard .sc_amount       { width:65px; float:left; text-align:center;}
.shoppingcard .sc_preis        { width:55px; float:left; text-align:center;}
.shoppingcard .sc_option       { width:60px; float:left; text-align:center;}
.shoppingcard ul li{
    filter:alpha(opacity=75);
    -moz-opacity: 0.75;
    opacity: 0.75;
    background-color:#ffffff;
    line-height: 2em;
    margin-bottom:3px;

}
.shoppingcard ul li.headline, .shoppingcard ul li.ordercalc{
    background-color:#feda62;
    filter:alpha(opacity=100);
    -moz-opacity: 1.0;
    opacity: 1.0;
}
.shoppingcard ul li:hover{
    background-color:#ffffff;
    filter:alpha(opacity=100);
    -moz-opacity: 1.0;
    opacity: 1.0;
}
.shoppingcard ul li.headline:hover, .shoppingcard ul li.ordercalc:hover{
    background-color:#feda62;
    filter:alpha(opacity=100);
    -moz-opacity: 1.0;
    opacity: 1.0;
}
.SCcont .scint {width: 300px;margin-bottom:10px;}
/* ###################################################### */
/* ################### UNTERSCHIEDLICH ################## */
/* ###################################################### */
.left { float:left;}
.right{ float:right;}