html {height: 101%; padding-bottom: 1px;}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	background-color: #ECECED;
	font-size: 100.01%; 
  	min-height: 101%;	
	color: #575757;
}

* {
	margin: 0;
	padding: 0;
}

body, table, div, td, th, p, a, input, textarea, option, select, h1, h2, h3, h4, h5, h6, span, em {
	font-size: 12px;
}

h2, h3, h4 {
	font-weight: bold;
}

h1 {
	color: #4F648B;
}

h2 {
	color: #575757;
	font-weight: bold;
}

h3 {
	color: #4F648B;
	font-weight: bold;
}

h4 {
	color: #E2003B;
	font-weight: bold;
}

h5 {
	color: #4F648B;
	font-weight: normal;
}

h6 {
	color: #E2003B;
	line-height: 130%;
	font-weight: normal;
}

p {
	/*padding: 5px 10px;*/
	margin:0px; 
	text-align: left;
	line-height: 130%;
}

#contentright ul.square {
	list-style: none;
	background-image: url(../images/re_gross.gif);
	background-position: 0px 4px;
	background-repeat: no-repeat;
	padding-left: 15px;
/*	padding-bottom: 10px;*/
}

#contentright ul.dot {
	list-style: none;
	background-image: url(../images/quadrat.gif);
	background-position: 40px 6px;
	background-repeat: no-repeat;
	padding-left: 50px;
}

#contentright li.ebene1 {
	list-style: none;
	background-image: url(../images/quadrat.gif);
	background-position: 15px 6px;
	background-repeat: no-repeat;
	padding-left: 25px;
/*	padding-bottom: 10px;*/
}

#contentright li.ebene2 {
	list-style: none;
	background-image: url(../images/quadrat.gif);
	background-position: 30px 6px;
	background-repeat: no-repeat;
	padding-left: 40px;
/*	padding-bottom: 10px;*/
}

#contentright ul.arrow {
	list-style: none;
	background-image: url(../images/pfeil.gif);
	background-position: 0px 4px;
	background-repeat: no-repeat;
	padding-left: 15px;
	padding-top: 2px;
}

img, a img {
	border: 0;
	padding: 0px;
}

.floatleft {
	float: left;
	margin-right: 10px;
	margin-top: 3px;
	border: 1px solid #4F648B;
}

.floatright {
	float: right;
	margin-left: 10px;
	margin-top: 3px;
	border: 1px solid #4F648B;
}

.floatright2 {
	float: right;
	margin-left: 10px;
	border: 1px solid #4F648B;
	padding: 5px;
}

.blockquote {
	padding: 0 0 0 50px;
}

.aktuelldot {
	color: #FFFFFF;
}

.mitglieddot {
color: red;
}

#rahmenrot {
	border: 1px solid #E2003B; 
	padding: 2px;
	text-align: left;
}

.kundenstimmen {
	margin:0px; 
	text-align: left;
	line-height: 110%;
	font-size: 11px;
	color: #E2003B;
}

.square {
	background-image: url(../images/re_gross.gif);
	background-position: 0px 6px;
	background-repeat: no-repeat;
	padding-left: 15px;
	padding-bottom: 10px;
}

.mailto {
	background-image: url(../images/icon_mail.gif);
	background-position: 0px 3px;
	background-repeat: no-repeat;
	padding-left: 20px;
	padding-bottom: 10px;
}
 /* ......................................
 LINK-LAYOUT - Beginn
 .........................................
 */
a {
	color: #575757;
}

a:visited {
	color: #797979;
}

a:hover{
	color: #797979;
	text-decoration: none;
}

a img {
	border: 0px;
}
/*
.foto {
	border: 1px solid #797979;
}
*/
.linkInt, .linkInt a, a.linkExt, .linkExt a {
	background-position:2px 2px;
	background-repeat:no-repeat;
}

a.linkExt, .linkExt a{
	padding-left:20px;
	background-position:2px 2px;
	background-repeat:no-repeat;
}

* html a.linkInt, * html a.linkExt {
	height:1%;
	vertical-align:bottom;
	display:inline-block;
}

a.linkInt, .linkInt a {
	background-image:url('../images/arrow_intern.gif') !important;
	padding-left:16px;
}

a.linkExt, .linkExt a {
	background-image:url('../images/arrow_extern.gif') !important;
}

 /* ......................................
 LINK-LAYOUT - Ende
 .........................................
 */ 
 
 

/* .....................................................................................................
Haupt-Navigation - Beginn
........................................................................................................
 */

#navbar a { 
	display:block;
}

#navbar ul {
	list-style-type:none;
	list-style-image:none;
	margin: 0;
	padding:0;
	z-index:5000;
}

#navbar ul li {
	margin:0;
	padding:0;
	float:left;
}

#navbar ul li a {
	display:block;
	padding:0.5em 18px 0px 18px;
	color: #797979;
	font-size:0.9em;
	font-weight:bold;
	text-decoration:none;
}

#navbar ul li a:hover {
	color: #E2003B;
}

.active {
	color: #E2003B;
/*	font-size:0.9em;*/
}
.pfeil {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight:bold;
}
 /* .....................................................................................................
Haupt-Navigation - Ende
........................................................................................................
 */

 
 
/* .....................................................................................................
Sub-Navigation - Beginn
........................................................................................................
 */

#subnav a { 
	display:block;
	font-weight: bold;
}

#subnav ul {
	display:block;
	list-style-type:none;
	list-style-image:none;
	margin:0px;
	padding:0px;
	z-index:5000;
}

