@charset "utf-8";
/* CSS Document */

html {
	height: 100%;
	min-height: 100%;
}

body {
	background-image: url('../images/bg.gif');
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #ffffff;
	height: 100%;
	min-height: 100%;
}

a {
	color: #003D80;
}

div#page {
	width: 1000px;
	min-height: 100%;
	height: 100%;
	height: auto !important;
	margin: auto;
	padding: 0px 5px 0px 5px;
	background-color: #FFF;
}

div#header {
	height: 212px;
	background-image: url('../images/header.jpg');
	background-repeat: no-repeat;
	margin-bottom: 20px;
}

div#language {
	float: left;
	padding: 162px 0px 0px 20px;
}

div#language .language_div {
	float: left;
	margin-right: 5px;
}

div#mainmenu {
	width: 227px;
	float: left;
	margin-right: 20px;
}

div#mainmenu ul {
	margin: 0px;
	padding: 0px;
}

div#mainmenu ul li {
	list-style: none;
	height: 25px;
	padding: 4px 10px 0px 10px;
	border-bottom: 1px #82151A solid;
	text-align: right;
}

.mainmenu_link {
	height: 20px;
	font-size: 12px;
	text-decoration: none;
	color: #000;
	padding: 3px 10px 0px 10px;
	display: block;
}

.mainmenu_link_active {
	background-image: url('../images/mainmenu_active.jpg');
	background-repeat: repeat-x;
	height: 20px;
	font-size: 12px;
	text-decoration: none;
	color: #82151A;
	padding: 3px 10px 0px 10px;
	display: block;
}

div#submenu {
	width: 180px;
	float: left;
	margin-right: 20px;
}

div#submenu ul {
	margin: 20px 0px 0px 20px;
	padding: 0px;
}

div#submenu ul li {
	list-style: none;
	border: 1px #EB3C18 solid;
	margin-bottom: 2px;
}

.submenu_link {
	height: 17px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #000;
	display: block;
	padding: 3px 10px 0px 10px;
}

.submenu_link_active {
	height: 17px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #fff;
	display: block;
	padding: 3px 10px 0px 10px;
	background-color: #EB3C18;
}

.submenu_bullet {
	margin-right: 10px;
}

div#content_container {
	height: 100%;
}

div#content {
	width:720px;
	float: left;
	padding: 0px 10px 0px 10px;
}

div#footer {
	border-top: 2px #000 solid;
	padding-top: 10px;
	margin-top: 20px;
	text-align: center;
}

h1 {
	color: #82151A;
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 5px;
	border-bottom: 1px #82151A solid;
}

.clear {
	clear: left;
	margin: 0px; 
	padding: 0px; 
	font-size: 0px; 
	line-height: 0px; 
	height: 0px;
}

.clear_right {
	clear: right;
	margin: 0px; 
	padding: 0px; 
	font-size: 0px; 
	line-height: 0px; 
	height: 0px;
}

div.naechster_termin {
	width: 395px;
	margin: auto;
}

div.naechster_termin_header {
	font-size: 20px;
	text-align: center;
}

div.naechster_termin_rahmen {
	background-image: url('../images/rahmen.jpg');
	background-repeat: no-repeat;
	width: 395px;
	height: 196px;
	font-size: 60px;
	text-align: center;
	padding-top: 100px;
}

div.naechster_termin_footer {
	margin-top: 20px;
	font-size: 20px;
	text-align: center;
}



/* BOXEN RECHTS */

div.box {
	border: 1px #BC001D solid;
	width: 183px;
	margin-left: 10px;
	margin-top: 15px;
}

div.box h1 {
	background-image: url('../images/header_box.jpg');
	background-repeat: no-repeat;
	height: 23px;
	border: none;
	color: #FFF;
	padding: 3px 0px 0px 5px;
	margin: 0px;
}

div.box .bodytext {
	padding: 0px 5px 0px 5px;
}

/* DOWNLOADS */

.downloads_l3 {
	text-align: center;
}

.downloads_l3 .t3_downloads_link img {
	text-decoration: none;
	border: none;
}

/* NEWS */

.news { 
	list-style: none; 
	border-bottom: 1px #BC001D solid;
	margin-bottom: 25px;
}

.teaser_bild { 
	margin-right: 0.8em; 
	float: left; 
	width: 200px; 
}

.teaser_text { 
	margin-bottom: 0.4em; 
	float: left; 
	width: 550px; 
}

.teaser_text strong,  .news_single strong {
	color: #BC001D;
	font-size: 14px;
}

.news_bild {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}

.news .news_bild {
	margin-left: 0px;
	margin-bottom: 0px;
}

.news_single b {
	color: #BC001D;
}

/* MAILFORM */

#contact_left			{ float: left; width: 320px; }
form.contact			{ float: right; width: 450px; }

form.form					{ margin-bottom: 20px; }

#form_left				{ float: left; width: 400px; }
#form_right				{ float: left; }

label.form					{ float: left; width: 100px; color: #000000; font-size: 12px; padding-top: 5px; display: block; }
label.radio				{ float: none; display: inline; }
label.praemie			{ float: left; display: inline; width: 270px; }

.stern					{ color: #BC001D; font-size: 12px; font-weight: bold; }

input.form, textarea.form			{ float: left; color: #000000; font-size: 12px; font-family: Arial, Helvetica, Geneva, sans-serif; vertical-align: middle; margin: 3px 0px 10px 0px; padding: 2px; border: solid 1px #BC001D; width: 250px; display: block; }
textarea.form				{ height: 50px; }
input.PLZ				{ width: 75px; margin-right: 175px; }
input.radio				{ float: none; border: 0; width: auto; height: auto; display: inline; margin-right: 5px; margin-bottom: 0px; }
input.checkbox			{ float: left; color: #000000; font-size: 12px; vertical-align: middle; margin: 0px 5px 0px 0px; padding: 2px; border: solid 1px #000000; height: 17px; width: 17px; display: block }

input.form:hover, textarea.form:hover					{ border: solid 1px #ED461A; outline: none }
input.form:focus, textarea.form:focus					{ border: solid 1px #ED461A; outline: none; }

p.errorheadline								{ color: #BC001D; font-size: 12px; font-weight: bold; margin-bottom: 10px; }
.errormessage								{ color: #BC001D; font-size: 12px; line-height: 200%; margin-left: 100px; clear: left; }

.mail_button								{ margin-left: 100px; color: #ffffff; font-size: 10px; background-color: #BC001D; text-align: center; margin-top: 15px; margin-right: 15px; margin-bottom: 15px; padding: 4px; border: solid 0px #BC001D; width: 110px; }
	

/* GMAPS */

.gmaps_karte_gross {
	width: 100%;
	height: 400px;
	border: 1px #CCC solid;
}

.route_berechnen_lable {
	float: left;
	width: 200px;
	margin-left: 30px;
}

.route_berechnen_addr {
	float: left;
	width: 300px;
}

.route_berechnen_addr label {
	float: left;
	width: 80px;
}

.route_berechnen_addr input {
	float: left;
}

.route_berechnen_button {
	float: left;
	width: 150px;
}

.route_berechnen {
	width: 100%;
	margin-top: 10px;
	background-color: #82151A;
	padding: 10px 0px 10px 0px;
	color: #fff;
}


