/*

- - - - - verwendete farben - - - - -
#666    - schriftgrau
#00A3E7 - blau


- - - - - verwendete bilder - - - - -
hg.gif
link-hg.jpg
linkover-hg.jpg

*/


body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	background-color: #fff;
	text-align: center;
	background-image: url(images/hg.gif);
	background-repeat:repeat-x;
	line-height: 15px;
}

table {
	font-size: 10px;
}

a:link, a:visited {
	color: #000;
	text-decoration: none;
}

a:hover, a:active {
	color: #00A3E7;
}

.copy a:link, .copy a:visited, .copy a:hover {
	cursor: text;
	color: #666;
}

.float {
	float: left;
}

h1 {
	font-size: 10px;
	font-weight: normal;
	color: #00A3E7;
	margin: 0;
}

h2 {
	font-family: "Trebuchet MS", Arial, Helvetica;
	font-size: 16px;
	color: #00A3E7;
	margin: 18px 0;
	font-style: italic;
}

p {
	margin: 0 0 20px 0;
}


hr {
	background-color: #00A3E7; /* Mozilla 1.4 */
	color: #00A3E7; /* IE 6 */
	border: #00A3E7; /* Opera 7.11 */
	height: 1px; /* in Opera für die Anzeige nötig, in Mozilla für die einheitliche Höhe */
}

.clear {
	clear: both;
}

.img {
	border: 1px solid #666;
	margin: 0 0 20px 0;
}

input {
	border: 1px solid #999;
	color: #666;
}

#template {
	margin: 38px auto;
	text-align: left;
	width: 943px;
}

.blauerlink, a.blauerlink:link, a.blauerlink:visited{
	color: #00A3E7;
}

a.blauerlink:hover  {
	color: #000;
}



/* = = = = = = = = = = = = = header  = = = = = = = = = = = = = */

#header {
	height: 76px;
}

#suche {
	float: right;
	width: 171px;
	margin: 15px 0 0 0;
}

.suche {
	font-size: 11px;
	border: 0;
	float: left;
	font-weight: bold;
	color: #999;
	width: 100px;
	padding: 2px 0 3px 5px;
	margin: 1px 5px 0 0;
}

.go {
	float: left;
}

.logo {
	float: left;
	border: 0;
}

/* = = = = = = = = = = = = = links  = = = = = = = = = = = = = */

#links {
	width: 168px;
	float: left;
}




/* = = = = = = = = = = = = = mitte  = = = = = = = = = = = = = */

#mitte {
	width: 569px;
	float: left;
}

.spaltelinks {
	float: left;
	width: 270px;
}


.spalterechts {
	margin: 0 0 0 25px;
	float: left;
	width: 270px;
}

.bildlinks {
	float: left;
	width: 175px;
	margin: 0 25px 5px 0;
}

.bildlinksmesse {
	float: left;
	width: 175px;
	margin: 0 25px 0 0;
}


.textganzebreite {
	width: 569px;
}


.imgbox {
	width: 569px;
	height: 252px;
	background: url(images/bild.jpg)
	no-repeat;
}

.headline {
	color: #00A3E7;
}

.newslink, a.newslink:link, a.newslink:visited {
	color: #000;
}

a.newslink:hover {
	color: #00A3E7;
}

/* = = = = = = = = = = = = = rechts  = = = = = = = = = = = = = */

#rechts {
	margin: 17px 0 0 31px;
	width: 175px;
	float: left;
}

.news {
	padding:  10px;
	background: #EBEBEB;
}

/* - - - - - runde ecken ANFANG - - - - */

