/* Autor: Dirk Petscheleit --- www.roterblitz.de */


/* @group reset */

:link,:visited {
	text-decoration: none;
}

ul,ol {
	list-style: none;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 1em;
}

ul,ol,dl,dt,dd,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {
	margin: 0;
	padding: 0;
}

a img,:link img,:visited img {
	border: none;
}


/* @end */



/* @group Generelle Formatierungen */


body {
	font:83%/1.5 Georgia, "Times New Roman", Times, serif;
	background-color: #e8eadb;
	line-height:120%;
	color: black;
	text-align: center;
}

a:link {
	color: #393939;
	text-decoration: underline;
}

a:visited {
	color: #393939;
	text-decoration: underline;
}

a:hover {
	color: #414141;
}

a:active {
	color: #414141;
}

a:focus { 
	outline: none; 
}

	
h1, h2, h3, h4, h5, h6 {
	font-family: Georgia, "Times New Roman", Times, serif;
	margin: 1em 0 .3em;
	padding-bottom: .1em;
	line-height: 1.3em;
	font-weight:  normal;
	letter-spacing: 1px;
	color: #5d5d5d;
}

h1 {
	font-size: 17px;
	margin-left:  10px;
}

h2 {
	font-size: 20px;
	margin-left:  20px;
	margin-bottom:  20px;
	margin-right:  20px;
	background: transparent url(../images/layout/ornament1.png) bottom center no-repeat;
	padding-bottom:  30px;
	text-align: center;
	
}

h3 {
	font-weight:  bold;
	font-size: 15px;
	margin: 0px;
	margin-left: 20px;
	margin-top:  20px;
	margin-bottom:  10px;
	/*background-color: #a6a37d;*/
}

p, dl, ul {
	margin: 0 0 0.5em;
	font-size:  1.0em;
	margin-left:  20px;
	margin-right:  20px;
	line-height: 1.8em;
	letter-spacing: 1px;
	color:  #666;
	
}


blockquote {
	width:  250px;
	float:  left;
	font-size:  1.2em;
	background: transparent url(../images/layout/quote-f.png) top left no-repeat;
	padding:  20px 10px 10px 20px;
	margin:  0 0 0 10px;
}

#mainContent p:first-letter {
	font-size:  20px;
}

#mainContent dl  {
	margin-left:  40px;
}

#mainContent dd {
	margin-bottom:  20px;
}

#mainContent dt {
	margin-bottom:  10px;
	font-size:  14px;
}

#mainContent ul {
	color: #5d5d5d ;
	font-size:  12px;
	margin-left:  60px;
	list-style: square;
	margin-bottom: 10px;
}

#subContent div.box {
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	margin:  0;
	margin-top: 25px;
	padding:  10px;
	background-color: #c1bd92;
	font-size:  0.9em;
}

#logoBox {
	position: absolute;
	bottom:  80px;
	right:  3px;
	width:  290px;
	text-align: center;
}



#subContent #logoBox img {
	margin-right:  15px;
	border:  none;
}


p.imgTitle {
	border-bottom: 1px solid white;
	font-size:  0.9em;
	margin:  0;
	padding-left:  10px;
	background-color: #c1bd92;
}


/* @end */


/* @group Standardklassen */

.center {
	text-align: center;
}

.right {
	text-align: right;
}

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

.small {
	font-size:  11px;
}

.hotline {
	font-size: 1.5em;
}


/* @end */



/* @group Layout */
/*  ##############
	### Container
	############## 
*/

#container {
	width: 920px;
	margin:  auto;
	text-align: left;
	margin-top:  20px;
}

#header {
	background-color: white;
	height:  141px;
}

#header a#logo {
	float:  right;
	width:  300px;
	height:  140px;
	background-color: #24294f;
	border-left:  1px solid white;
	text-align: center;
}

#header img {
	margin-top:  20px;
}

#topBar {
	height:  25px;
	background: #e6e2af url(../images/layout/topbar.jpg) top right repeat-y;
	border-bottom:  1px solid white;
}
#wrap {
	border:  2px solid white;
	color:  black;
	background-color: white;
}


#content {
	background-color: #a6a37d;
	overflow: hidden;
	position:  relative;
	height:  1%;
}


#mainContent {
	float:  left;
	width:  615px;
	display: inline;
	background-color: #E6E2AF;
	border-right:  1px solid white;
	padding-bottom:  30px;

}

