/* -- Allgemein -- */

* {
	margin: 0;
	padding: 0;
	list-style:none;
	text-decoration:none;
	}

html, body {
	font: 0.625em 'Trebuchet MS', Tahoma, sans-serif;
	color:#5D769E;
	background:#D9E1EF url(/tpl/img/hg/bg-wrapper.gif) repeat-y;
	}

hr { height: 1px; clear:both; color:#5D769E; background:#5D769E; border:0; }

h1 { font: 1.5em 'Trebuchet MS', sans-serif; text-transform:uppercase; font-weight:bold;}
h2 { font-size:1.3em; }
h3 { font-size:1.2em; }
h4 { font-size:1.0em; }


/* -- frosti -- */
.ebanner_swf, .ebanner_pic { width:173px; height:210px; margin-top:10px; }
#eventbanner .box .banner .ebanner_pic,
#eventbanner .box .banner .ebanner_swf {width:173px; height:210px; margin-top:0px;}




/* -- links -- */
a:link, a:visited, a:active { text-decoration: none; color: #6A90CC; }
a:hover { text-decoration: none; color: #111; }
#eventbanner a:link, #eventbanner a:visited, #eventbanner a:active { text-decoration: underline; color:#6A90CC; }
#eventbanner a:hover { text-decoration: none; color: #5D769E; background:#EDF4FF; }



/* -- Content, Allgemein -- */
#wrapper { margin:0 0; width:995px; font-size:2.2em;}
#wrapper-cont {background:#fff; float:left; width:815px;}
#wrapper-cont #navi {float:left; width:120px;}
#wrapper-cont #content {margin:0 10px 0 20px; float:left; width:663px;}
#wrapper-bg {float:left; width:180px;}
#wrapper-bg .grafik {float:left; width:30px; padding:0px 0 0 0;}
#wrapper-bg .banner {float:left; width:120px; padding:30px 0 0 15px;}

#header { padding:1px 0 50px 0; text-align:center; }
#header .bild { border:0px solid #fff; border-width:0px 0px 0 0px; }
#content .bread {font-size:0.7em; padding:0 0 10px 0;}
#content .selflink {font-size:0.7em; padding:10px 0 0 0;}
#content .content {line-height:1.4em;}

#footer { width:auto; background:#7F9BC8 url(/tpl/img/footer/bg-footer.gif) repeat-x; padding:10px 0 0 0; margin:0px 0 0 0; text-align:center; color:#fff; }
#footer-anker  { height:24px; padding:0px 0 0 0; margin:50px 15px 0 0; text-align:right; }
#footer .logo { float:left; width:140px; margin:30px 0 0 140px;}
#footer .partner { float:left; width:500px; margin:27px 0 0 5px; text-align:left; font-size:0.8em;}
#footer .partner strong { color:#DBE8FF; font-size:1.5em;}
#footer .css { float:left; width:500px; color:#9BFF4C; margin:5px 0 60px 285px; font-size:1.2em; font-weight:bold; text-align:left; }
#footer em { color:#DBE8FF; font-size:0.8em; font-style:normal;}

#footer a:link, #footer a:visited, #footer a:active { text-decoration: none; color:#fff; }
#footer a:hover { text-decoration: underline; color: #DBE8FF; }


.col-1 {float:left; width:500px;}
.col-2 {float:right; width:145px; margin:0 0 0 10px;}
#event .col-1 {float:left; width:472px;}
#event .col-2 {float:right; width:173px; margin:0 0 0 10px;}
.col-1-01 {float:left; width:50%;}
.col-1-02 {float:left; width:50%;}

#wrapper-cont #content, 
#gbuch .cont-gb .inhalt, 
#gbuch .cont-gb .inhalt p,
#gbuch .cont-gb .inhalt b,
#gbuch .cont-gb .comment,
#gbuch .cont-gb .comment p,
#impressum .klein ul {line-height:1.3em;}

.klein {font-size:0.8em;}
.klein2 {font-size:0.7em;}
.abstand {height:20px; clear:both;}
.abstand-o {margin-top:20px; clear:both;}
.abstand-o2 {margin-top:5px; clear:both;}
.abstand-u {margin-bottom:10px; clear:both;}
.zentriert {text-align:center}
.break {clear:both; overflow:hidden}
.hoehe-5 {clear:both; height:5px}
.hoehe-10 {clear:both; height:10px}
.hoehe-20 {clear:both; height:20px}
.hoehe-30 {clear:both; height:30px}
.hoehe-50 {clear:both; height:50px}
.unsichtbar {display:none}


.trenner { height:7px; background:url(/tpl/img/dot.gif) repeat-x; margin:4px 0 0 0; clear:both; }
.system_info { font-weight:bold; color:#ff0000; }
.clear { clear:both; overflow:hidden; }
.col_info { background:#fff; }






/* -- Navigation -- */
#navi ul {}

#navi li  {
	background:none;
	padding:0 0 5px 0px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	font:bold 15px 'Trebuchet MS', Tahoma, sans-serif;
	text-transform:uppercase;
}

#navi li a {
	display:block;
	color:#5D769E;
	padding:2px 0 4px 17px;
}

#navi li a:hover {
	background: url(/tpl/img/navi/hover2.gif) no-repeat;
	color:#fff;
}

#navi li.aktiv a {
	background: url(/tpl/img/navi/aktiv2.gif) no-repeat;
	color:#5D769E;
}


/* -- Gästebuch -- */
#gbuch .cont-gb {background:#fff url(/tpl/img/verlauf-blau.gif) repeat-x; margin:0 0 30px 0; border:0px solid #A5BADC; line-height:1.5em;}
#gbuch .cont-gb .tab {background:#A5BADC url(/tpl/img/tab/hg.gif) repeat-x; height:25px;}
#gbuch .cont-gb .tab {color:#fff; text-transform:uppercase; font-weight:bold;}
#gbuch .cont-gb .li {float:left; padding:4px 0 0 4px;}
#gbuch .cont-gb .re {float:right; padding:4px 4px 0 0; color:#D1DBED; font-weight:bold; font-size:0.7em;}
#gbuch .cont-gb .inhalt {float:left; width:505px; padding:10px 0 0 10px;}
#gbuch .cont-gb .inhalt2 {float:left; padding:10px;}
#gbuch .cont-gb .comment {margin:10px 10px 10px 10px; padding:10px; border:2px dotted #A5BADC; background:#FFFFE5; font-style:italic; }
#gbuch .cont-gb .icon {float:right; width:85px; text-align:right; padding:10px 10px 0 0;}
#gbuch .cont-gb .icon p {padding:0 0 5px 0; font-size:0.6em;}
#gbuch .info {padding:10px 0;}

#form-gb { margin:10px 0 0 0; padding:10px; background-color: #ffffcc; border:1px solid #D7D791;}
#form-gb .li { float:left; width:150px; padding:0 0 5px 0;}
#form-gb .re { float:left; width:200px; padding:0 0 5px 0;}
#form-gb .re .form_input, #form-gb .re .form_text { padding:5px; border:1px solid #D7D791; width:195px; font:1.0em 'Trebuchet MS', sans-serif;}



/* -- Kalender -- */
.level_zz, .level_cc, .level_vv { float:left; width:33%; height:25px; }
.level_zz { text-align:left; font-size:2.5em; }
.level_cc { text-align:center; }
.level_vv { text-align:right; font-size:2.5em; }


/* -- Events -- */
#event .kalender { margin:10px 0 20px 0; padding:5px; background-color: #ffffcc; border:1px solid #D7D791; color:#9E9E4D; }
#event .kalender .col_info {border:1px solid #D7D791; padding:0 2px; }
#event .kalender a:link, #event .kalender a:visited, #event .kalender a:active { text-decoration: none; color:#9E9E4D;}
#event .kalender a:hover { text-decoration: none; color:#BEBA42; }

#event .ausgabe .tag { float:left; width:100px; background: url(/tpl/img/icon-kalender.gif) no-repeat; height:120px; margin:0 0 0 0px; }
#event .ausgabe .tag .tag-1 { font-size:10px; text-transform:uppercase; color:#fff; padding:11px 0 10px 12px;}
#event .ausgabe .tag .tag-2 { font-size:13px; font-weight:bold; letter-spacing:-0.08em; padding:1px 0 10px 9px;}
#event .ausgabe .text { float:left; width:370px; margin:0 0px 30px 0; }
#event .ausgabe .text h4 { font-size:1.5em; }
#event .ausgabe .text .box { border:1px dotted #5D769E; border-width:1px 0 1px 0; margin:5px 0 0px 0; }
#event .ausgabe .text .box-links { float:left; width:250px; }
#event .ausgabe .text .ort { margin:3px 0 0px 0; font-size:0.8em; font-style:italic; }
#event .ausgabe .text .art { margin:-2px 0 5px 0; font-size:0.8em; font-style:italic; }
#event .ausgabe .text .www { float:right; width:30px; overflow:hidden; margin:5px 0 0px 0; }

#event .ausgabe .text .eventausgabe { background: url(/tpl/img/verlauf-blau.gif) repeat-x; padding:5px 0 0 0; min-height:72px; }

#eventbanner {margin:0px 0 0 0px;}
#eventbanner .text {float:left; width:125px; padding:0px 0 0 0; line-height:1.5em;}
#eventbanner .text h4 {font-size:1.5em; font-style:italic; padding:20px 0 20px 0; margin:0 0 10px 0; background:#f5f5f5; border:1px solid #5D769E; border-width:1px 0;}
#eventbanner .box {float:right; width:370px;}
#eventbanner .box .banner {float:left; width:173px; margin-left:12px;}
#eventbanner .box .banner .hg {background: url(/tpl/img/bg-events.gif) repeat-x; height:62px;}

.navi-banner {padding:45px 0 0 15px; }


/* -- Weblog -- */
#weblog .inhalt_pic {float:left; width:190px; height:142px; background: url(http://blog.15ost.de/tpl/img/blog-teaser-hg2.gif) no-repeat;}
#weblog .inhalt_pic img {border:0; margin:12px 0 0 14px;}
#weblog .inhalt_cont {float:left; width:310px;}
#weblog .kommentar-box {margin:10px 0;}





/* -- Tags -- */
#taggadelic ul {margin:10px 0 0 0;}
#taggadelic ul li {float:left; margin:0 10px 0px 0; height:30px}
#taggadelic .tag0 {font-size:0.7em}
#taggadelic .tag1 {font-size:0.8em}
#taggadelic .tag2 {font-size:0.9em}
#taggadelic .tag3 {font-size:1.0em}
#taggadelic .tag4 {font-size:1.1em}
#taggadelic .tag5 {font-size:1.2em}
#taggadelic .tag6 {font-size:1.3em}
#taggadelic .tag7 {font-size:1.4em}
#taggadelic .tag8 {font-size:1.6em}
#taggadelic .tag9 {font-size:1.8em}



.infobox {background:#C9EC80; border:2px dotted #7A8F50; margin:0px 0 25px 0; text-align:left;}
.infobox .box {padding:15px 20px 10px 20px; color:#7A8F50}


.infobox .box .infobox-li {float:left; width:60px}
.infobox .box .infobox-re {float:left; width:390px; line-height:1.8em; font-size:0.9em;}



#impressum .klein p {padding:10px 0 0 0; font-size:1.2em; }
#impressum .klein {font-size:0.8em; color:#879FC5;}

.logo-kreis {text-align:right;}


/* -- Links -- */
#links h2 {margin:20px 0 5px 0; padding:0 0 3px 0; border:1px dotted #5D769E; border-width:0 0 1px 0; }
li.li-leer {height:15px; background:none;}