html { font-size: 75%; background: #fff url('../images/bg.png') repeat-x; }

/* BLOCK POSITIONS / SIZES */
body { width: 900px; margin: 0px auto; background: transparent;  font-family: sans-serif; }

table {
  border-collapse: collapse;
}

table td {
  padding: 0px;
}
 

#header_top { height: 80px; }
#header_middle { width: 900px; height: 150px; }
#header_bottom, #header_bottom * { height: 3em; }
#nav_super { margin-left: 225px; }
#nav_sub { width: 100%; height: 100%; padding: 4em 15px 15px 15px; }
#main { height: 100%; width: 475px; margin: 0em 30px; padding: 0; }
.main_content { width: 440px; margin: 0em 0px ; padding: 0; }
#feature { width: 200px; padding: 1em 10px 1em 5px; vertical-align: top;   }

#all { width: 900px; height: 100%; }

#footer, #main form input, #main form label, #feature p { font-size: 0.9em; }
#main form legend { font-size: 1.1em; }
#feature h1 { font-size: 1.2em; }
#nav_sub h1 { font-size: 1.2em; }
#main h1 { font-size: 1.8em; }

#header_top { position:relative; }

a.sitelogo {
  position:relative; float: left; display: block; width: 186px; height: 53px; text-decoration: none;
  font-style: normal; background: url('../images/logo.gif') no-repeat 0 0;
  padding: 10px;
}

div.service { position: relative; float: right; padding: 1em; }
div.service ul { text-align: center; vertical-align: middle; list-style-type: none;}
div.service ul li { display: inline; padding: 0 1em; border-left: 1px solid #999; }
div.service ul li:first-child { border: none; }
div.service ul li a { text-decoration: none; color: #999; }
div.service ul li a:hover { color: #00007f; }


/** Mit ID-Angabe "#header_middle" arbeitet IE6 nicht korrekt **/

.header-img0 { background: url('../images/banner.jpg') no-repeat 0 0; }
.header-img1 { background: url('../images/banner.jpg') no-repeat 0 0; }
.header-img2 { background: url('../images/banner.jpg') no-repeat 0 0; }
.header-img3 { background: url('../images/banner.jpg') no-repeat 0 0; }
.header-img4 { background: url('../images/banner.jpg') no-repeat 0 0; }
.header-img5 { background: url('../images/banner.jpg') no-repeat 0 0; }
.header-img6 { background: url('../images/banner.jpg') no-repeat 0 0; }
.header-img7 { background: url('../images/banner.jpg') no-repeat 0 0; }
.header-img8 { background: url('../images/banner.jpg') no-repeat 0 0; }
.header-img9 { background: url('../images/banner.jpg') no-repeat 0 0; }

#all { padding: 0; margin: 0; empty-cells: show; border-spacing: 0; }
#all tr, #all td { padding: 0; margin: 0; }
#all td { border-collapse: collapse; }

#nav_super { 
	background: url('../images/nav_super_bg.png') no-repeat; 
	width: 900px; 
	height: 46px; 
	border-top: 1px solid #fff; 
}

#nav_super {  }  
#nav_super ul { position: relative; top: 0px; left:200px; overflow: hidden; margin: 0; padding: 0; height: 41px;  }
#nav_super ul li { display: block; float: left ;height: 30px; }
#nav_super ul li a {	
	display: block;
	height: 40px; 
	padding: 1em 2em 0 2em;
	vertical-align: middle; font-weight: bold; text-decoration: none;
	color: #fff;  
	border-right: 1px solid transparent; 
	border-left: 1px solid transparent; 
}

/* IE6 HACK */

*html #nav_super ul
{
	top: 12px;
}

*html #nav_super ul li a
{
	display: inline;
	border-color: #2b4191;
}


#nav_super ul li a:hover { 
	border-right: 1px solid #fff; 
	border-left: 1px solid #fff; 
	color: #C5CAFF;
/*
	color: #000; 
	background: #aaadbb; 
*/
}
#nav_super ul li a:hover * { color: #aaa; }
#nav_super ul li a span { margin: auto; }
#nav_super ul * { color: #aaa; }

/* default style for links in content */
#main a, #main a:link, #main a:visited, #main a:hover,
#main a *, #main a:link *, #main a:visited *, #main a:hover * {
  color: #000080; border-bottom: 1px solid #000080; text-decoration: none;
}
#main a:hover, #main a:hover * {
  color: #00007f; border-bottom: 1px solid #00007f; text-decoration: none; 
}
 
#nav_sub { color: #888; background: #fafafa; width: 200px;  vertical-align:top;  }
#nav_sub h1 {  margin-top: 0.5em; margin-left: 10px; margin-right: 10px;  font-weight: bold; }
#nav_sub h1 * {  color: #888; font-weight: bold; }
#nav_sub p { margin: 0.2em 1em 0 1em; line-height: 1.3em; }
#nav_sub dl { margin-left: 5px;  }
#nav_sub dl a, #nav_sub dl a:visited, #nav_sub dl a:link {
  display: block;
  line-height: 1.4em;
  margin-left: 6px;
  padding: 8px 5px 8px 20px;
  text-decoration: none;
  font-weight: bold;
  font-size: 1.1em;
  color: #888; 