.box { background: #666;}
.box h1, .box p {margin: 0 10px;}
.box h1 {color:#ffffff; padding: 0 0 4px 0; font-size: 12px; font-family: "Trebuchet MS", Arial, Helvetica;}
.box .top, .box .bottom {display:block;background: #ccc;}
.box .top b, .box .bottom b
{
  display:block;height: 1px; overflow: hidden; background: #666;
}

.box .r1{margin: 0 5px;}
.box .r2{margin: 0 3px;}
.box .r3{margin: 0 2px;}
.box .top .r4, .box .bottom .r4{margin: 0 1px;height: 2px;}

/* - - - - - runde ecken ENDE - - - - */



/* = = = = = = = = = = = = = navi ANFANG = = = = = = = = = = = = = */

.navi {
	margin: -1px 24px;
	float: left;
}

.navi ul {
	margin: 0;
	padding: 0;
}

.navi li {
	list-style: none;
	display: inline;
	height: 42px;
}

.navilink, a.navilink:link, a.navilink:visited {
	color: #fff;
	text-decoration: none;
	width: 96px;
	height: 42px;
	float: left;
	background: url(images/link-hg.gif)
		no-repeat;
	text-align: center;
	padding: 5px 0 0 0;
}

.navilinkaktiv, a.navilinkaktiv:link, a.navilinkaktiv:visited, a.navilink:hover {
	color: #fff;
	text-decoration: none;
	width: 96px;
	height: 42px;
	float: left;
	background: url(images/linkover-hg.gif)
					no-repeat;
	text-align: center;
	padding: 5px 0 0 0;
}


/* - - - - - - - - - - - - - - - - - - - - - */

.headernavi a:link, .headernavi a:visited {
	color: #fff;
	text-decoration: none;
	float: left;
	margin: 5px 0 0 0;
}

.headernavi a:hover {
	color: #ADD9F5;
	float: left;
}

/* - - - - - - - - - subnavi - - - - - - - - - - - - */

.subnavi {
	margin: 30px 0 0 0;
}

.subnavi ul {
	margin: 0;
	padding: 0;
}

.subnavi li {
	list-style: none;
	margin: 0 0 5px 0;
}

.subnavilink, a.subnavilink:link, a.subnavilink:visited {
	color: #000;
	text-decoration: none;
}

a.subnavilink:hover {
	color: #00A3E7;
}

.subnaviaktiv {
	font-weight: normal;
	color: #00A3E7;
	text-decoration: none;
	border-left: 1px solid #00A3E7;
	padding: 0 0 0 7px;
}

a.subnaviaktiv:hover {
	color: #666;
	border-left: 1px solid #666;
}

/* = = = = = = = = = = = = = navi ENDE = = = = = = = = = = = = = */


.adresszeile {
	display: none;
}




/* = = = = = = = = = = = = = kontakt ANFANG = = = = = = = = = = = = = */

.bezeichnung {
	width: 80px;
	float: left;
	margin:4px 0 0 0;
	}

.feld {
	border: 1px solid #666;
	width: 177px;
	margin: 0 0 8px 0;
	padding: 3px;
	color: #000;
	background-color: #DEDFDE;
	}

.inputselected {
	border: 1px solid #666;
	width: 177px;
	margin: 0 0 8px 0;
	padding: 3px;
	background-color: #CED3D6;
	color: #000;
	}

.textarea {
	border: 1px solid #666;
	width: 270px;
	height: 151px;
	color: #000;
	margin: 8px 0 5px 0;
	background-color: #DEDFDE;
	}

.textareaselected {
	border: 1px solid #666;
	width: 270px;
	height: 151px;
	color: #000;
	background-color: #CED3D6;
	margin: 8px 0 5px 0;
	}

.senden {
	border: 1px solid #666;
	background-color: #CED3D6;
	color: #666;
}

/* = = = = = = = = = = = = = kontakt ENDE = = = = = = = = = = = = = */




/* = = = = = = = = = = = = = news ENDE = = = = = = = = = = = = = */

.spalterechtsnews {
	margin: 0 0 0 15px;
	padding: 0 0 0 10px;
	float: left;
	width: 270px;
	border-left: 1px solid #00A3E7;
}

.bildgross {
	margin: 0 0 20px 0;
}

.popup {
	margin-top: 40px;
	background: #fff;
	}