html {width:100%;height:100%;margin:0px;}

body {
	width:100%; height:100%;
	margin:0px; padding:0px;
	background:#FFF url(../img/bg.png) repeat;
	font-family:Verdana,Arial,sans-serif; font-size:11px;
	text-align:center;
	}


/*VORDEFINITIONEN---------------------------------------------------------------*/
img {border:0px;}
table {border:0px;text-align:left;font-family:Verdana,Arial,sans-serif;font-size:12px;color:#666;}
p, form {margin:0px;padding:0px;}
input {border:0px;font-family:Verdana,Arial,sans-serif;font-size:11px;color:#666;}

b, strong {font-weight:bold;}
i, em {font-style:italic;}
.st {font-size:10px;} p.st {line-height:16px;}
.tB {font-weight:bold;}
.tI {font-style:italic;}
.tU {text-decoration:underline;}
.type {font-style:normal;font-size:11px;font-weight:normal;text-decoration:none;font-variant:normal;}

.ctr {text-align:center !important;}
.rgt {text-align:right !important;}
.lft {text-align:left !important;}

div.break {clear:both;}
div.spacer {width:880px;height:20px;}


/*CONTAINER-----------------------------------------------------------------------*/
#container {
	width:820px;/*BREITE*/
	margin:0px auto 0px;
	padding:20px 0 30px 0;
	text-align:left;
	}
	#page {margin:0; padding:10px; background-color:#FFF;}
	#innerpage {margin:0; padding:10px; border:1px solid #b4b4b4;}


/*HEADER---------------------------------------------------------------------------*/
#header {
	position:relative;
	height:150px;/*HOEHE*/
	margin:0px;
	background:url(../img/header_bg.png) no-repeat;
	}
	#header #logo {
		position:absolute; top:60px; left:20px;
		}
	#header #headertxt {
		position:absolute; top:15px; left:410px;
		}


/*LINE-------------------------------------------------------------------------------*/
#line {
	height:20px;
	margin:0 20px 0 20px;
	background:#FFF url(../img/bg.png) repeat;
	border:1px solid #b4b4b4;
	border-left:0; border-right:0;
	}


/*MAIN-------------------------------------------------------------------------------*/
#main {
	margin:0;
	padding:35px 20px 150px 20px;
	text-align:left;
	background:url(../img/footer_bg.png) no-repeat bottom;
	}


/*COLUMN--------------------------------------------------------------------------*/
#column {
	float:left;
	width:180px;
	margin:0px 30px 0px 0px;
	background-color:#FFF;
	font-family:Verdana,Arial,Sans-Serif;font-size:11px;color:#666666;
	}


