/**********************************************/
/****************zobelt.css********************/
/**********************************************/

body {
	text-align: center;
	padding: 0;
	margin: 0px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Lucida, Helvetica, Sans-serif;
	background: #52A5F2;
}

/*** A. RULES FOR TEXT **********************/

.hl {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Lucida, Helvetica, Sans-serif;
	color: #2B497B;
	font-size: 12px;
}

.linkhl {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Lucida, Helvetica, Sans-serif;
	color: #ffffff;
	background-color: #2B497B;
	font-size: 12px;
}

/*** B. RULES FOR DIVS **********************/

.floatRight {
	float: right;
}

.floatLeft {
	float:left;
}

/*** I. DIV CONTAINER BORDER TOP ************/

#containertop {
	position: relative;
	margin: auto;
	width: 680px;
	height: 20px;
	background-image: url("./bgcontainertop.gif");
	background-position: bottom;
	background-repeat: no-repeat;
}

/*** II. DIV CONTAINER **********************/

#container {
	position: relative;
	margin: auto;
	width: 680px;
	padding: 0px;
	background-image: url("./bgcontainer.gif");
	background-repeat: repeat-y;
	text-align: center;
}

/*** 1. DIV HEADER **************************/

#header {
	position: relative;
	margin: auto;
	width: 650px;
	height: 38px;
	background: #52A5F2;
	font-size: 12px;
	line-height: 16px;
}

#a, #b, #c, #d, #e, #f, #g {
	position: absolute;
	width: 90px;
	height: 30px;
	top: 3px;
	background: #52A5F2;
	font-size: 12px;
	color: #fff;
}

#a {left: 0px;
}
#b {left: 92px;
}
#c {left: 184px;
}
#d {left: 280px;
}
#e {right: 184px;
}
#f {right: 92px;
}
#g {right: 0px;
}

/*** 2. DIV WINDOW **************************/
#window {
	position: relative;
	margin: 0px auto;
	width: 650px;
	height: 275px;
	top: 0px;
	padding: 0px;
	border-top: 1px solid #fff;
}

/*** 3. DIV STAGE ***************************/
#stage {
	position: relative;
	margin: auto;
	width: 650px;
	border-top: 1px solid #fff;
	padding: 0px;
	text-align: left;
}

/*** (A) BODY GLOBAL ************************/

#body {
	position: relative;
	width: 420px;
	top: 15px;
	left: 15px;
	padding-bottom: 30px;
	/*background: #52A5F2;*/
	font-size: 12px;
	color: #fff;
	text-align: left;
}

/******* BODY CONTENTS *******/

/*** EMPTY BODY ***/
#bodyspacer100{
	position: relative;
	height: 100px;
}
#bodyspacer150{
	position: relative;
	height: 150px;
}
#bodyspacer200{
	position: relative;
	height: 200px;
}
#bodyspacer300{
	position: relative;
	height: 300px;
}

/*** ANFAHRT ***/
#anfahrt {
	position: relative;
	width: 420px;
	height: 320px;
	background: #003366;
	border: 1px solid #fff;
	font-size: 12px;
	color: #ff33ff;
	text-align: left;
}

/*** BODY KONTAKT ***/
.form {
	background-color: #52A5F2;
	top: 0px;
	margin: 0px;
	color: #fff;
}
input {
	background-color: #fff;
	border: 1px solid #fff;
}
textarea {
	background-color: #fff;
	border: 1px solid #fff;
}
.textspacer {
	font-size: 5px;
}
#formmessage {
	width: 380px;
	height: 30px;
	border: 1px solid #333366;
	background: #FFFFFF;
	color: #000066;
	text-align: center;
	font-weight: normal;
	line-height: 30px;
}
.textlink {
	color: #fff;
	text-decoration: underline;
}
.textlink:hover {
	   text-decoration: none;
}

/******* (B) NAVIGATOR *******/

#navigator {
	position: absolute;
	top: 0px;
	right: 5px;
	background: #2B497B;
	padding: 10px;
	margin-left: 15px;
	font-size: 12px;
	text-align: center;
	color: #fff;
}

#navigator ul {
	padding:0;
	margin:0;
}

#nav {
	position: relative;
	width: 170px;
	background: #2B497B;
}

#navline {
	background: #2211AA;
	border-bottom: 1px dotted #fff;
	color: #fff;
	display: block;
}

#nav li {
	border-bottom: 1px dotted #eee;
	padding: 0px;
	line-height: 31px;
	display: block;
	list-style: none;
}
#nav li a:hover {
	background: #52A5F2;
}
#nav li a.nav {
	display:block;
	height:31px;
	width:170px;
}

.nav {
	color: #fff;
	text-decoration: none;
}
.nav:visited {
	color: #fff;
	text-decoration: none;
}
.nav:hover {
	color: #2B497B;
	text-decoration: none;
}
.nav.current {
	font-weight:bold;
	background:#52A5F2;
}

/*****/
#info {
	position: relative;
	top: 0px;
	margin: auto;
	background: #2B497B;
	font-size: 12px;
	color: #eee;
}
#info li {
	color: #fff;
	border-bottom: 1px dotted #eee;
	padding: 10px;
	line-height: 12px;
	display: block;
	list-style: none;
}
.email {
	text-decoration: none;
	color: #fff;
}

/*** III. CONTAINER BORDER BOTTOM ***********/
#containerbottom {
	position: relative;
	margin: auto;
	width: 680px;
	height: 25px;
	background: #52A5F2;
	background-image: url("./bgcontainerbottom.gif");
	background-position: top;
	background-repeat: no-repeat;
	line-height: 30px;
}

.footer {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Lucida, Helvetica, Sans-serif;
	color: #000000;
	font-size: 12px;
	text-decoration: none;
}
.footer:hover {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Lucida, Helvetica, Sans-serif;
	color: #000000;
	font-size: 12px;
	text-decoration: none;
}