html {
	min-height: 100%;
}

BODY {
	color: #000;
	font-weight: normal;
	font-size: 13px;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 0;
	line-height: 1.5;
	background: #fff;
	/*background:-moz-radial-gradient(center, #fff, #7a7a7a);  Firefox */
	/*background:-webkit-radial-gradient(center, #fff, #7a7a7a); Safari, Chrome  */
	/*background:-ms-radial-gradient(center, #fff, #7a7a7a);  IE */
	/*background:radial-gradient(center, #fff, #7a7a7a);  W3C Standard */
}

TD {

}

img {
	border: 0;
}


A {
	color: #666666;
	font-weight: normal;
	text-decoration: underline;	
	outline: none;
}

A:HOVER {
	color: #AAAAAA;
	font-weight: normal;
	text-decoration: underline;
}

h1, h3 {
	color : #003399;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	font-size : 14px;
	font-weight: bold;
	text-align: left;
	margin: 30px 0 15px 0;
	padding: 0;
}

h2 {
	color : #003399;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	font-size : 13px;
	font-weight: bold;
	text-align: left;
	margin: 15px 0 8px 0;
	padding: 0;
}

h4 {
	color : #000;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	font-size : 14px;
	font-weight: normal;
	text-align: left;
	margin:0;
	padding: 0;
}

h5 {
	color : #000;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	font-size : 13px;
	font-weight: bold;
	text-align: left;
	margin:10px 0 5px 0;
	padding: 0;
	
}

ol, ul {
	margin: 15px 0 20px 15px;
	padding: 0;
	font-weight : normal;
	text-align: left;
	list-style-position: inside;
}

ol {
	list-style-type: decimal-leading-zero;
}

ul {
	list-style-type: disc;
}


li {
	padding: 0 0 8px 0;
}

ul.links {
	list-style-type: none;
	margin: 15px 0 20px 0px;
}

.links li {
	padding: 0 0 10px 12px;
	background: transparent url(images/arrow.png) no-repeat left 5px;
}

.links li a,
.link li a:hover {
	font-weight: bold;
}


div#head {
	background-color: #fff;
	border-radius: 15px;
	border:  2px solid #003399;
	width: 980px;
	height: 180px;
	margin: 20px auto 20px auto;
}

div#logo {
	background: #003399 url(images/head.png) no-repeat center center;
	border-radius: 0 12px 12px 0;
	width: 300px;
	height: 180px;
	float: right;
}

div#navigation {
	background: #fff url(images/nav.jpg) repeat-x left top;
	border-radius: 15px 15px 0 0;
	width: 984px;
	height: 30px;
	margin: 0px auto;
	
}

div#navigationHR {
	clear: both;
	width: 978px;
	height: 1px;
	border: 1px solid #fff;
	margin: 0 0 0 2px;
}

.nav:first-child a,
.nav:first-child a:hover {
	margin: 0 0 0 40px;
	border-left: 1px solid #fff;
}

.nav a,
.nav a:hover,
.nav_active a,
.nav_active a:hover {
	height: 29px;
	display: block;
	float: left;
	padding: 0;
	margin: 0;
	text-decoration: none;
	font-size: 11px;
	letter-spacing: 1px;
	color: #fff;
	background: #1c2997;
	line-height: 27px;
	text-align: center;
	width:  150px;
	border-right: 1px solid #fff;
}

.nav a:hover,
.nav_active a:hover {
	background: red;
}

.nav_active a {
	background: #0064d5;
}

div#content,
div#contentGalerie {
	border-radius: 0 0 15px 15px;
	border:  2px solid #003399;
	border-top:  0px solid #fff;
	width: 900px;
	min-height: 500px;
	margin: 0 auto;
	padding: 10px 40px 40px 40px;
	overflow: auto;
}

div#content {
	background: #fff url(images/stage_kachel.jpg) repeat-y right top;
}

div#contentGalerie {
	background: #fff url() repeat-y right top;
}

div#imprint {
	width: 960px;
	height: 20px;
	padding: 0 0 0 20px;
	margin: 5px auto 100px auto;
	font-size: 10px;
	color: #666666;
}

div#imprint a {
	color: #666666;
	text-decoration: none;
}

div#imprint a:hover {
	color: #666666;
	text-decoration: underline;
}

div#boxLeft {
	float: left;
	width:  600px;
	margin: 0 80px 0 0;
}

div#boxRight {
	float: left;
	width: 220px;
}

.img {
	float: left;
	margin: 0 40px 0 0;
}

.startbild {
	margin: 40px 0;
	clear: both;
	display: block;
}

.imgZufall {
	border: 1px solid #fff;
	margin: 0 0 20px 0;
}

#boxRight h1 {
	color: #fff;
}


.galerieThumb a,
.galerieThumb a:hover {
	background: #EEEEEE;
	border: 5px solid #fff;
	float: left;
	margin: 0 21px 21px 0;
	width: 100px;
	height: 100px;	
	box-shadow: 1px 1px 10px #ccc;
	text-align: center;
	vertical-align: middle;
	display: block;
	
}

.galerieThumb a:hover {
	border: 5px solid #fff;
	box-shadow: 1px 1px 10px #555;
}

.galerieThumbnomargin a,
.galerieThumbnomargin a:hover {
	margin: 0 0px 21px 0;
}

.galerieImg {
	border: 0px solid #003399;
	
}

.galerieImg:hover {
	/*opacity: .5;
	filter: alpha(opacity=50);*/
}


.galerieThumb a:focus {
	outline: none;
}

.backandforward {
	clear: both;
	margin: 0 0 0 0;
	text-align: center;
	padding: 40px 0 0 0;
}

div#head,
div#navigation,
div#logo,
div#content,
div#contentGalerie,
.galerieThumb a,
.galerieThumb a:hover {
	behavior: url(/PIE.htc);
}








/* @group Formular */

.labelForm {
	float: left;
	padding-top: 7px;
	width: 115px;
}

#labelSpam {
	padding-top: 14px;
}
input, #spamschutz img  {
	margin: 5px 0;
}

.formContent {
	width: 400px;
	padding: 10px;
	border-radius: 5px;
	box-shadow: inset 0px 0px 5px #cfcfcf;
}



.formInput, .formTextarea, .routeForm  {
	padding: 2px;
	height: 15px;
	width: 250px;
	border: 1px solid #eaeaea;
	background-color: #fff;
	color: #000;
	font-size: 12px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.formInput:hover, .formTextarea:hover, .routeForm:hover  {
	border: 1px solid #003399;
}

.formTextarea {
	height: 150px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.formAnliegen {
	border: 0px solid #B3B3B3;
}

#spamer, #spamText, .formButton {
	margin: 0 0 0 115px;
	display: block;
}

.formFehler {
	color : red;
	text-align: left;
	font-size: 10px;
}
/* @end */