/* CSS Document */
html, body{
	height:100%;
	margin:0;
	padding:0;
	background-color:#dbdde4;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
}

h1, h2, h3, h4, h5, h6{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#990000;
/*	color:#bf581c; */
	margin:0;
	padding:0;
	font-weight:normal;
}

h1{
	font-size:22px;
}

h2{
	font-size:20px;
}

h3{
	font-size:18px;
}

h4{
	font-size:16px;
}

h5{
	font-size:12px;
}

h6{
	font-size:12px;
}

img{
	border:0;
}

a:link 		{ font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none; font-size:12px; color:#12378d; }
a:visited	{ font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none; font-size:12px; color:#12378d; }
a:hover 	{ font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none; font-size:12px; color:#f7bc1f; }
a:active 	{ font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none; font-size:12px; color:#12378d; }
a:focus 		{ font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none; font-size:12px; color:#12378d; }

.link_vida{
	color:#004695;
}
.link_vida:hover{
	color:#fba005; text-decoration:underline;
}

#center-body {
	padding:0; 
	width:914px;
	min-height:650px;
	position:absolute;
	top:275px;                  
	left:50%;
	margin:-250px 0 0 -457px; /* jeweils die Hälfte der Gesamthöhe und -breite */
	background:url(../../images/global/back.png) repeat-y;
}

/* min-height für den IE */
* html #center-body {
	height:550px;             /* das selbe Maß wie oben bei min-height */
}

/* Die Headnavigation */
#top_navigation{
	width:914px; float:left; height:33px; background:url(../../images/global/head.png) no-repeat;
}

#navigation{
	float:left; width:650px; margin:7px 0 0 20px; padding:0; list-style:none; display:inline;
}

#navigation li{
	width:auto; float:left; margin:0 10px 0 0; padding:5px 10px 5px 0; display:block; background:url(../../images/global/points_navi.png) no-repeat right center;
}

#kontakt_navi{
	width:150px; float:right; padding:0; margin:7px 0 0 0; list-style:none; display:inline; text-align:center;
}

#kontakt_navi a{
	color:#ffffff; display:block; padding:5px;
}

#brotkrumen{
	width:630px; float:left; margin:5px 0 0 0; vertical-align:middle; font-size:11px; text-transform:uppercase;
}

#brotkrumen a{
	font-size:11px; text-transform:uppercase;
}

/* CONTENT */
#content{
	width:880px; float:left; margin:10px 17px 10px 17px; display:inline; line-height:1.5;
}

#header{
	width:880px; float:left; display:inline;
}

#header div{
	float:left; display:inline;
}

/**
Kalender
*/
#kalender{
	width:232px; height:314px; background:url(../../images/global/kalender.png); padding:5px 5px 5px 10px; text-align:left; color:#ffffff;
}

#kalender h1{
	color:#f7bc1f; margin:0; padding:0; font-size:12px; letter-spacing:1px; width:230px; float:left; margin-bottom:5px; font-weight:bold;
}

#kalender h2{
	color:#f7bc1f; margin:0; padding:0; font-size:12px;
}

#kalender div{
	width:230px; text-align:justify; float:left; margin:5px 0 5px 0;
}

#kalender a{
	width:230px; float:left; text-align:right; margin-top:3px; color:#f7bc1f;
}

#kalender a:hover{
	color:#999999;
}

#kalender br{
	line-height:10px;
}

/**
CONTENT - BEREICHE
*/
#linkeSeite{
	width:650px; float:left; min-height:450px; background:url(../../images/global/point_grey_hor.png) right top repeat-y; margin:15px 0 10px 0; display:inline;
}

#rechteSeite{
	width:220px; float:left; margin:15px 0 0 10px; display:inline;
}
/* min-height für den IE */
* html #linkeSeite {
	height:450px;             /* das selbe Maß wie oben bei min-height */
}

/*
#linkeSeite_aktuelles{
	width:500px; float:left; min-height:450px; background:url(../../images/global/point_grey_hor.png) right top repeat-y; margin:15px 0 10px 0; display:inline;
}

#rechteSeite_aktuelles{
	width:360px; float:left; margin:15px 0 0 10px; display:inline;
}
/* min-height für den IE */
* html #linkeSeite_aktuelles {
	height:450px;            
}

#linkeSeite_aktuelles{
	width:555px; float:left; min-height:450px; background:url(../../images/global/point_grey_hor.png) right top repeat-y; margin:15px 0 10px 0; display:inline;
}

#rechteSeite_aktuelles{
	width:300px; float:left; margin:20px 0 0 15px; display:inline;
}


#linkeSeite_kalender{
	width:635px; float:left; min-height:450px; background:url(../../images/global/point_grey_hor.png) right top repeat-y; margin:15px 0 10px 0; display:inline;
}

#rechteSeite_kalender{
	width:232px; float:left; margin:15px 0 0 5px; display:inline;
}
/* min-height für den IE */
* html #linkeSeite_kalender {
	height:450px;             /* das selbe Maß wie oben bei min-height */
}

/**
Footer 
*/
#footer{
	width:914px; float:left; height:140px; background:url(../../images/global/footer.png) no-repeat; background-color:#dbdde4; 
	display:inline; font-size:11px; color:#a8a6a6;
}

#footer_content{
	width:900px; float:left; margin:0 7px 0 7px; border-top:10px solid #618699; display:inline; padding-top:10px;
}

#footer_left{
	width:500px; float:left; margin:0 0 0 10px;
}

#footer h1{
	width:470px; float:left; height:20px; font-size:11px; background:url(../../images/global/points_footer.png) bottom repeat-x; color:#a8a6a6; margin-bottom:5px;
}

#footer_left a{
	width:auto; display:block; color:#a8a6a6; font-size:11px; float:left; margin:3px 0 5px 0; text-transform:uppercase;
}

#footer_left span{
	width:15px; float:left; text-align:center;
}

#footer_left div{
	float:left; width:500px; font-size:10px;
}

#footer_right{
	width:184px; float:right; margin:5px 10px 0 0; position:relative; text-align:right;
}

/** 
SEPERATE HOVER DEFINITIONEN
*/
#footer_left a:hover, #kontakt_navi a:hover, #berichte_start a:hover, #berichte_aktuelles_uebersicht h3 a:hover, #gallery_vorschau a:hover,
#aktuelles_rechts_gallery a:hover, #aktuelles_lastpics a:hover{
	color:#f7bc1f;
}