@charset "utf-8";

a, a:link, a:visited, a:hover, a:active {
	color: #36a7e9;
	text-decoration: none;
}

a:hover {
	color: #36a7e9;
	text-decoration: underline;
}

body, td, th, p, input, textarea{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #4A4949;
	line-height: 21px;
	font-weight: normal;
	/*min-width: 40em; /* Mindestbreite verhindert Umbruch und Anzeigefehler in modernen Browsern / Quelle: selfhtml.org */
}

h1{
font-size:26px;
letter-spacing:-1px;
color: #006AB3;
margin:0px 0 10px 0;
line-height:28px;
}
h2{
font-size:22px;
letter-spacing:-1px;
color: #006AB3;
margin:0px 0 20px 0;
}

h3{
font-size:36px;
color: #fff;
margin:0px 0 0 0;
padding:175px 0 15px 30px;
height:50px;
font-weight: normal;
}
h4{
font-size:16px;
color: #006AB3;
padding:10px 0 10px 0;
font-weight:bold;
}

p {margin-bottom: 20px}

.clear{
clear:both;
}

.big{
font-size:18px;
}
.small{
font-size:11px;
}

.hr{
margin:0px 0 15px 0;
height:1px;
background-image: url(../images/hr.gif);
background-repeat: repeat-x;
}

.clear{
clear:both;
}


#col1 li {list-style: square; margin-left: 15px;}
#col1 ul {margin-bottom: 15px;}


/********************************************
Content
********************************************/ 
.content_col1{
margin:20px 30px 35px 30px;
padding:0 0 0px 0;
}

.alignleft {float: left; margin: 0 20px 0px 0; clear: both;}

#trainer p {height: 120px; margin-bottom: 10px;}

.ansprechpartner{
float:left;
margin:0 0 20px 0;
clear:both;
width:540px;
}
.ansprechpartner img{
float:left;
margin:0 20px 0 0;
}
.ansprechpartner strong{
	font-size:14px;
}

/********************************************
Teaser
********************************************/ 

a.teaser_content{
margin:0px 0px 20px 0;
padding:10px 10px;
background-color:#36A7E9;
cursor:pointer;
font-size:16px;
font-weight:bold;
color:#fff;
background-image: url(../images/pfeil.gif);
background-repeat: no-repeat;
background-position: right;
width:580px;
float:left;
}
.teaser_content:hover{
background-color:#2394CC;
color:#fff;
background-image: url(../images/pfeil2.gif);
background-repeat: no-repeat;
background-position: right;
}


.artikelteaser{
margin:20px 30px 35px 30px;
padding:0 0 0px 0;
}

.col2teaser{
margin:0px;
padding:30px;
width:240px;
text-align:center;
}

.col2teaser span{
margin:0px 30px;
}

.bt{
background-color: #35a8e9;
padding:2px 12px 2px 15px;
margin: 15px 10px 0 0;
background-image: url(../images/front_bt.gif);
background-repeat: no-repeat;
float:left;
background-position: left -2px;
}
.bt a{
color:#fff;
}


.blase{
float:right;
height:11px;
width:22px;
padding:0px 0px 6px 0;
margin: -28px 0px 0 0;
background-image: url(../images/back_kommentar.gif);
background-repeat: no-repeat;
font-size:9px;
background-position: 0px 5px;
}
.blase a{
color:#fff;
padding:4px;
}


.datum{
float:left;
height:50px;
width:50px;
padding:5px 0px 0px 0;
margin: -29px 0px 0 -80px;
background-image: url(../images/back_datum.gif);
background-repeat: no-repeat;
font-size:12px;
text-align:center;
color:#fff;
text-transform: lowercase;
}
.datum strong{
font-size: 23px;
}


/********************************************
Bottom
********************************************/ 
.bottom_col1{
width:315px;
margin:-35px 0px 0px 30px; 
float:left;
}
.bottom_col2{
width:550px;
margin:-35px  0px 0px 45px; 
float:left;
}
.bottom_col3{
width:270px;
margin:-35px  30px 0px 0px; 
float: right;
}

.bottom_headline{
color:#b6d329;
font-size:16px;
line-height:36px;
font-weight:bold;
padding:0 0 0px 0;
}

/********************************************
Form Elemente
********************************************/ 
.suchfeld{
height:30px; 
width:240px;
float:right;
margin: 21px 27px 0 0; 
padding:0 0 0 0;
background-color:#fff;
}

form {
	margin: 0px; 
	padding: 0px;
}
label {
	display:block;
	font-weight:bold;
	margin:0;
}
input {
	padding:0px;
	border:0px solid #fff;
	background:transparent;
	color:#777;
}

input.button{
	height: 16px;
	width:16px;
	margin: 0;
	padding:7px 0 0 0;
	color: #ffffff;
	border: none;
}
input.bt{
color: #ffffff;
height: 26px;
}

.textbox_suche { 
	width: 203px;
	height: 20px;
	color: #777; 	
	padding:6px 0 0px 10px;
	margin:0;
	vertical-align:top;
	background-color:#fff;
}
.textbox_newsletter { 
	width: 305px;
	height: 20px;
	color: #777; 	
	padding:7px 0 5px 10px;
	margin:5px 0;
	vertical-align:top;
	background-color:#fff;
}


/********************************************
Kommentare
********************************************/ 
.kommentar {
padding:0px;
margin:0px 0 25px 0;
}

.textbox_kommentar {
width:590px;
height: 20px;
color: #777;
padding:7px 0 3px 10px;
margin:0px 0 10px 0;
vertical-align:top;
background-color:#fff;
border: 1px solid #989898;
}

.textarea_kommentar {
width:590px;
height: 100px;
color: #777;
padding:7px 0px 3px 10px;
margin:0px 0 10px 0;
vertical-align:top;
background-color:#fff;
border: 1px solid #989898;
}

.kommentar strong{
color: #36a7e9;
}

.kommentar p{
background-color:#fff;
border: 1px solid #989898;
padding:7px 10px;
margin:15px 0 0 0;
width:580px;
}
.kommentarblase{
float:left;
background-image: url(../images/kommentar_blase.gif);
background-repeat: no-repeat;
width:10px;
height:10px;
top:6px;
position:relative;
}