/* hauptdesign */
 
body {
background-color:#000033;
  color: #003366; 
  margin: 0; padding: 0;
  text-align:center; /* Nur für den IE */
  min-width: 41em; /* Mindestbreite verhindert Umbruch und Anzeigefehler in modernen Browsern */
}
a:link { 
	color:#2091D6; 
	text-decoration:none;
	font-weight:bold; 
}
a:visited { 
	color:#2091D6; 
	text-decoration:none; 
	font-weight:bold; 
}
a:focus { 
	color:#009966; 
	text-decoration:underline; 
}
a:hover { 
	color:#009966; 
	text-decoration:underline; 
}
a:active { 
	color:#009966; 
	text-decoration: underline;
}
#container {
	color: #000000;
	width: 902px;
	border: 1px solid #6FB9E6;
	margin-left:auto;
	margin-right:auto;
	background-color: #E6EBF0;
	background-image: url(../images/design//hg_cont.jpg);
	background-repeat: no-repeat;
	background-position: 0px 150px;
	text-align:left; /* Nur für den IE */
	}
#header {
	background-color: #FFFFFF;
	color: #000;
	background-image:url(../images/design//header.jpg);
	background-repeat: no-repeat;
	background-position: right;
	height: 163px;
	width: 902px;
	}


/* Div Links incl Navi*/	
div#left {
	padding: 0 1em 10em 0;
	border: 1px dashed silver;
	float:left;  /* X */
	clear:both;
  }
/* Infobox rechts */
div#Info {
  float: right; 
  width: 170px;
  margin-top: 35px; 
  padding: 0;
  color: #000;
  }
div#Info h2 {
  font-size: 1.33em;
  margin: 0.2em 0.5em;
  }
div#Info p {
  font-size: 1em;
  margin: 0.5em;
  }

/* Content */
div#Inhalt {
	margin-right: 180px;
	padding-top: 0;
	padding-right: 1em;
	padding-bottom: 1em;
	padding-left: 1em;	
  }
* html div#Inhalt {
    /* Workaround gegen den 3-Pixel-Bug des Internet Explorers */
	margin: 0.2em 0;
	height: 2em;	
  }
div#Inhalt h2 {
  margin: 0.2em 0;
  }
div#Inhalt p {
  margin: 1em 0;
  }
/* Fußzeile */
p#Fusszeile {
  clear: both;
  font-size: 12px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight:bold;
  color:#58CF79;
  margin: 0; padding: 0.1em;
  text-align: right;
  padding-top: 5px;
  height:25px;
  background-color: #022344; 
  border: 1px solid #497198;
  }
p#Fusszeile a:link { 
	font-weight:bold; 
	color:#48AF6F; 
	text-decoration:none;
	margin-left: 25px;
	margin-right: 15px; 
}
p#Fusszeile a:visited { 
	font-weight:bold; 
	color:#48AF6F; 
	text-decoration:none; 
	margin-left: 25px; 
	margin-right: 15px;
}
p#Fusszeile a:focus { 
	font-weight:bold; 
	color:#6FB9E6; 
	text-decoration:underline;
	margin-left: 25px;
	margin-right: 15px;  
}
p#Fusszeile a:hover { 
	font-weight:bold; 
	color:#FFFFFF; 
	text-decoration:none; 
	margin-left: 25px;
	margin-right: 15px; 
}
p#Fusszeile a:active { 
	font-weight:bold; 
	color:#6FB9E6; 
	text-decoration:underline;
	margin-left: 25px;
	margin-right: 15px;  
}
/* Schriften*/
/* Schriften Headline, Sitename*/
h1#titel {
	font-size: 14px;
	margin: 0 0 0.7em;
	padding: 0.3em;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #0A4C87;
  }
h2#titel2 {
	font-size: 13px;
	margin: 0 0 0.7em;
	padding: 0.3em;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #0A4C87;
	font-weight:bold;	
  }
h3#subline {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0 0 0.7em;
	padding: 0.3em;
	text-align: left;
	font-weight:bold;
	text-indent: 5px;
  }
h4#text {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 1em;
	padding: 0.3em;
	text-align: justify;
	font-weight:normal;
  }