#subContent {
	width: 300px;
	float:  left;
	height:  100%;

}



#subContent img {
	border-bottom: 1px solid white;
}

#subContent .bottomLogos img {
	border:  none;
}

.imageBottom {
	position: absolute;
	bottom:  70px;	
}

.bottomLogos {
	position: absolute;
	bottom:  70px;	
}

.bottomLogos p {
	line-height: 1.1em;
	margin-bottom:  30px;
}



#footer {
	background-color: #a6a37d;
	color:  black;
	height:  25px;
	font-size:  10px;
	line-height:  25px;
	width:  100%;
	clear:  both;
	position:  relative;
	height: 70px;
	border-top:  1px solid white;
}

#footer p#hotline {
	float:  right;
	width:  300px;
	height:  70px;
	background-color: #24294f;
	border-left:  1px solid white;
	text-align: center;
}



#footer p {
	margin: 0;
	padding:  0;

}

#footer span {
	position:  absolute;
	top:  40px;
	left:  10px;
	z-index:  100;

}

#footer img {
	margin-top: 10px;
}

#contact {
	text-align: left;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #878787
}

#contact a, #contact a:visited {
	color: #878787
}
/* @end */





/* @group Navigation */

#navigation {
	background: #a6a37d url(../images/layout/header-left.jpg);
	height: 140px ;
	list-style-type: none;
	font-size:  12px;
	font-family: Arial, Helvetica, sans-serif;
	width: 615px;
	float:  left;
	margin:  0;
	
}

#navigation li {
	display:  block;
	float:  left;
	width:  190px;
	margin-left: 20px;
	margin-right:  10px;
	margin-top:  10px;
}

#navigation a {
	display: block;	
	color:  white;
	text-align:  left;
	font-weight: normal;
	font-size:  14px;
	width:  180px;
	padding:  5px 5px 5px 25px;
	background: transparent url(../images/layout/nav.gif) 0 10px no-repeat;
}

#navigation a:link, #navigation a:visited {
	color:  #E6E2AF;
	text-decoration: none;
}
#active a, #active a:visited {
	background: transparent url(../images/layout/active.gif) 0 8px no-repeat;
	color:  white;
}

#navigation a:hover {
	background: transparent url(../images/layout/active.gif) 0 8px no-repeat;
	color:  white;
}


/* Subnavigation */

ul#subNavigation {
	margin: 0;
}

#subNavigation li {
	font-family: Arial, Helvetica, sans-serif;
	display: inline;
	width:  auto;
	padding:  5px 20px 5px 20px;
	line-height:  25px;
	border-right:  1px solid white;
}

#subNavigation li a {
	text-decoration: none;
	color: #414141;
}

#subNavigation li a:hover {
	color: black;
}
/* My Comment */

/* @end */



/* @group Formulare */

form {
	margin: 0;
	padding: 0;
}

fieldset {
	margin: 1em 1em;
	border: none;
	border-top: 1px solid #a6a37d;
}

legend {

	padding: 1em .5em;
	color: #5d5d5d;
	background: transparent;
	font-size: 1.3em;
	font-weight: bold;
}

label {
	float: left;
	width: 100px;
	padding: 0 1em;
	text-align: right;
}

fieldset div {
	margin-bottom: .5em;
	padding: 0;
	display: block;
}

fieldset div input, fieldset div textarea {
	width: 150px;
	border:  1px solid #a6a37d;
	padding: 1px;
	color: #333;
	background-color: #e6e2af;
}



fieldset div textarea {
	width:  300px;
}

fieldset div select {
	padding: 1px;
	width:  300px;
}

div.fm-multi div {
	margin: 5px 0;
}

div.fm-multi input {
	width: 1em;
}

div.fm-multi label {
	display: block;
	width: 200px;
	padding-left: 5em;
	text-align: left;
}

#fm-submit {
	clear: both;
	padding-top: 1em;
	text-align: center;
}

#fm-submit input {
	border: 1px solid #333;
	padding: 2px 1em;
	background: #555;
	color: #fff;
	font-size: 100%;
}

input:focus, textarea:focus {
	background: #efefef;
	color: #000;
}

p#fm-intro {
	text-align: right;
	font-size:  11px;
}

	
/* required fields - does not work in IE */
fieldset div.fm-req {
	font-weight: bold;
}

fieldset div.fm-req label:before {
	content: "* "; /* does not work in IE */
}


/* @end */