body {margin:0; padding:0; background-color:rgb(102,129,0); color:rgb(51,51,51); font-family:Trebuchet MS, Trebuchet, Verdana, sans-serif; font-size:11px; line-height:15px;}
p, div {margin:0; padding:0;}

/* Links */
a:link, a:visited {font-weight:bold; text-decoration:none;}
a:hover, a:active {text-decoration:none;}

a.service:link, a.service:visited {color:rgb(63,169,147); font-weight:bold; text-decoration:none;}
a.service:hover, a.service:active {text-decoration:none;}

/* Struktur */
.a_all {width:850px; margin-top:10px;}
.a_service {height:22px; text-align:right;}
.a_service_back {height:22px; padding-top:6px; background-color:#FFF; color:rgb(63,169,147); float:right;}
.a_head {padding:10px; text-align:left; height:138px; background-color:#FFF; background-image:url(../pix/2012-mayakalender-tzolkin-back_head.gif); background-repeat:no-repeat;}
.a_content {padding:0px 10px 0px 10px; margin-bottom:10px; text-align:left; background-color:#FFF; background-image:url(../pix/2012-mayakalender-tzolkin-back_fuss.gif); background-repeat:no-repeat; background-position:bottom;}
.a_menue {width:830px; background-color:rgb(63,169,147); height:28px;}

/* Spalten */
.b_1sp {width:830px;}
.b_3sp_l {width:200px; margin-right:10px; float:left;}
.b_3sp_m {width:410px; margin-right:10px; float:left;}
.b_3sp_r {width:200px; float:left;}

/* Container */
.c_cont {margin-bottom:10px; padding-bottom:4px; background-color:#E7E9A7; background-image:url(../pix/2012-mayakalender-tzolkin-cont_back.gif); background-repeat:no-repeat; background-position:bottom;}
.c_cont_gruen {margin-bottom:10px; padding-bottom:10px; background-color:#B3C000; background-image:url(../pix/2012-mayakalender-tzolkin-cont_back_gruen.gif); background-repeat:no-repeat; background-position:bottom;}
.c_cont_gruen_410 {margin-bottom:10px; padding-bottom:10px; background-color:#B3C000; background-image:url(../pix/2012-mayakalender-tzolkin-back_gruen_bottom.gif); background-repeat:no-repeat; background-position:bottom;}
.c_cont_weiss {padding:0px 10px;}

/* Schrift */
h1 {font-size:18px; line-height:22px; font-weight:normal; padding:6px 0px; margin:0px 0px 3px 0px;}
h2 {font-size:14px; line-height:16px; padding:0; margin:0px 0px 4px 0px;}
.small {font-size:11px; line-height:13px;}
.small_10 {font-size:10px; line-height:13px;}

ul {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}
li.text {margin:0px 0px 6px 0px; padding:0px 0px 0px 9px; list-style-type:none;list-style-position:outside; background-image:url(../pix/2012-mayakalender-tzolkin-li.gif); background-repeat:no-repeat; background-position:0px 5px;}
li.text:hover {margin:0px 0px 6px 0px; padding:0px 0px 0px 9px; list-style-type:none;list-style-position:outside; background-image:url(../pix/2012-mayakalender-tzolkin-li.gif); background-repeat:no-repeat; background-position:0px 5px;}

.c_cont h1, .c_cont_gruen h1, .c_cont_gruen_410 h1 {font-size:14px; line-height:18px; font-weight:bold; background-color:#B3C000; color:#FFF; padding:4px 10px 4px 10px; margin:0;}
.c_cont_gruen h1 {border-bottom:1px solid #FFF;}
.c_cont_gruen_410 h1 {border-bottom:1px solid #FFF; background-image:url(../pix/2012-mayakalender-tzolkin-back_gruen_top.gif); background-repeat:no-repeat;}
.c_cont_gruen h2, .c_cont_gruen_410 h2 {font-size:11px; background-color:#B3C000; color:#FFF; margin-top:6px; margin-bottom:3px;}
.c_cont_gruen_410 h2 {padding:0px 10px;}

.c_cont p, .c_cont_gruen_410 p {padding:6px 10px;}
.c_cont_gruen_410 p {color:#FFF;}
.siegel p {padding:0px 10px 0px 8px;}
.cont_anfang {background-image:url(../pix/2012-mayakalender-tzolkin-cont_head_back.gif); background-repeat:no-repeat;}

.home {font-size:24px; line-height:28px; font-weight:bold; margin:0px 0px 6px 0px;}
.holz {color:#FFF; background-image:url(../pix/2012-mayakalender-tzolkin-holz.jpg); background-repeat:no-repeat;}
.holz a:link, .holz a:visited, .holz a:active, .holz a:hover {color:#FFF;}
.preis {text-align:right; margin-top:-6px; font-size:14px; color:#E1156F; font-weight:bold;}
.sp {width:80px; margin-right:5px; float:left;}
.siegel {float:left; width:27px; margin:5px 17px 10px 0px;}
.stern_links {float:left; width:17px; margin:0px 0px 0px 10px;}
.stern_rechts {float:left; width:17px; margin:0px 10px;}
.datum {width:42px; margin-right:5px; float:left; text-align:center;}
.datum_anfang {width:42px; margin-right:5px; margin-left:8px; float:left; text-align:center;}

.links {float:left; margin-right:10px;}
.rechts {float:left;}

/* Trenner */
.abschluss {height:1px; font-size:1px; line-height:1px; clear:both; margin:0; padding:0;}
.abschluss_10 {height:10px; font-size:1px; line-height:1px; clear:both; margin:0; padding:0;}
.linie_weiss {background-color:rgb(255,255,255); clear:both; height:1px; font-size:1px; line-height:1px; margin:5px 0px 5px 0px; padding:0px 0px 0px 0px;}
.linie_mint {background-color:rgb(63,169,147); clear:both; height:1px; font-size:1px; line-height:1px; margin:5px 0px 5px 0px; padding:0px 0px 0px 0px;}
.linie_orange {background-color:rgb(241,79,18); clear:both; height:1px; font-size:1px; line-height:1px; margin:5px 0px 5px 0px; padding:0px 0px 0px 0px;}
.linie_violet {background-color:rgb(133,39,112); clear:both; height:1px; font-size:1px; line-height:1px; margin:5px 0px 5px 0px; padding:0px 0px 0px 0px;}
.linie_weiss {background-color:rgb(255,255,255); clear:both; height:1px; font-size:1px; line-height:1px; margin:5px 0px 5px 0px; padding:0px 0px 0px 0px;}
.linie_grau {background-color:rgb(51,51,51); clear:both; height:1px; font-size:1px; line-height:1px; margin:5px 0px 5px 0px; padding:0px 0px 0px 0px;}

/* Formulare */
form {margin:0; padding:0;}
.f_cont {margin:0px 0px 4px 10px;}
.c_cont .f_banner {margin:0px;}
/*
input {font-family:Trebuchet MS, Trebuchet, Verdana, sans-serif; font-size:11px; line-height:15px; height:15px; border:1px solid rgb(51,51,51); padding:1px 2px;}
button {font-family:Trebuchet MS, Trebuchet, Verdana, sans-serif; font-size:11px; height:21px;}
*/
input {height:20px; vertical-align: top; background-color:#FFFFFF; font-family:Trebuchet MS, Trebuchet, Verdana, sans-serif; font-size: 11px; font-weight: normal; padding-left:3px;}
textarea {vertical-align: top; background-color:#FFFFFF; font-family:Trebuchet MS, Trebuchet, Verdana, sans-serif; font-size: 11px; font-weight: normal;}
button {font-family:Trebuchet MS, Trebuchet, Verdana, sans-serif; font-size:11px; font-weight: normal;}
select, option {font-family:Trebuchet MS, Trebuchet, Verdana, sans-serif; font-size: 11px; font-weight: normal; height:18px; line-height:15px; width:222px;}

.f_banner {background-image:url(../pix/2012-mayakalender-tzolkin-banner.gif); background-repeat:no-repeat;}
.f_newsletter {border:1px solid #B3C000; width:174px;}
.f_vorname {border:1px solid rgb(63,169,147); width:187px;}
.f_radio {border:0; vertical-align:middle; margin:0;}
.f_gruen {border:1px solid #B3C000;}
.f_mint {border:1px solid rgb(63,169,147);}
.f_geburt {margin-left:0px;}

.f_mint_40 {width:40px; border:1px solid rgb(63,169,147);}
.f_mint_60 {width:60px; border:1px solid rgb(63,169,147);}
.f_mint_123 {width:123px; border:1px solid rgb(63,169,147);}
.f_mint_186 {width:186px; border:1px solid rgb(63,169,147);}
.f_mint_206 {width:206px; border:1px solid rgb(63,169,147);}

/* Farben */
.gruen {color:#484B16;}
.magenta {color:#DF1167;}
.mint {color:rgb(63,169,147);}
.orange {color:rgb(241,79,18);}
.violet {color:rgb(133,39,112);}
.grau {color:rgb(51,51,51);}

.magenta li, .magenta li:hover {background-image:url(../pix/2012-mayakalender-tzolkin-li_magenta.gif);}

/* Menü */
ul.nav { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	height:22px;
}

li.navi_1 { /* all list items */
	float: left;
	position: relative;
	width:165px; background-color:rgb(63,169,147); color:#FFF; font-size:14px; font-weight:bold; text-decoration:none; margin:0; padding:0; border-right:1px solid #FFF; background-image:url(../pix/trans.gif);
}

li.navi_1_anfang { /* all list items */
	float: left;
	position: relative;
	width:165px; background-color:rgb(63,169,147); color:#FFF; font-size:14px; font-weight:bold; text-decoration:none; margin:0; padding:0; border-right:1px solid #FFF; background-image:url(../pix/2012-mayakalender-tzolkin-menue_back_1.gif); background-repeat:no-repeat; background-position:left;
}

li.navi_1_ende { /* all list items */
	float: left;
	position: relative;
	width:166px; background-color:rgb(63,169,147); color:#FFF; font-size:14px; font-weight:bold; text-decoration:none; margin:0; padding:0; border-right:0px; background-image:url(../pix/2012-mayakalender-tzolkin-menue_back_2.gif); background-repeat:no-repeat; background-position:right;
}

li ul.sub_nav { /* second-level lists */
	display: none;
	list-style: none;
	position: absolute;
	top: 2em;
	left: 0;
	width:166px;
	height:20px;
	padding: 0;
	margin: 0;
}

li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
}

li:hover ul, li.over ul { /* lists nested under hovered list items */
	display: block;
}

li.navi_1:hover, li.navi_1.over {background-image:url(../pix/trans.gif);}
li.navi_1_anfang:hover, li.navi_1_anfang.over {background-image:url(../pix/trans.gif);}
li.navi_1_ende:hover, li.navi_1_ende.over {background-image:url(../pix/trans.gif);}

.eintrag {padding:0; margin:0;}
.eintrag_sel {padding:0; margin:0; width:248px; margin:0px 0px 0px 0px; float:none; border-top:1px solid #FFF; background-color:#DA4A72; color:#FFF; font-weight:bold; padding:1px 0px 2px 5px;}
.navi_1 p {padding:6px 0px 6px 12px; height:16px;}
.navi_1_anfang p {padding:6px 0px 6px 12px; height:16px;}
.navi_1_ende p {padding:6px 0px 6px 12px; height:16px;}

/*
a.nav_1:link, a.nav_1:visited, a.nav_1:active {width:166px; color:#FFF; font-size:1em; font-weight:bold; text-decoration:none; margin:0px 0px 0px 0px; padding:6px 0px 0px 5px;}
a.nav_1:hover {background-color:#FF0C00; text-decoration:none;}

a.nav_1_sel:link, a.nav_1_sel:visited, a.nav_1_sel:active, a.nav_1_sel:hover {width:166px; background-color:#FF0C00; color:#FFF; font-size:1em; font-weight:bold; text-decoration:none; margin:0px 0px 0px 0px; padding:1px 0px 2px 5px;}
*/

a.sub_navi:link, a.sub_navi:visited, a.sub_navi:active {font-size:12px; width:153px; margin:0px 0px 0px 0px; float:none; border-top:1px solid #FFF; background-color:rgb(63,169,147); color:#FFF; font-weight:bold; padding:3px 0px 3px 12px; display:block;}
a.sub_navi:hover {background-color:#B3C000; text-decoration:none;}

a.sub_navi_sel:link, a.sub_navi_sel:visited, a.sub_navi_sel:active, a.sub_navi_sel:hover {font-size:12px; width:153px; margin:0px 0px 0px 0px; float:none; border-top:1px solid #FFF; background-color:rgb(63,169,147); color:#FFF; font-weight:bold; padding:3px 0px 3px 12px; display:block;}

a.sub_navi_2:link, a.sub_navi_2:visited, a.sub_navi_2:active {font-size:12px; width:153px; margin:0px 0px 0px 0px; float:none; border-top:1px solid #FFF; background-color:#BFE0BF; color:rgb(51,51,51); font-weight:normal; padding:3px 0px 3px 12px; display:block;}
a.sub_navi_2:hover {background-color:#E7E9A7; text-decoration:none;}

.navi_1_ende a.sub_navi:link, .navi_1_ende a.sub_navi:visited, .navi_1_ende a.sub_navi:active, .navi_1_ende a.sub_navi:hover {width:154px;}