html>body h1 {
    border-color: gray;  /* Farbangleichung an den Internet Explorer  */
  } 
/* BILDER  */	
.imgleft {
	float: left;
	margin:10px;
	border: 1px solid #003366;
	}
.imgright {
	float: right;
	margin:10px;
	border: 1px solid #003366;
	position: relative;
	}
.imgcl {
	border: 1px solid #003366;
	position: relative;
	clear: both;
	margin-bottom:15px;
	margin-top: 10px;
	margin-left:10px;
	} 
.imgkat {
	float: left;
	border: 1px solid #003366;
	}
.logo {
	float: right;
	margin: 25px;
	}  
/* NEWS  */
.newscontainer {
	padding: 0em;
	border: 1px solid #003366;
	float:left;
	width:670px;
	color:#000000;
	background-image: url(../images/design/hg_news.png);
	background-repeat: repeat;
	margin-bottom:25px;
  }
* html .newscontainer {
	background-image: url(../images/design/hg_news_ie.png);
	}
#newshead {
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	background-color:#93A9BE;
	padding: 5px;
	text-align:right;
	height: 25px;
	background-image: url(../images/design/news_head.gif);
	background-repeat: no-repeat;
	background-position: 75px;
  }	
#shophead {
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	background-color:#93A9BE;
	padding: 5px;
	text-align:right;
	height: 25px;
	background-image: url(../images/design/shop_head.gif);
	background-repeat: no-repeat;
	background-position: 75px;
  }	
#eventhead {
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	background-color:#93A9BE;
	padding: 5px;
	text-align:right;
	height: 25px;
	background-image: url(../images/design/events_head.gif);
	background-repeat: no-repeat;
	background-position: 75px;
  }	
#articlehead {
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	background-color:#1C5B92;
	padding: 5px;
	text-align:left;
	height: 18px;
  }	
#leftarticle {
	color:#1C5B92;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	text-align:left;
	padding: 5px;
	float:left;
	width:260px;
  }	
#rightarticle {
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	padding: 5px;
	text-align:left;
	float:right;
	width:390px;
  }	
  #rightarticlewarenkorb {
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight: regular;
	padding: 5px;
	text-align:left;
	float:right;
	width:390px;
  }	
  #leftnews {
	color:#1C5B92;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	text-align:left;
	padding: 5px;
	float:left;
	width:300px;
  }	
#righnews {
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	padding: 5px;
	text-align:left;
	float:right;
	width:350px;
  }	
  #kategorien {
	text-align:left;
	width:200px;
	float:left;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 25px;
	margin-left: 5px;
  }	
	hr {
	clear: both;
	color:#000000;
	height:1px;
	background-color: #022344;
	border: 1px solid #497198;
	margin: 0px;
	padding: 0px;
	font-size: 1px;
  }
div#punch2 {
	float: left;
	width: 44px;
	height: 50px;
	text-align: center;
	background-color: #E6EBF0;
	color: black;
	border: solid black 1px;
	border-width: 0 1px 1px 0;
	position: relative;
	margin-top: -1px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: -1px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0;
}                  /* fix for IE/Win */
div#punch2 img {
height: 50px; width: 60px;
} 
* html div#punch2
{
margin-right: -3px;
margin-bottom: 0px;
}
 /* Navigation vertikal*/ 
ul#Navigation {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	float: left;
	width: 150px;
	margin: 0px;
	padding: 0px;
	color: #0A0A74;
	border-top-width: 10px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #003366;
	border-right-color: #003366;
	border-bottom-color: #003366;
	border-left-color: #003366;
  }
ul#Navigation li {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:10px;
  list-style: none;
  margin: 0px; 
  padding: 0px;
  color:#FFFFFF;
  background-color:#003366;
  font-weight: bold;
  text-indent: 5px;
}
* html ul#Navigation li{
	margin: -2px; 
  padding: 1px;
}
ul#Navigation a {
    display: block;
    padding: 0.4em;
  }
ul#Navigation a:link {
    color: black; background-color: #BADEF3;text-decoration:none;
  }
