/* Imports
----------------------------------------*/
@import "reset.css";


/* Elements
----------------------------------------*/
body{
	background-color:#fffcdb;
}

body, p, td, th
{
	font-family: 	Arial, Helvetica, sans-serif;
	font-size:		12px;
	line-height: 	1.3em;
}


/*--- Basic Link Styles ---*/
a{
	color: #277188;
	text-decoration: none;
}

a:hover{
	color: #000;
	text-decoration: none; 
}

/*--- Basic Title Styles ---*/
h1,h2,h3,h4,h5,h6{
	color: #277188;
	margin:0px 0 0 0;
	font-size:16px;
	font-weight: bold;
}

h1{
	font-size: 22px;
	margin-bottom: 20px;
}

h2{
	margin: 25px 0 5px 0;
	font-size: 14px;
}

h3{
	margin: 0 0 20px 0;
	font-size: 22px;
}

h4{
	margin: 0 0 20px 0;
	font-size: 14px;
}

h5{
	font-size: 22px;
	margin-top: 20px;
}

ul{margin-left:25px; list-style-type:none;}
ol{margin-left:25px;}

blockquote	{margin: 0 0 18px 18px; color:#666666; font-style: italic;}
strong		{font-weight:bold;}
em		{font-style:italic;}


/* Standard Definitions
----------------------------------------*/
.left 		{float:left;}
.right 		{float:right;}
.clearThis 	{clear:both;}
.small		{font-size:.625em;}
.large		{font-size:1em;}
.soft		{color:#D3D3D3;}
.hide		{display:none;}
p.last		{margin-bottom:0px;}
.error		{color: #ca000f; font-weight: bold; margin: 10px 0 0 150px;}


/* Header
----------------------------------------*/
.logo{
	margin: 25px 0 10px 0;
	float: left;
}

.url{
	float: right;
	margin: 50px 15px 0 0;
}

#headerStart{
	height: 	19px;
	width:		995px;
	background: url(../img/bg_header.png) no-repeat #dfeaed;
}

#header{
	height: 	140px;
	width:		978px;
	background: url(../img/header_bg.gif) no-repeat #dfeaed;
	margin-bottom: 25px;
}

#header .info{
	float: right;
	font-weight: bold;
	font-size: 11px;
	margin: 53px 34px 0 0;
}

#header .title{
	font-weight: bold;
	font-size: 11px;
	margin: 100px 0 0 200px;
	float: left;
}

/* Navigation
----------------------------------------*/
ul#nav{
	float: left;
	font-weight: bold;
}

ul#nav li{
	margin-bottom: 25px;
}

ul#nav li.active a{
	color: #000;
}

/* Main Content
----------------------------------------*/
#wrapper{
	position: relative;
	width: 	990px;
	left: 	50%;
	margin-left: -495px;
}

#content{
	background: url(../img/bg_content.png) repeat-y;
}

#inhalt{
	float: right;
	width: 790px;
	margin-bottom: 50px;
	min-height: 300px;
}

#inhalt img.portrait{
	float: left;
	margin: 0 15px 15px 0;
}

#inhalt img.anfahrt{
	border: 1px solid #277188;
	margin-right: 20px;
}

#inhalt .setRight{
	margin-left: 130px;
}

#login{
	margin-top: 20px;
}

ul#fragen{
	margin: 0;
}

ul#fragen li{
	background: url(../img/loewe.gif) no-repeat 0 3px;
	padding-left: 40px;
	margin-bottom: 15px;
}

#impressum{
	float: right;
	margin-right: 24px;
	font-size: 11px;
}

.trenner{
	color: #277188;
	font-size: 16px;
	border-top: 1px dashed #999999;
	border-bottom: 1px dashed #999999;
	padding: 10px 0;
	width: 500px;
	margin: 10px 0 20px 0;
}

.trennlinie{
	border-top: 1px dashed #999999;
	height: 1px;
	width: 500px;
	margin: 10px 0 20px 0;
}

.description{
	font-weight: bold;
	border-top: 1px dashed #999999;
	border-bottom: 1px dashed #999999;
	padding: 10px 0;
	width: 500px;
	margin: 10px 0 20px 0;
}

.boldBlue{
	color: #277188;
	font-weight: bold;
}

.formLink{
	margin: 0 0 0 150px;
}

.formTrenner{
	border-top: 1px dashed #999999;
	width: 500px;
	margin: 10px 0 15px 0;
}

/* Content Table
----------------------------------------*/
#inhalt table{
	width: 600px;
	border: 0;
}

#inhalt table td.description{
	font-weight: bold;
	color: #277188;
	font-size: 14px;
	width: 150px;
	border: none;
	margin: 0;
	padding: 0;
}


#inhalt table td{
	padding-bottom: 20px;
	vertical-align: top;
}

/* Footer
----------------------------------------*/
#footer{
	height: 	18px;
	width:		995px;
	background: url(../img/bg_footer.png) no-repeat;
}

/* ---------------------------*/
/* Formularelemente */
label{
	float: left;
	width: 150px;
	font-weight: bold;
	color: #333;
	margin-bottom: 10px;
}

input, textarea, select{
	width: 350px;
	margin-bottom: 5px;
}

textarea{
	width: 350px;
	height: 150px;
}

.boxes{
	width: 1em;
}

#submitbutton{
	margin-left: 150px;
	margin-top: 5px;
	width: 90px;
}

#backbutton{
	width: 150px;
	float: left;
}

#nextbutton{
	width: 150px;
	margin-left: 200px;
}

#firstbutton{
	width: 150px;
	margin-left: 350px;
}

form br{
	clear: left;
}



/* ---------------------------*/
/* CLEARFIX */
.clearfix:after {
    content: 		".";
    display: 		block;
    clear: 			both;
    visibility: 	hidden;
    line-height: 	0;
    height: 		0;
}

.clearfix {
    display: 		inline-block;
	clear: 			both;
}

html[xmlns] .clearfix {
    display: 		block;
}

* html .clearfix {
    height: 		1%;
}