html {height:100%;}
body {margin: 0px; padding:0px; background-color:#476393;height:100%;font: 11px Trebuchet, Arial, Helvetica;color: #666666;}
table {border: none; table-layout:fixed;}
td {vertical-align:top;}

#adminbody{
	background-color:#dddddd;
}
/* ### Navieinträge ------------------------------------------ ### */
a.footer {font-family: Trebuchet, Arial, Helvetica; font-size:10px; color:#888888; text-decoration:none;}
a.footer:link {color: #888888;}
a.footer:visited {color: #888888;}
a.footer:hover {color: #666666;}
a.footer:active { color: #888888;}

a.header {font-family: Trebuchet, Arial, Helvetica; font-size:11px; color:#888888; text-decoration:none;}
a.header:link {color: #888888;}
a.header:visited {color: #888888;}
a.header:hover {color: #666666;}
a.header:active { color: #888888;}

.leftnavitop {font-family: Trebuchet, Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; text-transform:uppercase;margin-top: 0px; margin-left:0px; margin-right:0px; margin-bottom: 22px; color: #466393;}

#leftnavi {
	position:absolute;
	top:0px;
	left:0px;
	width:200px;
	height:100%;
	border: #0000ff 0px solid;
	padding-left:30px;
}
.leftnavi a {
	width: auto;
	display: block;
	text-indent: 14px;
	padding-top: 4px;
	text-decoration: none;
	font-family: Trebuchet, Arial, Helvetica;
	font-size:12px;
	font-weight: normal;
	text-transform:uppercase;
	color: #888888;
}
.leftnavi a:link {color: #888888;}
.leftnavi a:visited {color: #888888;}
.leftnavi a:hover {color: #666666;}
.leftnavi a:active { color: #888888;}

.contentnavi {
	position:absolute;
	top:4px;
	left:230px;
	height:14px;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color:#888888;
	border: #444444 0px solid;
}
.leitseite_head {
	margin-left: 40px;
	text-decoration: none;
	font-family: Trebuchet, Arial, Helvetica;
	font-size:16px;
	font-weight:bold;
	line-height:19px;
	color: #466393;
}
.leitseite_head a:link {color: #466393;}
.leitseite_head a:visited {color: #466393;}
.leitseite_head a:hover {color: #666666;}
.leitseite_head a:active { color: #466393;}

.leitseite_body {
	margin-left: 40px;
	margin-top: 2px;
	margin-bottom: 0px;
	text-decoration: none;
	font-family: Trebuchet, Arial, Helvetica;
	font-size:12px;
	line-height:16px;
	font-weight: normal;
	color: #888888;
}
.leitseite_body a:link {color: #888888;}
.leitseite_body a:visited {color: #888888;}
.leitseite_body a:hover {color: #666666;}
.leitseite_body a:active { color: #888888;}


/* ### allgemeine Formatierungen ------------------------------------------ ### */
h1 {font-family: Trebuchet, Arial, Helvetica, sans-serif; font-size: 14pt; font-weight: bold; margin-top: 25px; margin-left:0px; margin-right:0px; margin-bottom: 30px; color: #466393; line-height:16pt;}
h2 {font-family: Trebuchet, Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: bold; margin-top: 32px; margin-left:0px; margin-right:0px; margin-bottom: 10px; color: #000000;}
h3 {font-family: Trebuchet, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; margin-top: 25px; margin-left:0px; margin-right:0px; margin-bottom: 10px; color: #000000;}
h4 {font-family: Trebuchet, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; margin-top: 0px; margin-left:0px; margin-right:0px; margin-bottom: 2px; color: #000000;}

a {font-family: Trebuchet, Arial, Helvetica; font-size:10pt; color:#0033CC;}
a:link {color: #466393;}
a:visited {color: #466393;}
a:hover {color: #333333;}
a:active { color: #466393;}

p {font-family: Trebuchet, Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: normal; margin-top: 0px; margin-left:0px; margin-right:0px; margin-bottom: 10px; color: #666666; line-height:15pt;}
img {border: none;}
ul {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10pt; 
	font-weight: normal;
	color: #666666;
	margin-left:15px;
	margin-bottom:15px;
	padding:0px;}
li {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10pt; 
	font-weight: normal;
	padding:0px;
	margin-top:5px;
	margin-left: 0px;
	margin-bottom: 0px; 
	list-style-type: circle;
	list-style-position: outside;
	color: #666666; 
	line-height:16px;}
	
/* ### Newsseiten ----------------------------------------------- ### */
.news {
	font-family: Trebuchet, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-weight: normal;
	text-decoration: none;
	margin: 0px;
	padding-right: 140px;
	color: #666666; 
	line-height:13px;
}
.news:link {color: #666666;}
.news:visited {color: #666666;}
.news:hover {color: #333333;}
.news:active { color: #666666;}
.newsblock {
	display:block;
	overflow:hidden;
	float:left;
	width:500px;
	height:100px;
	border: #000000 0px solid;
	padding-left: 38px;
	padding-top: 27px;
}




/* ### Kontaktformular ------------------------------------------ ### */
.field {font-family: Trebuchet, Arial, Helvetica; font-size:12px; line-height:12px; background-color: #eeeeee;}
.fieldradio {font-family: Trebuchet, Arial, Helvetica; font-size:12px; line-height:12px;}
.fieldtextarea {font-family: Trebuchet, Arial, Helvetica; font-size:11px; line-height:12px; background-color: #eeeeee;}
.fieldmail {font-size:12px; line-height:12px; font-weight:bold;margin-top:0px;}
.fieldname {font-size:11px; line-height:12px;margin-bottom: 8px;}
.fieldnameerror {color: #ff0000; font-family: Trebuchet, Arial, Helvetica; font-size:11px; line-height:12px;margin-bottom: 10px;}


/* ### Struktur ------------------------------------------ ### */
#pagearea {
	position:relative;
	display:block;
	top:0px;
	left:0px;
	width:898px;
	height:100%;
	background-color:#dddddd;
}
#headbartop {
	position:relative;
	top:0px;
	left:0px;
	width:898px;
	height:221px;
	background-color: #dddddd;
	padding-top:0px;
	border: #ffff00 0px solid;
}
#headbarbottom {
	position:relative;
	top:0px;
	left:0px;
	width:898px;
	background-color: #dddddd;
	border: #ff0000 0px solid;
	z-index:2;
}
#naviarea {
	width:100%;
	height:20px;
	clear:both;
	background-color: #dddddd;
	border-top: #dddddd 2px solid;
	border-bottom: #dddddd 2px solid;
}

#searcharea {
	display:inline;
	position:relative;
	left:0px;
	top:7px;
	display:inline;
	float:left;
	width:200px;
	height:20px;
	vertical-align:top;
}
#searchfield {
	display:inline;
	position:relative;
	display:inline;
	float:left;
	top:0px;
	width:200px;
	height:18px;
	padding:0px;
	margin:0px;
	color:#666666;
	font-size:12px;
	border:#999999 1px solid
}
#searchbuttons {
	position:relative;
	display:inline;
	float:left;
	top:0px;
	left:4px;
	padding:0px;
	margin-top:7px;
}
#flasharea {
	position:relative;
	width:898px;
	height:91px;
	background-color: #dddddd;
	z-index:0;
}
.seperator {
	position:relative;
	width:100%;
	height:14px;
	background:url(images/seperator.gif);
}
#contentarea {
	position:relative;
	display:block;
	margin-top:20px;
	width:890px;
	margin-bottom:20px;
	vertical-align:top;
	background-color: #dddddd;
	border: #00ee00 0px solid;
}

#content {
	position:relative;
	top:20px;
	left:230px;
	width:668px;
	overflow:auto;
	border: #004400 0px solid;
}

#footarea {
	position:relative;
	height:18px;
	clear:both;
	border: #888888 0px solid ;
	background-color: #cccccc;
}
#footcontent {
	position:absolute;
	display:block;
	bottom:0px;
	left:0px;
	margin-bottom:2px;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	color:#888888;
	vertical-align:top;
	width:100%;
}


/* ### dock fisheye ------------------------------------------ ### */
.dock {
	position: relative;
	height: 70px; 
	text-align: center;
	width: 100%;
	padding-top:10px;
	border: #00ee00 0px solid;
	z-index:1;
}
.dock-container {
	position: absolute;
	height: 50px;
}
a.dock-item {
	display: block; 
	font: bold 12px Arial, Helvetica, sans-serif;
	width: 64px; 
	color: #000; 
	top: 0px; 
	position: absolute;
	text-align: center;
	text-decoration: none;
	white-space:nowrap;
}
.dock-item img {
	border: none; 
	margin: 5px 10px 0px; 
	width: 100%; 
}
.dock-item span {
	display: none;
	padding-left: 5px;
	padding-right: 0px;
}

/* ### Galerie ------------------------------------------ ### */
.galerieimagearea {
	position:relative;
	width:110px;
	height:110px;
	text-align:center;
	vertical-align:middle;
	float:left;
	border: #eeeeee 1px solid;
	margin:2px;
	background-color: #fafafa;
}
.galerieimage {
	vertical-align:middle;
	border: 0px;
}


/* ### Navi Kopfzeile ----------------------------------- ### */
.horizontalcssmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.horizontalcssmenu ul li{
position: relative;
display: inline;
float: left;
background: url(images/naviback.gif) center center repeat-x;
}

/*Top level menu link items style*/
.horizontalcssmenu ul li a{
display: block;
float:left;
height:20px;
padding-top:3px;
padding-left: 12px;
padding-right: 12px;
text-decoration: none;
text-transform:uppercase;
border-right: #dddddd 2px solid;
border-bottom: #dddddd 1px solid;
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
vertical-align:bottom;
}
.horizontalcssmenu ul li a:link {color: #ffffff;}
.horizontalcssmenu ul li a:visited {color: #ffffff;}
.horizontalcssmenu ul li a:hover {color: #ff9933;}
.horizontalcssmenu ul li a:active { color: #ffffff;}
	
.horizontalcssmenu .arrowdiv{
position: absolute;
right: 0;
}

* html p#iepara{ /*For a paragraph (if any) that immediately follows menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
	
/* Holly Hack for IE \*/
* html .horizontalcssmenu ul li { float: left; height: 1%; }
* html .horizontalcssmenu ul li a { height: 1%; }
/* End */


/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0px;
left: 0px;
border-bottom: 1px solid #c1d0e5;
line-height:15px;
z-index:100;
background-color: #b3c3dc;
width: 150px;
visibility: hidden;
}


.dropmenudiv a{
width: auto;
display: block;
text-indent: 0px;
border-top: 1px solid #bbb; /*THEME CHANGE HERE*/
padding-left: 4px;
padding-top: 2px;
padding-bottom: 2px;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
font-weight: normal;
color: black;
}

* html .dropmenudiv a{ /*IE only hack*/
	width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
	background-color: #a2b1c6;
}