ul#Navigation a:visited {
  color: black; background-color: #BADEF3;text-decoration:none;
  }
  ul#Navigation a:hover {
  color: #0B3D6E; background-color: #DDEFF9;
  }
ul#Navigation a:active {
  color: #0B3D6E; background-color: #DDEFF9;text-decoration:underline;
  }
/* Navigation horizontal*/
#Nav {
	background-color: #003399;
	color: #000000;
	background-image: url(../images/design/hg_nav.gif);
	background-repeat: repeat;
	height: 27px;
	margin: 0px;
	padding: 0px;
}    
ul#Nav {
	text-align: left;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 27px;
	padding-left: 2px;
  }
ul#Nav li {
  list-style: none;
  display: inline;
  margin: -2px; 
  padding: 0px;
  }
ul#Nav a, ul#Nav span {
	text-decoration: none;
	color: #FFFFFF;
	line-height: 27px;
	padding-top: 5px;
	padding-right: 22px;
	padding-bottom: 5px;
	padding-left: 21px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	background-image: url(../images/design/nav_hg.png);
	background-repeat: repeat;
  }
* html ul#Nav a, * html ul#Nav span {
  width: 3em;    /* nur fuer IE 5.0x erforderlich */
  width: auto;  /* sicherheitshalber fuer IE 6 zurueckgesetzt */
	height: 25px;
	padding-top: 0px;
	padding-right: 23px;
	padding-bottom: 0px;
	padding-left: 22px;
  }
ul#Nav a:hover, ul#Nav .active {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	height: 27px;
	background-image: url(../images/design/nav_hg_over.png);
	background-repeat: repeat;
  }
* html ul#Nav a:hover, * html ul#Nav .active {
	width: 3em;    /* nur fuer IE 5.0x erforderlich */
	width: auto;
	height: 25px;
	padding-top: 0px;
	padding-right: 23px;
	padding-bottom: 0px;
	padding-left: 22px;
 }
  /* Navigation horizontal Ende*/
.CSVTable{
	margin: 10px;
	border: 1px solid #000066;
	width: 640px;
}

.CSVTable thead{
	background-color: #003366;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight:bold;
	font-size:11px;
	text-align:left;
	height:15px;
	text-indent: 5px;	
}
.CSVTable tbody{
	background-color: #93A9BE;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size:11px;
	padding:5px;
}

 .uneven{
	background-color: #F5F7F9;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #0A4C87;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	padding:3px;
	 }
 .even{
 	background-color: #DDEFF9;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #0A4C87;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	padding:3px;
 }
 
 /* Eingabefelder
---------------------------------------------------------*/
.form
{
	background-color:#badef3;
	font-size:10px;
	color:#000033;
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #000033;
	clear: none;
	float:right;
	text-indent: 5px;
}
.form2
{
	background-color:#badef3;
	font-size:10px;
	color:#000033;
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #000033;
	clear: none;
}
.right
{
float:right;
}
.left
{
float:left;
}

/* Navigation shop*/ 
ul#Navigationshop {
	float: left;
	width: 150px;
	margin: 0px;
	padding: 0px;
	color: #000000;
	border-top-width: 10px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #003366;
	border-right-color: #003366;
	border-bottom-color: #003366;
	border-left-color: #003366;
  }
ul#Navigationshop li {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:10px;
  line-height:15px;
  list-style: none;
  margin: 0px; 
  padding: 0px;
  color:#FFFFFF;
  background-color:#88c5e8;
  font-weight: bold;
  text-indent: 5px;
}
* html ul#Navigationshop li{ 
  padding: 1px;
  color:#FFFFFF;
}
ul#Navigationshop a {
	display: block;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #003366;
	border-bottom-color: #003366;
  }
ul#Navigationshop a:link {
	color: black;
	background-color: #BADEF3;
	text-decoration:none;

  }
ul#Navigationshop a:visited {
  color: black; background-color: #BADEF3;text-decoration:none;
  }
  ul#Navigationshop a:hover {
  color: #0B3D6E; background-color: #DDEFF9;
  }
ul#Navigationshop a:active {
  color: #0B3D6E; background-color: #DDEFF9;text-decoration:underline;
  }
/* Navigation shop Ende*/