@charset "utf-8";
/* CSS Document */
*{margin:0;padding:0;font-family: Arial, Geneva, Helvetica, sans-serif;}
html{background: #fff url(images/sitegifs/layout/bg.png); background-repeat: repeat-x;}
body{background: url(images/sitegifs/layout/bg_gras.png) no-repeat center top;}
p {font-size: 11px;line-height: 16px;color: #555;}
#content a {text-decoration: underline; color: #007a26;}
#rechts a {text-decoration: underline; color: #007a26;}
img {border: 0;}
table {margin: 0; padding: 0; margin-top: 5px; font-size: 11px;line-height: 16px;color: #6d6c6c;}

/* Elemente Ausrichten */
#align_left {float: left;}
.align_left {float: left;}
.align_left_10px {float: left; margin-right: 10px;}
#align_right {float: right;}
.align_right {float: right; clear: both; padding: 5px 5px 0px 0px;}

/* Listen, geordnet und ungeordnet*/
#content ul li{	font-size: 11px;line-height: 14px;color: #007a26;margin: 0px 0px 5px 15px;list-style: square;}
#content ol {font-size: 11px;line-height: 14px;color: #6d6c6c;list-style-position: outside;margin-left: 20px;}

/* Links allgemein*/
a {text-decoration: none;}
a:link {color: #151D42;}
a:visited {color: #808080;}
a:hover {color: #007a26;}
a:active {color: #007a26;}

.poi:link,.poi:active,.poi:visited,.poi:hover {color:#494949;text-decoration:none;}

/* Überschriften */
h1,h2, h3, h4, h5, h6{font-weight: bold;color: #007a26; font-family: Trebuchet MS, sans-serif;}
h2 {padding: 2px 0px 10px 0px; font-size: 16px; line-height: 16px; font-style: italic;}
h3 {padding: 5px 0px 5px 0px; font-size: 14px; line-height: 16px; font-style: italic;}
h4 {padding: 0px 0px 5px 0px; font-size: 12px; line-height: 14px; font-style: normal;}

.hl {font-weight: normal;color: #151D42; font-family: Trebuchet MS, sans-serif; padding: 15px 0px 5px 0px; font-size: 16px; line-height: 16px;}
em {
	font-size: 11px;
}

/* Formular */
form {font-size: 11px; color: #007a26; font-style: bold;}
input, select, textarea {background-color: #e5f7e6; border: 1px dotted #007a26; font-size: 11px; color: #000; line-height: 15px; }
.submit {background-image: url(images/sitegifs/submit.png); background-repeat: no-repeat; width: 175px; height: 35px; color:#fff; font-size: 11px; font-style: italic; font-weight: bold; border: none; cursor: pointer; text-align: center;}

/* Seitengestaltung */
.banner_l {float: right; margin: 17px 5px 0px 0px;}
.banner_r {float: right; margin: 17px 7px 0px 0px;}
#oben{margin:0 auto; text-align:left; width:700px; margin-top: 25px;}
#head {margin:0 auto;text-align:left;background-image: url(images/sitegifs/layout/head.jpg);background-repeat: no-repeat;height:100px; width: 990px;float: left;}
#seite {height: auto; margin:0 auto;text-align:left;width:990px;background: #fff; background-image:none; border-right: solid 1px #C3C3C3;border-left: solid 1px #C3C3C3;}
#top {float: left; font-size: 9px; color: #888; margin: -100px 0px 0px 60px; text-align:left;width:920px; font-style: italic; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; overflow: visible; position: relative; background-color: transparent;}
#links {}
#links a {text-decoration: underline; color: #007a26;}
#links a.visited a:hover{color: #999;}	
#links p{line-height: 15px; margin-left: 16px;}
#content{float:left;width:550px;margin:0; padding: 0px 20px 20px 10px;}
.small {font-size: 9px; line-height: 12px;}
.line { border-bottom: 1px dotted #007a26; height: 6px; padding-bottom: 5px;}
.line_10px_bottom{ border-bottom: 1px dotted #007a26; line-height: 3px; margin-bottom: 2px; margin-top: 0px;}
#rechts{float:left;width: 180px;margin-top: -93px;padding:0; padding-left: 10px;}
#footer{border-top: 1px dotted #b7b725; height: 15px;padding: 3px 10px 3px 10px;font-size: 9px;margin:0 auto;text-align:left;width:970px;}
#footer span{color: #C3C3C3;font-weight: bold;font-size: 10px;}
#footer a {color:#666;font-size: 9px;}
#footer a:hover {color: #808080; text-decoration: underline;}
.mao {float: right; margin-top: -15px; color: #999;}
.padding{padding:0em 1em 1em 1em;}
.clear {clear: both;}
.pic_right {margin-top: 10px; margin-left:8px;}
.pic_index_left_15 {margin-right: 8px; float: left;}
.tab_pic {margin: 0px 5px 5px 0px; float: left;}
.pic_left {margin: 0px 8px 8px 0px; float: left; clear: both;}
.green {color: #007a26;}

/* Navigation links */
.m_top {position:relative;top:0px;left:16px;}
.m_top2 {position:relative; padding-top: 5px;}
#menue_links{float:left;width:200px;}
#menue_links ul {float: left;list-style: none;padding: 0px;margin: 0px;width: 200px;}
#menue_links  ul li {height: 18px;line-height: 18px;display:block;}
#menue_links  ul li a {font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 12px;color: #4d4d4d;display:block;background: url(images/sitegifs/layout/m_bg.png) no-repeat;height: 20px;line-height: 20px;padding-left: 10px; text-transform: uppercase;}
#menue_links  ul li a:hover {background: url(images/sitegifs/layout/m_bg_hover.png) no-repeat; color: #03551d; text-decoration: none; font-weight: bold;}
#menue_links  ul li a#aktiv {background: url(images/sitegifs/layout/m_bg_active.png) no-repeat; color: #fff; font-weight: bold;}
.spacer {height: 15px; display: inline;}

/* Überschriften mit Hintergrundbild (Mitte) */
#index {margin: 0px 0px 15px 0px; float: left; padding: 22px 10px 0px 95px; width: 580px; height: 55px; background-image: url(images/sitegifs/layout/osterportal.png); background-repeat: no-repeat;}
#basteln {margin: 0px 0px 0px 0px; float: left; padding: 22px 10px 0px 95px; width: 580px; height: 60px; background-image: url(images/sitegifs/layout/osterbasteln.png); background-repeat: no-repeat;}
#motive {margin: 0px 0px 0px 0px; float: left; padding: 22px 10px 0px 95px; width: 580px; height: 60px; background-image: url(images/sitegifs/layout/ostermotive.png); background-repeat: no-repeat;}
#geschenke {margin: 0px 0px 0px 0px; float: left; padding: 22px 10px 0px 95px; width: 580px; height: 60px; background-image: url(images/sitegifs/layout/geschenkideen.png); background-repeat: no-repeat;}
#geschenke_txt {margin: 0px 0px 10px 0px;float: left; padding: 22px 10px 0px 95px; width: 580px; height: 80px; background-image: url(images/sitegifs/layout/geschenkideen.png); background-repeat: no-repeat;}
#rezepte {margin: 0px 0px 0px 0px; float: left; padding: 22px 10px 0px 95px; width: 580px; height: 60px; background-image: url(images/sitegifs/layout/osterrezepte.png); background-repeat: no-repeat;}
#braeuche {margin: 0px 0px 0px 0px; float: left; padding: 22px 10px 0px 95px; width: 580px; height: 90px; background-image: url(images/sitegifs/layout/osterbraeuche.png); background-repeat: no-repeat;}
#gedichte {margin: 0px 0px 0px 0px; float: left; padding: 22px 10px 0px 95px; width: 580px; height: 60px; background-image: url(images/sitegifs/layout/ostergedichte.png); background-repeat: no-repeat;}
#geschichten {margin: 0px 0px 0px 0px; float: left; padding: 22px 10px 0px 95px; width: 580px; height: 60px; background-image: url(images/sitegifs/layout/ostergeschichten.png); background-repeat: no-repeat;}
#eier {margin: 0px 0px 0px 0px; float: left; padding: 22px 10px 0px 95px; width: 580px; height: 60px; background-image: url(images/sitegifs/layout/ostereier.png); background-repeat: no-repeat;}
#spiele{margin: 0px 0px 0px 0px; float: left; padding: 22px 10px 0px 95px; width: 580px; height: 60px; background-image: url(images/sitegifs/layout/osterspiele.png); background-repeat: no-repeat;}
#sprueche{margin: 0px 0px 0px 0px; float: left; padding: 22px 10px 0px 100px; width: 580px; height: 50px; background-image: url(images/sitegifs/layout/ostersprueche.png); background-repeat: no-repeat;}
#hase{margin: 0px 0px 0px 0px; float: left; padding: 22px 10px 0px 100px; width: 580px; height: 60px; background-image: url(images/sitegifs/layout/osterhase.png); background-repeat: no-repeat;}
#ostern{margin: 0px 0px 0px 0px; float: left; padding: 22px 10px 0px 100px; width: 580px; height: 60px; background-image: url(images/sitegifs/layout/ostern.png); background-repeat: no-repeat;}
#deko{margin: 0px 0px 0px 0px; float: left; padding: 22px 10px 0px 100px; width: 580px; height: 60px; background-image: url(images/sitegifs/layout/osterdekoration.png); background-repeat: no-repeat;}
#karten{margin: 0px 0px 0px 0px; float: left; padding: 22px 10px 0px 100px; width: 580px; height: 60px; background-image: url(images/sitegifs/layout/oster-karten-gruesse.png); background-repeat: no-repeat;}
#index em, #basteln em, #sprueche em, #hase em, #karten em, #braeuche em, #eier em, #spiele em, #gedichte em, #geschichten em, #ostern em, #rezepte em, #motive em, #deko em, #geschenke em, #geschenke_txt em {font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 16px; font-style: italic; font-weight: bold; color: #fff;}
#index span, #basteln span, #sprueche span, #hase span, #karten span, #braeuche span, #eier span, #spiele span, #gedichte span, #geschichten  span, #ostern span, #rezepte span, #motive span, #deko span, #geschenke span, #geschenke_txt span {font-size: 11px; color: #fff; font-weight: normal;}
#index p, #basteln p, #sprueche p, #hase p, #karten p, #braeuche p, #eier p, #spiele p, #gedichte p, #geschichten p, #ostern p, #rezepte p, #motive p, #deko p, #geschenke p, #geschenke_txt p {padding: 10px 0px 0px 0px; font-size: 11px; color: #808080; font-weight: bold; line-height: 14px; width: 480px; margin-bottom: 10px;}

/* Surftipps rechts */
#rechts a {font-size: 11px;color: #007a26;display:inline;height: 15px;line-height: 15px;text-decoration: underline;}
#rechts a.visited a:hover{color: #999;}	
#rechts p{line-height: 15px;}
.linie {border-bottom: 1px dotted #007a26; padding: 0; margin: 0; height: 5px;}
.linie_r {border-bottom: 1px dotted #007a26; padding: 0; margin: 0; height: 5px; margin-bottom: 3px;}
.linie_l {border-bottom: 1px dotted #007a26; padding: 0; margin: 35px 0px 35px 16px; height: 6px; margin-bottom: 3px;}
.linie_l2 {border-bottom: 1px dotted #007a26; padding: 0; margin: 0; height: 5px; margin-bottom: 3px; margin-left: 16px;}

/* Buttons mit variabler Breite*/
#button {float: left;}
#button a.but {font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 12px; color: #fff; font-weight: bold; font-style: italic; text-decoration: none; line-height: 55px;}
.button_l{background-image: url(images/sitegifs/layout/but_left.png); background-repeat: no-repeat; width: 40px; float: left; height: 45px;}
.button_m {background-image: url(images/sitegifs/layout/but_middle.png); background-repeat: repeat-x; width: auto; float: left; height: 45px;}
.button_r {background-image: url(images/sitegifs/layout/but_right.png); background-repeat: no-repeat; width: 18px; float: left; height: 45px; margin-right: 5px;}
/* Buttons mit fester Breite*/
.button_m_100px {background-image: url(images/sitegifs/layout/but_middle.png); background-repeat: repeat-x; width: 100px; text-align: center; float: left; height: 45px;}

/* Buttons mit fester Breite je nach Headline für rechte+linke Randspalte*/
.head_rechts {float: left; margin-bottom: 5px;}
.head_rechts_txt {font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 11px; color: #fff; font-weight: bold; font-style: italic; padding-top: 20px; padding-left: -10px; padding-right: 0px; text-align: left; width: 170px; position: relative; visibility: visible;}
.head_rechts_2z-txt {font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 10px; color: #fff; font-weight: bold; font-style: italic; padding-top: 13px; padding-left: -10px; text-align: left; line-height: 6px;}
.ostergruesse {background-image: url(images/sitegifs/layout/ostergruesse_left.png); background-repeat: no-repeat; width: 38px; float: left; height: 45px;}
.buchtipps {background-image: url(images/sitegifs/layout/buchtipps_left.png); background-repeat: no-repeat; width: 38px; float: left; height: 45px;}
.wico {background-image: url(images/sitegifs/layout/button_wico.png); background-repeat: no-repeat; width: 38px; float: left; height: 45px;}
.surftipps{background-image: url(images/sitegifs/layout/surftipps_left.png); background-repeat: no-repeat; width: 38px; float: left; height: 45px;}
.geschenk{background-image: url(images/sitegifs/layout/button_geschenk.png); background-repeat: no-repeat; width: 38px; float: left; height: 45px;}
.internet{background-image: url(images/sitegifs/layout/internet_left.png); background-repeat: no-repeat; width: 38px; float: left; height: 45px;}
.blumen {background-image: url(images/sitegifs/layout/button_blumen.png); background-repeat: no-repeat; width: 38px; float: left; height: 45px;}
.button_m_fix, .button_m_fix_r {background-image: url(images/sitegifs/layout/but_middle.png); background-repeat: repeat-x; width: 119px; float: left; height: 45px; padding:0;}
.button_r {background-image: url(images/sitegifs/layout/but_right.png); background-repeat: no-repeat; width: 18px; float: left; height: 45px;}

.head_links {float: left; margin-bottom: 5px; margin-left: 0; padding-left:0;}
.head_links_txt {font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 16px; color: #fff; font-weight: bold; font-style: italic; padding-top: 20px; padding-left: -10px; text-align: left;}
.head_links_txt11 {font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 11px; color: #fff; font-weight: bold; font-style: italic; padding-top: 20px; padding-left: 0px; margin-left:-15px;text-align: left;}
.head_links_l {background-image: url(images/sitegifs/layout/but_left_2.png); background-repeat: no-repeat; width: 18px; float: left; height: 60px; margin:0px 0px 5px 13px;}
.head_links_m {background-image: url(images/sitegifs/layout/but_mid_2.png); background-repeat: repeat-x; width: 110px; float: left; height: 60px;}
.head_links_r  {background-image: url(images/sitegifs/layout/but_right_2.png); background-repeat: no-repeat; width: 50px; float: left; height: 60px; margin-right: 5px;}

/* Rote Buttons im Content*/
.but {float: left; margin-bottom: 10px;}
.but a.but {font-size: 12px; color: #fff!important; font-weight: bold; text-decoration: none!important; line-height: 12px; padding-top: 10px;}
.but_l_r{background-image: url(images/sitegifs/layout/but_l_r.png); background-repeat: no-repeat; width: 27px; float: left; height: 35px;}
.but_m_r {background-image: url(images/sitegifs/layout/but_m_r.png); background-repeat: repeat-x; width: auto; float: left; height: 35px;}
.but_r_r {background-image: url(images/sitegifs/layout/but_r_r.png); background-repeat: no-repeat; width: 14px; float: left; height: 35px; margin-right: 5px;}