/* *****************************************************************************
   Formatierungen BODY & CONTAINER & CLEARFIX
***************************************************************************** */
* { 
	margin:0; 
	padding:0; 
}

html, body, #wrap {
  height:100%;
  font-family: Verdana, Helvetica, sans-serif;
  font-size:0.9em;
	line-height:1.4em;
	background-color:#fff; 
}

body > #wrap { 
	height:auto; 
	min-height:100%; 
}

#wrap {
 width:795px; 
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	
}

.clearfix { display: inline-block; }

/* hide from IE-mac */
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* end hide from IE-mac */



/* *****************************************************************************
   Formatierungen HEADER
***************************************************************************** */
#header {
	background:url('../img/bg_header.png') repeat-x;
	text-align:right;
	height:96px;
}

#header #logo { float:left; }

#header #riesenrad {
	display:inline;
	float:left; 
	padding-left:15px;
}

/* *****************************************************************************
   Formatierungen TOPNAVIGATION (Login, Sitemap, Impressum)
***************************************************************************** */
.top-nav {
	font-size:0.8em;
	display:block;
	padding:6px 10px 74px 0px;
}

.top-nav a {
	color:#022D4F; 
	text-decoration:none;
}

/* *****************************************************************************
   Formatierungen HAUPTNAVIGATION 
***************************************************************************** */
#navigation {
	text-align:right; 
	padding:1px 10px 0 0; 
	background-color:#022D4F; 
}

#navigation ul {
	list-style-type:none; border-top:1px solid #022d4f;
}

#navigation li {
	display:inline;
	padding:2px 5px;
}

#navigation li.current {
	background-color:#eee;
	border-top:1px solid #022d4f;
}

#navigation a {
	color:#fff; 
	font-weight:bold; 
	text-decoration:none;
	font-size:0.9em;
}

#navigation a.current {
	color:#022D4F;
}

/* *****************************************************************************
   Formatierungen CONTENT LEFT - linker Bereich
***************************************************************************** */
#left-col {
	width:165px;
	float:left;
	text-align:left;
}

#left-col .title, #right-col .title {
	background-color:#022D4F; 
	font-weight:bold; 
	font-size:0.9em; 
	color:#fff; 
	display:block;
	text-align:center;
}

/* *****************************************************************************
   Formatierungen CONTENT CENTER - mittlerer Bereich
***************************************************************************** */
#content {
	float:left; 
	background-color:#fff;
	border-top:1px solid #ddd;
	padding: 0px 7px 10px 7px;
}

/* *****************************************************************************
   Formatierungen ALLGEMEIN
***************************************************************************** */
img { border:0px; }

td { 
	font-size:0.95em;
	line-height:1.3em; 
	padding:1px 5px;
}

th { 
	text-align:left; 
	padding:1px 5px; 
}

h1 {
	color:#9A0034; 
	padding:10px 0;
	font-size:1.2em;
}

h2 {
	color:#022D4F; 
	padding:10px 0 3px 0;
	font-size:1em;
	border-bottom:1px solid #ddd;
}

h3 {
	color:#333;
	font-weight:bold;
	font-size:0.9em;
}

p { padding:7px 0; }

ul { padding-left: 20px; }

dt { 
	font-weight:bold; 
	color:#022d4f; 
	padding:10px 0 3px 0; 
	border-bottom:1px solid #ddd; 
}

dd { padding:2px 10px; }

abbr { cursor:help; }

/* *****************************************************************************
   Formatierungen LINKS
***************************************************************************** */
#content a:link, #content a:active, #right-col a:link, #right-col a:active { 
	color:#111;
}

#content a:visited, #right-col a:visited {
	color:#333;
}

#content a:hover, #right-col a:hover  {
	color:#9a0034;
}

/* *****************************************************************************
   Formatierungen für FOOTER
***************************************************************************** */
#footer {
	position:relative; 
	clear:both; 
	height:60px;
	width:795px;
	background-color:#022D4F;
	margin:-60px auto 0 auto;
}

#footer p {
	text-align:center; 
	color:#fff;
	font-size:0.8em;
	padding:5px 0;
	
}

.footer_blue {
	
}

#backfooter {
	position:relative; 
	clear:both; 
	height:60px;
	width:795px;
	margin:-60px auto 0 auto;
	background-color:#022D4F;
}

#backfooter .footer_blue p {
	text-align:center; 
	color:#fff;
	font-size:0.8em;
	padding:8px 0;
}

.footer_blue {
	background-color:#022D4F;
}

.footer_white {
	background-color:#fff; 
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-top: 2px solid #022D4F;
}

/* *****************************************************************************
   Formatierungen NÜTZLICHE KLASSEN
***************************************************************************** */
.created {
	text-align:right;
	color:#999; 
	font-style:italic;
	font-size:0.8em;
	padding:0;
}

.message { 
	padding:10px 0 5px 0; 
	font-weight:bold; 
	color:#022D4F; 
}

/* *****************************************************************************
   Formatierungen FORMULARE
***************************************************************************** */
label { 
	clear:both;
	display:block; 
	font-size:1em; 
	padding:5px 0 2px 0;  
}

input, select, textarea { 
	border:1px solid #999; 
	float:left;
	font-family: "frutiger linotype", "lucida grande", "verdana", sans-serif;
	font-size:0.9em;
	margin-right:10px;
}

input, textarea, option { 
	padding:2px; 
}

.submit { 
	clear:both; 
	padding-top:10px; 
	width:auto; 
}

input.button {
	background-color:#022D4F;
	color:#fff;
	font-weight:bold;
	border: none;
	font-size:0.8em;
}


.error label { 
	color:#900; 
	font-weight:bold; 
}

.error input, .error textarea { 
	background-color:#eee; 
}

.error-message { 
	font-weight:bold; 
	color:#900; 
	font-size:0.8em;  
}

/* *****************************************************************************
   Formatierungen KONTAKTFORMULAR
***************************************************************************** */
#content .contactform .input input { width:205px; } 
#content .contactform .input textarea { width:330px; height:150px; }

/* *****************************************************************************
   Formatierungen CONTENT LEFT - FORMULAR SCHNELLSUCHE
***************************************************************************** */
#left-col label {
	font-weight:bold; 
	color:#022D4F; 
}

#left-col .input input { width:130px; }
#left-col select { width:136px; }


div.paging {
	width:550px;
	color: #333;
	padding: 1em 0;
	font-size:10px;
}
div.paging div.disabled {
	color: #aaa;
	display: inline;
}
div.paging span {
}
div.paging span.current {
	color: #000;
}
div.paging span a {
}

p.paging-info {
	font-size:0.9em; 
	text-align:right;
}