/** $Id: wd.css,v 1.1 2008/06/03 19:05:17 hg Exp $ */

/**
dunkelgruen #006332
hellgruen   #E5EFEA
gelbgruen   #FAFCFB  (Navigation)
gelb        #F8F38B
*/

body{margin:0 0 40px 0
    ;padding:0
    ;font-family:Arial, Helvetica, sans-serif
    ;font-size:12px
    ;color:#333333
    ;background-color:white
    }
p,h1,h2,h3,h4,h5{margin:0;padding:0;font-weight:normal;font-size:100%}
img{border-width:0}
a{text-decoration:none;color:#006332}
    
h4{padding:1px 6px
    ;background-color:#006332
    ;text-transform:uppercase
    ;font-size:13px
    ;font-weight:bold
    ;color:white
    ;text-align:left
    }
h4 a{color:white}
h2,h3{border-bottom:1px solid #006332
    ;text-transform:uppercase
    ;font-size:13px
    ;font-weight:bold
    ;color:#006332
    }

a.big{display:block
    ;padding:0 4px 0 16px
    ;text-transform:uppercase
    ;font-weight:bold
    ;background:no-repeat scroll left center
    }
ul.nav li:hover a,
a.big:hover{padding:0 0 0 20px}

a.more{text-transform:uppercase
    ;font-weight:bold
    ;color:#006332
    ;padding:0 17px 0 4px
    ;background:no-repeat scroll right center
    }
a.more:hover{padding:0 13px 0 8px}

div.liste a{padding:0 4px 0 16px;background:no-repeat left center}
div.liste a:hover{padding:0 0 0 20px}

div.liste a,
a.more,
a.big{background-image:url('../img/arrow.gif')}

/*Die Listen auf der Startseite in den Spalten*/
div.b3 div.c p  a,
div.b3 div.c ul a{background:transparent url('../img/bullet_mini.gif') no-repeat scroll 0 5px;
	padding:0 3px 0 11px;
}
div.b3 div.c ul a{display:block;}

div.b3 div.c ul a:hover,
div.b3 div.c p a:hover{padding:0 0 0 14px;}

.toppic{display:block;
    height:42px;
    padding:125px 0 0;
    margin:0;
    text-transform:uppercase;
    color:#007948;
    }

/** ALLES MITTIG */
.centerIt{position:relative
    ;margin:0 auto
    ;width:990px
    ;margin-top:3%;background-color:white
    }
    
a.welcome{display:block
    ;position:relative
    ;background:white url('../img/intro.gif') no-repeat 154px 0px
    ;padding:520px 30px 0 0
    ;height:23px
    ;width:960px
    ;font-weight:bold
    ;text-align:right
    }
a.welcome:hover{text-decoration:underline}


/** 3 Column Layout */
div.block{position:relative
    ;display:inline
    ;float:left
    ;padding-bottom:32000px
    ;margin-bottom:-32000px
    }

/** Hauptnavigation */
div.b1{float:left;
    ;width:166px;
    ;margin-left:0px
    ;background-color:#E5EFEA
    ;z-index:100
    }
/** Nebennavigation */
div.b2{width:185px
    ;margin-left:639px
    ;margin-bottom:-31815px;
    ;background-color:#E5EFEA
    ;z-index:100
    }
/** Content */
div.b3{float:left
    ;width:625px
    ;margin-left:-817px
    ;background-color:white
    ;z-index:10
    }

/** Visit Vienna! */
div.wrapper{position:relative;overflow: hidden;float:none}
div.wrapper:after{content:'[Visit Vienna]';display:block;height:0;clear:both;visibility:hidden}



/** Settings Navigation Column */
div.b1 a.toppic{padding:125px 0 0
    ;text-align:center
    ;font-family:Helvetica, Arial, sans-serif
    ;font-size:13px
    ;letter-spacing:-1px
    ;font-weight:bold
    ;background:#F8F38B url('../img/willidungl.gif') no-repeat center 18px
    }


/** Settings CSS Flyout */
ul.nav,
ul.nav ul,
ul.nav li{margin:0
    ;padding:0
    ;list-style-type:none
    ;list-style-image:none
    ;list-style-position:outside
    ;z-index:3000
    }

ul.nav{margin:4px 0
    ;padding:8px 4px
    ;background-color:#FAFCFB
    ;border-top:6px solid #006332
    ;font-weight:bold
    ;font-size:13px
    ;text-transform:uppercase
    }

ul.nav li{position:relative
    ;border-bottom:1px solid #388854
    ;height:20px
    ;padding-top:3px
    }

ul.nav li div.parent {position:relative}

    
/* Subnavigation */
ul.nav li div.parent div{position:absolute
    ;left:-3000px
    ;top:-30px
    ;width:280px
    ;background:transparent url('../img/nix.gif') repeat
    ;text-align:left
    }
ul.nav li:hover div.parent div.dropout{
    /** put in Place on Hover!*/
    left:162px
    }

ul.nav .parent div.mini-zone{padding:0
    ;left:-140px
    ;top:19px
    ;width:140px
    ;height:35px
    ;font-size:1px
    }
    
ul.nav ul{margin:20px 20px 20px 8px
    ;padding:0 0 1px
    ;border:1px solid #006740
    ;font-size:11px
    ;background-color:#E5EFEA
    }

ul.nav ul li{
    ;margin-left:0px
    ;padding:1px 0 0
    ;background:url('../img/bullet_mini.gif') no-repeat scroll 5px 6px
    ;border-bottom:0px solid #006740
    ;text-transform:uppercase
    ;letter-spacing:1px
    ;font-weight:normal
    ;list-style-type:none
    ;height:14px
    }
ul.nav ul li a{padding:0 0 0 20px}
ul.nav ul li a:hover{text-decoration:underline}


/** Das Select Field */
div.b1 div.list{position:relative
    ;margin:4px 0 0
    ;border:3px solid white
    ;border-width:3px 0
    }

div.b1 div.list div.productBox{margin:0
    ;padding:1px
    ;border:2px dotted #006740
    }

div.b1 div.list div.productBox a{display:block
    ;margin:2px 0 0
    ;padding:1px 0 0 5px
    ;border:1px solid #333333
    ;background:white url('../img/updown.gif') no-repeat scroll right center
    ;font-size:12px
    ;color:black
    }

div.b1 div.list div.dropout{position:absolute
    ;left:-3000px
    ;top:2px
    ;width:200px
    ;background:transparent url('../img/nix.gif') repeat
    ;text-align:left
    }

div.b1 div.list:hover div.dropout{
    /** put in Place on Hover!*/
    left:-17px
    }

div.b1 div.list div.dropout ul{overflow:auto
    ;height:124px
    ;margin:20px
    ;padding:3px
    ;border:1px solid #333333
    ;font-size:11px
    ;background-color:white
    }
div.b1 div.list div.dropout li{height:12px}
div.b1 div.list div.dropout li.header{margin-top:7px;font-weight:bold}
div.b1 div.list div.dropout ul a{color:black;display:block}
div.b1 div.list div.dropout ul a:hover{text-decoration:underline
    ;background-color:#F0F2D4
    }
    
    
/** die ganz rechte Spalte */
div.b2 .toppic{position:relative;
	display:block;
	height:20px;
	padding:147px 13px 0 0;
    border-bottom:4px solid white;
	font-size:12px;
	text-align:right;
    background:#F8F38B url('/img/topright.jpg') no-repeat 0 0;
    }   
div.b2 a.toppic:hover{padding:147px 7px 0 0;}

div.b2 div.spezial{margin:5px 5px 10px
    ;padding:2px
    ;border:2px dotted #006740
    }

div.b2 div.spezial img{width:100%
    ;height:59px
    ;display:block
    }
div.b2 div.spezial p{padding:2px 6px 0}

div.b2 h3{margin:6px 6px 4px}
div.b2 p{padding:0px 6px 4px}
    
    
/** Und jetzt die 3. Spalte! */
div.b3 div.toppic{position:relative
    ;border-bottom:4px solid white
    ;background-color:white
    }
div.b3 div.c{position:relative
    ;float:left
    ;width:203px
    ;margin-right:8px
    }

div.b3 div.c1{background-color:#FCEAD2}
div.b3 div.c2{background-color:#ECF3D7}
div.b3 div.c3{background-color:#E1ECE3; margin-right:0}
div.b3 div.c4{background-color:#F7F5C8;margin-right:0}

div.b3 div.content{clear:both}


/** Die Karteireiter */
div.b3 div.c h2,div.b3 div.c p{margin:0 5px}

div.b3 div.c h2{margin-top:11px
    ;margin-bottom:3px
    ;padding: 0 0 4px 1px
    ;letter-spacing:1px
    }

div.b3 div.c ul,
div.b3 div.c p{padding:4px 0 3px;height:140px}

div.b3 div.c p{text-align:right;font-size:14px}

div.b3 div.c ul{margin:0;font-size:12px;}

div.b3 div.c ul li{margin-left:15px;
    list-style-type:none;
    padding:0 2px 6px 0;
    }

div.b3 div.c img{width:100%
    ;height:133px
    ;display:block
	;margin-bottom:55px 
    }

/** Die Startseite sieht etwas anders aus */
body.start div.col3{background:url('../img/fauxc3.gif') repeat-y scroll center top}/*Faux Columns auf der Startseite, Pfui!*/
body.start div.col4{background:url('../img/fauxc4.gif') repeat-y scroll center top}/*Faux Columns auf der Startseite, Pfui!*/


/** Und zum Schluss die Fusszeile */
div.footer{clear:both
    ;position:relative
    ;margin-top:6px
    ;border-top:1px solid #B6D4C4
    ;padding:0 0 0 0
    }

div.footer a,div.footer{color:#99bbaa}
div.footer a:hover{color:#006740;text-decoration:underline}

div.footer div{position:absolute}
div.footer div.fr{right:0;text-align:right}
div.footer div.fr a,div.foot div.fr{color:#999999}
div.footer div.fr a:hover{color:#444444}
div.footer div.fl{left:0}

/*** und hier jetzt ein anderer Ansatz wie man das mit links und rechts lösen kann ohne dass dabei die Höhe ignoriert wird ***/
/** und für den IE ist wichtig, dass das Mutterelement eine width gesetzt hat **/
div.left{
	float:left;
	width:50%;
	margin-top:3px;
	}
div.right{text-align:right;	margin-top:3px;}
div.center{position:absolute;
	top:0;
	width:100%;
	clear:left;
	text-align:center;
	}


/*** IE6 Fix ***/
* html a.big{display:inline}
* html div.wrapper{float:left}