@charset "UTF-8";
/* CSS Document */

body { font-family: Arial, Helvetica, sans-serif; font-size: 1.3em; background-image:url(images/bg.jpg); background-repeat:repeat;
}
* html #root { height: 100%; }

h1 { font-size:21px; color:#000000; float:left; }
h2 { font-size:18px; color:#000000; float:left; }
#main { width: 995px; height: 657px; margin: 30px auto 0 auto; padding: 30px 0 0 30px; background-image: url(images/bg.png); 	background-repeat: no-repeat; } 
#wrapper { width: 905px; height: 567px; margin: 0px; border: 15px solid #fff; }
#navigation { font-size: 1.6em; float: left; width: 745px; margin: 1px 0 0 85px; background-color: #68af21; }
#navigation ul { padding: 0; margin: 0; list-style-type: none; }
#navigation li { display: inline; float: left; text-align: center; text-decoration:none; }
#navigation li a { display: block; padding: 10px 28px; color: #fff; }
#navigation li a:hover { background-color: #fff; color: #68af21; padding: 10px 28px; background-image: url(images/bgnavi.png); background-repeat: repeat-x; }
.small { font-size: 0.6em; }
.last { margin: 18px 0 0 0; }
.last a, .last a:visited { color: #FFFFFF; }
.last a:hover { text-decoration: underline; }	

#inhalt_gesamt{ width:800px; height:350px; float:left; background-color:#FFFFFF; margin-left:50px; margin-top:50px; overflow:auto;
}
#inhalt_gesamt_bild{ width:905px; height:521px; float:left; }
.zweispaltig{ width:350px; height:325px; float:left; color:#333333; margin-left:25px; margin-top:25px; }

/*------------------- Home -------------------*/

#ueberschrift{ width:905px; height:125px; float:left; }
.startbox { float: left; height: 295px; width: 905px; }
#airberlin { width:238px; height:100px; float:left; }
#goldenkaan { width:332px; height:100px; float:left; }
#freunde { width:335px; height:100px; float:left; }
#content_inhalt{ width:905px; height:295px; float:left; }
#text_infos{ width:720px; height:200px; color:#68b022; font-size:15px; float:left; margin-left:100px; margin-top:16px; padding:0px;
}
#text_infos a, #text_infos a:hover, #text_infos a:visited { color: #000000; text-decoration: underline}
.zweispaltig a, .zweispaltig a:visited { color: #000; text-decoration: underline;}
.gruen{ color:#68b022; }
.schwarz{ color:#000000; font-weight:bold; }
.schwarz_mitmachen{ color:#000000; font-size:12px; }

.status_msg { font-size: 0.8em; color: #FF0000; }
.status_msggo { font-size: 0.8em; color:#FF0000; font-weight:bold; }

/*----------- Produkte  -----------*/

#abstand_oben{ width:905px; height:119px; float:left; }
#platzhalter_footer{ width:905px; height:51px; float:left; }

#imap {display:block; width:905px; height:460px;  position:relative; margin:0 ;}

#imap a#titlex {display:block; width:905px; height:0; padding-top:0px; overflow:hidden; position:absolute; left:0; top:0; background:transparent; cursor:default;}
* html #imap a#titlex {height:460px; he\ight:0;}

a#rocky, a#bretzeli, a#brezel, a#snyders, a#bertoli {display:block; width:160px; height:0; padding-top:80px; overflow:hidden; position:absolute;}

* html a#rocky, * html a#bretzeli, * html a#brezel, * html a#snyders, * html a#bertoli {height:80px; he\ight:0;}

a#rocky {left:20px; top:230px; width: 276px; height:205px; background:transparent;}
a#bretzeli {left:250px; top:130px; width: 166px; height:298px; background:transparent;}
a#brezel {left:400px; top:60px; width: 172px; height:401px; background:transparent;}
a#snyders {left:540px; top:140px; width: 188px; height:277px; background:transparent;}
a#bertoli {left:700px; top:180px; width: 171px; height:253px; background:transparent;}

a#rocky:hover {background: url(images/rocky_mountain_gross.png) no-repeat 0 0;}
a#bretzeli:hover {background:url(images/bretzeli_gross.png) no-repeat 0 0;}
a#brezel:hover {background:url(images/brezel_gross.png) no-repeat 0 0;}
a#snyders:hover {background:url(images/snyders_gross.png) no-repeat 0 0;}
a#bertoli:hover {background:url(images/bruschettine_gross.png) no-repeat 0 0;}

/*---*/

#imap2 {display:block; width:905px; height:100px;  position:relative; margin:0 ;}

#imap2 a#titlex {display:block; width:905px; height:0; padding-top:0px; overflow:hidden; position:absolute; left:0; top:0; background:transparent; cursor:default;}
* html #imap2 a#titlex {height:100px; he\ight:0;}

a#links, a#rechts {display:block; width:160px; height:0; padding-top:80px; overflow:hidden; position:absolute;}

* html a#links, * html a#rechts {height:80px; he\ight:0;}

a#links {left:20px; top:30px; width: 276px; height:205px; background:transparent;}
a#rechts {left:750px; top:30px; width: 166px; height:70px; background:transparent;}

/*---*/

#imap3 {display:block; width:905px; height:0px;  position:relative; margin:0 ;}

#imap3 a#titlex {display:block; width:905px; height:0; padding-top:0px; overflow:hidden; position:absolute; left:0; top:0; background:transparent; cursor:default;}
* html #imap3 a#titlex {height:100px; he\ight:0;}

a#aktion {display:block; width:60px; height:0; padding-top:80px; overflow:hidden; position:absolute;}

* html a#aktion {height:60px; he\ight:0;}

a#aktion {left:20px; top:30px; width:120px; height:30px; background:transparent;}