#subnav ul li {
	margin:0px;
	padding:0px;
	overflow:visible;
	height:auto;
}

#subnav ul li a {
	padding: 2px 5px 2px 5px;
	color: #4F648B;
	font-size:1em;
	text-decoration:none;
}

#subnav ul li a:hover {
	color: #E2003B;
}

#subnav ul li a.active {
	color: #E2003B;
	font-weight:bold;
}

#subnav .second {
	padding-left: 30px;
}

#subnav .third {
	padding-left: 55px;
}
 /* .....................................................................................................
Sub-Navigation - Ende
........................................................................................................
 */


/* .....................................................................................................
Layout - Beginn
........................................................................................................
 */
#header #slogan h1 {
	text-align: left;
	display: block;
	font-size: 1.5em;
	font-weight: normal;
	padding: 18px 8px 8px 28px;
	margin: 0px;
	
}
 /* .....................................................................................................
Layout - Ende
........................................................................................................
 */
 
 
/* .....................................................................................................
DIV-Layout - Beginn
........................................................................................................
 */
#container {
	display:block;
	width:752px;
	margin: 50px auto 0 auto;
}

#header {
	border: 1px solid #797979;
	height: 78px;
}

#headerred {
	float: left;
	background-color: #E2003B;
	height: 78px;
	width: 10px;
}

#slogan {
	float: left;
	background-color: #FFFFFF;
/*	background-image: url(../images/slogan.jpg);
	background-repeat: no-repeat;*/
	height: 78px;
	width: 540px;
}

#logo {
	float: right;
	background-color: #FFFFFF;
	background-image: url(../images/logo.jpg);
	background-repeat: no-repeat;
	height: 78px;
	width: 200px;
}

#space1 {
	clear: both;
	background-image: url(../images/space1-verlauf.gif);
	background-repeat: repeat-x;
	height: 5px;
	overflow: hidden;
}

#nav {
	border: 1px solid #797979;
	background-color: #FFFFFF;
	height: 22px;
}

#navred {
	float: right;
	background-color: #E2003B;
	height: 22px;
	width: 10px;
}

#space2 {
	clear: both;
	height: 3px;
	overflow: hidden;
}

#gallery {
	border: 1px solid #797979;
	height: 150px;
}

#gallerypic {
	float: left;
	background-image: url(../images/foto.jpg);
	background-repeat: no-repeat;
	height: 150px;
	width: 740px;
}

#galleryred {
	float: right;
	background-color: #E2003B;
	height: 150px;
	width: 10px;
}

#space3 {
	clear: both;
	height: 10px;
	background-image: url(../images/space3-verlauf.gif);
	background-repeat: repeat-x;
	overflow: hidden;
}

#wrapper {
	width: 751px;
	border: 1px solid #797979;
	margin: auto;
	position: relative;
	background-image: url(../images/bg_content.gif);
	background-repeat: repeat-y;
}

#content {
	border-left: 220px solid #DCE0E8;
	background-color: white;
	margin-left: 11px;
	position: relative;
/*	width: 575px;*/
	width: 520px;
}

#contentright {
/*	border: 1px solid black;*/
	overflow: auto;
	padding-left: 20px;
	position: relative;
/*	width: 540px;*/
	width: 485px;
	text-align: left;
	color: #575757;
}

#content:after {
/*	border: 1px solid black;*/
	content: ".";
	display: block;
	visibility: hidden;
	clear: both;
}

#subnav {
/*	border: 1px solid black;*/
/*	width: 166px;*/
	width: 221px;
	float: left;
	margin: 0;
	margin-bottom: 200px;
/*	margin-left: -176px;*/
	margin-left: -231px;
	text-align: left;
	list-style: none;
	padding: 12px 1px 10px 8px;
	height: auto;
	display: inline;
	position: relative;
}

/** html #subnav { 
	line-height: 80%;
}*/

#news {
/*	border: 1px solid black;*/
/*	width: 160px;*/
	width: 215px;
	float: left;
	margin: 0;
	margin-bottom: 200px;
/*	margin-left: -176px;*/
	margin-left: -231px;
	text-align: left;
	list-style: none;
	padding: 14px 2px 10px 13px;
	height: auto;
	display: inline;
	position: relative;
}

address {
	position: absolute;
/*	border: 1px solid black;*/
	bottom: 0;
/*	width: 155px;*/
	width: 210px;
/*	left: -176px;*/
	left: -231px;
	padding: 5px 5px 3px 15px;
	text-align: left;
	font-size: 75%;
	color: #4F648B;
}

#footer {
	clear: both;
	background-image: url(../images/footer-verlauf.gif);
	background-repeat: repeat-x;
	padding: 5px 3px 5px 3px;
	height: 20px;
}

#copyright {
	float: left;
	color: #575757;
	font-size: 75%;
	width: auto;
	height: auto;
}

#copyright a {
	color: #575757;
	font-size: 100%;
}

#design {
	float: right;
	font-size: 75%;
	color: #575757;
	width: auto;
	height: auto;
}

#design a {
	text-decoration: none;
	font-size: 100%;
	color: #575757;
}

#design a:hover {
	text-decoration: none;
	font-size: 100%;
	color: #E2003B;
}

#validate {
	float: right;
	width: auto;
	height: auto;
}
/*.clearfloat {
	display: block;
	float: none;
	clear: both;
	height: 1px;
	font-size: 0px;
	line-height: 0px;
}*/

/* .....................................................................................................
DIV-Layout - Ende
........................................................................................................
 */