/* ............................. global settings ............................. */
body
{
	margin: 0; padding: 0; text-align: center; background: #EEF2F6; font: 100.01% Arial, Helvetica, sans-serif; background: url(../globalbackgrounds/body2.gif) repeat-y top center #EEF2F6;
}

.cleaner
{
	clear: both; height: 1px; font-size: 0.1em;
}


/* ............................. layout ............................. */
#colleft
{
	position: absolute; top: 0px; left: 0px; width: 50%; height: 242px; background: url(../globalbackgrounds/links.jpg) repeat-x;
}

#colright
{
	position: absolute; top: 0px; right: 0px; width: 50%; height: 242px; background: url(../globalbackgrounds/rechts.jpg) repeat-x;
}

#headout
{
	position: absolute; top: 0px; left: 0px; width: 100%; height: 200px; background: url(../globalbackgrounds/head_out.gif) no-repeat top center;
}

#contentout
{
	position: absolute; top: 235px; left: 0px; width: 100%; height: 242px; background: url(../globalbackgrounds/content_out.gif) no-repeat top center;
}

#header
{
	position: absolute; top: 0px; left: 0px; width: 100%; height: 262px; background: url(../globalbackgrounds/header.jpg) no-repeat top center; z-index: 100;
}


	#headerinfo

	{
		margin: 192px auto 0; width: 550px; height: 40px; text-align: left; font-size: 0.8em;
	}
	
	#headerinfo div
	{
		margin-left: 250px;
	}

#body
{
	position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: url(../globalbackgrounds/body.gif) repeat-y top center;
}

#content
{
	width: 996px; margin: 262px auto 0px; text-align: left; background: url(../globalbackgrounds/content.jpg) no-repeat top center;
}

#right
{
	width: 215px; margin-top: 25px; float: right;
}

#right iframe
{
	margin-left: 30px; 
}

#contentelements
{ 
	width: 456px; float: left; font-size: 0.8em;
}

/* ............................. navigation ............................. */
#navi
{
	width: 325px; float: left;
}

#navi ul
{
	margin: 11px 0 0 0; padding: 0; list-style: none;
}
	#right ul
	{
		margin: 0; padding: 0; list-style: none;
	}

#navi ul li.layer1
{
	margin: 0 28px 0 66px;
}

	#right ul li
	{
		margin: 0 0 0 30px;
	}

#navi ul li.layer1 a, #navi ul li.layer1 a:link, #navi ul li.layer1 a:visited,
#right ul li a, #right ul li a:link, #right ul li a:visited
{
	display: block; height: 32px; font-size: 0.8em; letter-spacing: 0.1em; color: #072B49;
}

#navi ul li.layer1 a
{
	background: url(../globalbackgrounds/navi.gif) no-repeat;
}

#navi ul li.layer1 a:hover, #navi ul li.layer1 a:active
{
	color: #000; background: url(../globalbackgrounds/navi_ho.gif) no-repeat;
}

#navi ul li.layer1 a span
{
	display: block; padding: 2px 0 0 30px;
}

#right ul li a
{
	text-align: center; background: url(../globalbackgrounds/navi_imprint.gif) no-repeat;
}

#right ul li a:hover, #right ul li a:active
{
	color: #000; background: url(../globalbackgrounds/navi_imprint_ho.gif) no-repeat;
}

#right li a span
{
	padding-top: 4px; display: block; text-align: center;
}

#banner
{
	margin: 26px 0 0 0; padding: 0; display: block; text-decoration: 0; width: 456px; height: 65px;
}

/* ............................. text ............................. */
h1, h2, h3, p
{
	padding: 0;
}

h1
{
	margin: 6px 0 0 0; font-size: 1.1em; line-height: 2em; letter-spacing: 0.1em; color: #072B49;
}

#right h1
{
	margin: 0 0 10px 30px; font-size: 0.8em; font-weight: normal; line-height: 1em; letter-spacing: 0.1em; color: #072B49;
}

h2
{
	margin: 4px 0 0 0; font-size: 1em; letter-spacing: 0.1em; line-height: 1.5em; color: #B53D33;
}

	h2 a, h2 a:link, h2 a:visited, h2 a:hover, h2 a:active
	{
		text-decoration: none !important; color: #B53D33 !important;
	}

h2.guestbook
{
	margin-bottom: 10px;
}

h3
{
	margin: 8px 0 0 0; font-size: 0.9em; line-height: 1.5em;
}

h3.guestbook
{
	font-weight: normal;
}

p, span.guestbookentry
{
	margin: 4px 0 8px 0; line-height: 1.4em; text-align: justify;  
}