/*NAVIGATION*/
#navigation {
	border-top:1px solid #BEBEBE;
	}
	.navbox {
		position:relative;
		padding:10px 0px 10px 0px;
		border-bottom:1px solid #BEBEBE;
		}
		.navbox .navarr {position:absolute;left:171px;top:15px;}
		.navbox a {font-size:12px;font-weight:bold;color:#333;text-decoration:none;}
		.navbox a:hover{color:#ca020e;text-decoration:none;}

	.activebox a {color:#0A4595;}
		.activebox .subnavbox, .semiactivebox .subnavbox {display:block;}
	.subnavbox {
		margin-right:4px;
		padding:10px 10px 10px 0px;
		border-right:1px solid #BEBEBE;
		text-align:right;line-height:16px;
		display:none;
		}
		.subnavbox p.snavtitle, .subnavbox p.snavtitle2 {font-size:12px;font-weight:bold;}
			.subnavbox p.snavtitle2 {margin-top:10px;}
		.subnavbox a {font-size:11px;font-weight:normal;color:#666;}



/*CONTENT--------------------------------------------------------------------------*/
#content {
	float:left;
	width:520px;/*BREITE*/
	margin:0;
	padding:0;
	overflow:hidden;
	/*Text etc. siehe INHALT*/
}


/*FOOTER----------------------------------------------------------------------------*/
#footer {
	width:100%;height:9px;
	margin:0;
	padding-top:5px;
	font-family:Verdana,Arial,sans-serif;font-size:10px;color:#666;
	}
	#footer2 {float:right;width:200px;text-align:right;}
	#footer a {color:#666;text-decoration:none;}
	#footer a:hover {color:#ca020e;}
	/*KREATIVPOL*/
	#kreativpol {float:left;}



/*INHALT ALLGEMEIN----------------------------------------------------------------*/
#content {font-family:Verdana,Arial,sans-serif; font-size:12px; color:#666; line-height:18px;}
/*
#content .text {line-height:20px;}
#content .textinbox {line-height:16px;}
*/
#content .zitat {font-style:italic;}
#content p {margin:0 0 10px 0;}
#content hr {height:1px; width:100%; margin:0; padding:0; border:0; background-color:#a4a3a0; color:#a4a3a0;}
#content hr.green {background-color:#7EB712; color:#7EB712;}
#content a {color:#CA020E; text-decoration:none;}
#content a:hover {text-decoration:underline;}

#content h1 {margin:0 0 30px 0; font-size:22px; font-family:Times New Roman, serif; font-weight:bold; color:#7EB712; line-height:120%;}
#content h2 {margin:22px 0 10px 0; font-size:13px; font-family:Verdana,Arial,sans-serif; font-weight:bold; color:#7EB712; line-height:120%; text-transform:uppercase; border-bottom:1px solid #7eb712;}
#content h3 {margin:22px 0 10px 0; font-size:12px; font-family:Verdana,Arial,sans-serif; font-weight:bold; line-height:120%; }

#content ul, #content ol {margin:0 0 10px 0;}
#content li {margin:5px 0 0px 0; font-style:italic;}
/*
#content h1 .subtitle, #content h2 .subtitle, #content h2 .pagetree {margin-top:3px;font-size:11px;font-weight:normal;color:#959595;}
#content h2 .pagetree {color:#666;}
#content h2 .pagetree b {color:#0A4595;}
#content h2 .pagetree a {color:#666;}
#content h2 .pagetree a:hover {color:#FB6A27;}
*/
/*#content h3 {margin:0px 0px 10px 0px;font-size:16px;font-family:Verdana,Arial,sans-serif;font-weight:bold;}*/

.tip {font-style:italic;}


/*FORMULARE ALLGEMEIN---------------------------------------------------------*/
input, select, textarea {
	padding:1px 2px 1px 2px;
	background-color:#EEE;
	border:1px solid #8C8C8C;
	font-family:Verdana,Arial,sans-serif;font-size:11px; color:#606060;
	}
	input {}
	input.checkbox {margin:0px;padding:0px;border:0px;background:transparent;}
	select {}
	select option {font-weight:normal;}
	textarea {}


/*TABELLE ALLGEMEINNEWS------------------------------------------------------*/
		th.field, td.field {
			padding:3px 5px 3px 5px;
			background-color:#8C8C8C;
			color:#FFF;font-size:11px;line-height:16px;
			vertical-align:top;
			}
			th.field {font-size:12px;}
		th.value, th.valueL, td.value, td.valueL, td.valueT {
			padding:3px 5px 3px 5px;
			background-color:#E5E5E5;
			font-size:11px;line-height:16px;
			vertical-align:top;/*color:#4A4A4A; statt 666*/
			}
			th.valueL, td.valueL {border-left:2px solid #FB6A27;}
			td.valueT {border-top:2px solid #FB6A27;}


/*NEWS-------------------------------------------------------------------------------*/
#news, #news table {width:100%;}
#news {margin-top:40px;padding-top:30px;border-top:1px solid #BEBEBE;}
	#news td.field {width:75px;text-align:center;}
	#news a {font-size:10px;}
	#news a:hover {text-decoration:none;}
	#news a span {margin-right:5px;font-size:11px;color:#666;}
	#news a:hover span, #news a:hover span {color:#FB6A27;}

#newsbox {}
	#newsbox div.title {margin-bottom:10px;font-size:12px;font-weight:bold;color:#0A4595;line-height:16px;}
	#newsbox div.quelle {margin-top:30px;padding-top:5px;border-top:1px solid #BEBEBE;font-style:italic;text-align:right;}
	#newsbox div.quelle a.back {float:left;font-style:normal;}




/*KONTAKT / IMPRESSUM---------------------------------------------------------*/
#kontakt {
	width:100%;
	}
/*FORMULAR*/
	#kontaktformular table {
		width:100%;
		}
		#kontaktformular td {}
			#kontaktformular td.field {width:140px;}
			#kontaktformular td.value {}
		#kontaktformular input, textarea {
			width:380px;
			padding-top:2px;
			background-color:#E5E5E5;
			border:0px;
			color:#666;
			}
			#kontaktformular textarea {
				height:80px;
				}
			#kontaktformular input.plz {width:65px;padding-right:5px;}
			#kontaktformular input.ort {width:303px;padding-left:5px;border-left:2px solid #FFF;}
			#kontaktformular input.submit {
			width:150px;height:22px;
			background-color:#FFF;
			background-image:url(../img/button_kontakt.gif);
			border:0px solid #0A4595;
			cursor:pointer;
			}
/*ADRESSE + ROUTENPLANER*/
	#kontaktadresse, #routenplaner {
		width:100%;
		line-height:16px;
		}
		#kontaktadresse td {width:50%;vertical-align:top;}
		#kontaktadresse td img {margin-right:40px;}
		#kontaktadresse p {margin-top:10px;}
/*IMPRESSUM*/
#impressum {
	width:100%;
	line-height:16px;
	}
	#impressum div.area {margin-top:20px;}
	#impressum p {margin-top:5px;}
	#impressum p.m {}









/*allgemein für Formular+++++++++++++++++++++++++++++++*/
span.markdata {color:#FB6A27;}
span.markdata2 {text-decoration:underline;}
.message {margin-bottom:10px;font-size:13px;font-weight:bold;color:#0A4595;}
.errormessage {margin-bottom:10px;font-size:13px;font-weight:bold;color:#FB6A27;}
.errormessage p, .errormessage p {margin-top:3px;font-size:11px;font-weight:normal;}