border-left: 4px solid #999;
}

#nav_sub dl a:hover { color: #00007f; border-left: 4px solid #00007f;  text-decoration: none; }

#nav_sub h1 a:hover { color: #00007f;   text-decoration: none; }

#navhelper { height: 50px; }


#navhelper ul.breadcrumbs { float: left; margin: 5px 0px 5px 0px; padding-left: 10px;}
#navhelper ul.breadcrumbs li {
  display: inline; float:left; margin-right: 8px; padding-left: 13px; text-align: center; vertical-align: middle;
  list-style-type: none; background: url('../images/next_crumb.gif') no-repeat 0 center;
}
#navhelper ul.breadcrumbs a { text-decoration: none; color: #333; }
#navhelper ul.breadcrumbs a:hover { color: #00007f; }
#navhelper .first { background: #fafafa;}
.searchform { float: right; text-align: right; margin: 5px; }

#main { text-align: justify; line-height: 1.5em; margin-top: 0px; width: 500px; height: 400px; vertical-align: top; }
#main h1 { padding-bottom: 2px; margin: 1em 0 1em 30px; color: #666; font-size: 1.2em; font-weight: bold; }
#main h1 * { color: #666; font-weight: bold; }
#main h2, #main h3 { margin: 1em 0 0.5em; }

#navhelper fieldset { margin: 0; padding: 0; border: 0 solid #000; }


#feature h1 { margin: 0.5em 0 0.5em -5px; padding-left: 5px; background-color: #ccc; color: #666; font-weight: bold; }
#feature h1 * { color: #666; font-weight: bold; }
 
/** ACHTUNG: Es gibt auch eine Klasse "footer" in HTML-Template **/

#footer { 
	position: relative; 
	height: 45px; 
	text-align: center;  
	background: #2d428a url('../images/nav_super_bg.png');  
	vertical-align: middle;
}

#footer div {
	top: 50%;
	height: 2.4em;
}



#footer * { color: #fff; }


/*
#footer + * { margin: 0 auto; }
*/
#footer ul li { display: inline; /*border-left: 1px solid #666;*/ padding: 0 1em; }
#footer ul li:first-child { border: none; background: transparent; }

#footer ul li a       { color: #fff; text-decoration: underline; }
#footer ul li a:hover { color: #C5CAFF; }


#sitemap {
	width: 400px;
	margin-left: 30px;
}

#sitemap a {

}
 



.language { display: inline; position: relative; float: left; padding: 10px; }
.language a { text-decoration: none; color: #999; }
.language a:hover { color: #00007f; text-decoration: none;}

.copyright {
	display: inline; 
	position: relative;
	padding: 10px;
	float: right;
}

/* NAVIGATION */
div.service li, #nav_super li, #footer li {
  text-align: center; vertical-align: middle; list-style-type: none; display: inline;
}

/* COLORS AND MORE */
.main_content ul li, .main_content div ul li { list-style-type: disc; margin-left: 18px;  }

.main_content img {
	margin: 0;
}

h1, h2, h3, h4, h5, h6 { text-align: left; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration: none; color: #333; }

hr { height: 0px; border: none; border-bottom: 1px solid #ccc; }

div.p { margin: 1em 0 2em 0; }

#main div.p, #main table, #main h3 {
  margin: 1em 30px;
}

/* SANITIZED FROM OLD TEMPLATE */
.contactform p { margin-bottom: 1em; }
.contactform form { width: 418px; margin-top: 2em; padding: 10px 10px 0px 10px; border: 1px solid #ccc; background-color: #f0f0f0; }
.contactform fieldset { padding-top: 20px; margin-bottom: 20px; border: 1px solid #ddd; }
.contactform label.left { float: left; width: 100px; margin-left: 10px; padding: 2px; }
.contactform fieldset legend { margin-left: 5px; padding: 0px 2px; color: #666; font-weight: bold; }
.contactform input.field { width: 275px; padding: 2px; border: 1px solid #ccc; }
.contactform textarea { width: 275px; padding: 2px; border: 1px solid #ccc; }
.contactform input.button {
  float: right; width: 9em; margin-right: 20px; padding: 1px; text-align: center; background-color: #eee;
  border: 1px solid #999; color: #999;
}
.contactform input.button:hover { background-color: #ddd; border: 1px solid #666; color: #666; cursor: pointer; }
.contactform img { clear: both; float: left; margin: 3px 10px 7px 0px; padding: 1px; border: 1px solid #999; }
.contactform a img { border: 1px solid #999; }
.contactform a:hover img { border: 1px solid #999; }