#right p
{
	padding-top: 15px; font-size: 0.7em; text-align: center;
}

p.guestbook
{
	background: #072B49; color: #FFF; margin: 10px 0; padding: 3px;
}

p.browse
{
	text-align: center;
}

#right strong, strong.guestbook
{
	color: #072B49;
}

ul
{
	padding: 0; margin-left: 40px; line-height: 1.5em; list-style: square;
}

ul.linkliste
{
	padding: 0; margin-left: 20px; list-style: none;
}

ul.linkliste a
{
	padding: 0 13px 0 0; background: url(../globalbackgrounds/arrow_blue.gif) no-repeat center right;
}

ul.gallery
{
	margin: 0; padding: 0; list-style: none;
}

ul.gallery li
{
	float: left; margin: 0 20px 15px 0;
}

ul.gallery li img
{
	width: 120px; height: 90px;
}

ul.gallery li a
{
	padding-bottom: 5px; text-decoration: none; display: block; border: 2px solid #072B49; background: #072B49;
}

ul.gallery li a:hover
{
	border: 2px solid #B53D33; background: #B53D33;
}

#popup
{
	padding-top: 5px; text-align: center; background: #FFF;
}

#popup p
{
	font-size: 0.8em; text-align: center;
}

/* ............................. links ............................. */
#contentelements a, #contentelements a:link, #contentelements a:visited
{
	text-decoration: none; color: #477398;
}

#contentelements a:hover, #contentelements a:active
{
	text-decoration: underline;
}

#contentelements a.blue
{
	padding: 0 14px 0 0; color: #072B49 !important; background: url(../globalbackgrounds/arrow_blue.gif) no-repeat center right;
}

#contentelements a.bluedown
{
	padding: 0 14px 0 0; color: #072B49 !important; background: url(../globalbackgrounds/arrow_bluedown.gif) no-repeat center right;
}

#contentelements a.red
{
	padding: 0 13px 0 0; color: #B53D33 !important; background: url(../globalbackgrounds/arrow_red.gif) no-repeat center right;
}

p.guestbook a
{
	color: #FFF !important;
}

p.browse a
{
	color: #072B49 !important;
}

p.browse a.aktiv
{
	padding: 0 4px; font-weight: bold; color: #FFF !important; background: #072B49;
}

h2.gallery
{
	padding: 3px; background: #072B49;
}

h2.gallery a, h2.gallery a:link, h2.gallery a:visited
{
	display: block; color: #FFF !important;
}

h2.gallery a:hover
{
	text-decoration: underline !important;
}

/* ............................. forms ............................. */
label
{
	width: 150px; display: block; float: left;
}

label span
{
	display: block; margin-top: 3px;
}

input, textarea
{
	width: 300px; margin-bottom: 5px; padding: 2px; border: 1px solid #000; font: normal 1em Arial, Helvetica, sans-serif;
}

textarea
{
	overflow: auto;
}

button
{
	width: 146px; margin-right: 5px; border: 1px solid #072B49; background: #E0E7EE; font-weight: bold; color: #072B49;
}

/* ............................. calendar ............................. */
#calendar
{
	margin: 0px; padding: 0px;
}

.calendar
{
	margin: 0px; padding: 0px; cellspacing: 0px; background: url(../globalbackgrounds/calendar.gif);
}

table
{
	width: 182px;
}

a
{
	text-decoration: none; color: #072B49;
}

.calhead
{
	background: #A9BCD0; 
}

.calheadwe
{
	background:#072B49; color: white;
}

.currentdt
{
	background: #A9BCD0;
}

.entry
{
	background-color: #B53D33;
}

.entry a
{
	color: white; font-weight: bold;
}

.entry a:hover
{
	color: black;
}

.entrycurrentdt
{
	background: #A9BCD0;
	
}

.entrycurrentdt a
{
	font-weight: bold;
}

.entrycurrentdt a:hover
{
	color: white;
}

.calendar
{
	font-size: 11px; color: #3F4350;
}

#calendar .gobackcal
{
	background: url(../globalbackgrounds/gobackcal.gif) no-repeat 0px 0px; display:block;
}

#calendar .gobackcal:hover
{
	background: url(../globalbackgrounds/gobackcal_ho.gif) no-repeat 0px 0px; text-decoration:none;
}

#calendar .goforewardcal
{
	background: url(../globalbackgrounds/goforewardcal.gif) no-repeat 0px 0px; display:block;
}

#calendar .goforewardcal:hover
{
	background: url(../globalbackgrounds/goforewardcal_ho.gif) no-repeat 0px 0px; text-decoration:none;
}