/* -------------------------------------
	Allgemeine Styles
   ------------------------------------- */
   
html,body {
	margin: 0px;
	padding:0px;
}

html { 
}

body {
	font-family: Arial;
	font-size: 13px;
	color: #ffffff;
	background-position: center top;
    background-repeat: repeat-y 
}

img{
	border: none;
}

h1{

}

h2{

}

p{
	margin: 0px;
	padding: 0px;
}

a{
	text-decoration: none;
}

a:hover{
	
}

ul, li{
	/*margin: 0px;
	padding: 0px;
	list-style-type: none;*/
}


/* -------------------------------------
	Layout-Container
   ------------------------------------- */

#container{
	margin: 0px auto;
	width: 1088px;
	min-height: 650px;
}

#header{
	position: relative;
	height: 84px;
	background-image: url('../img/bg_header.png');
	background-repeat: no-repeat;
}

#headerLogo{
	position: absolute;
	left: 19px;
}

#headerImgRight{
	position: absolute;
	right: 19px;
}

#colContainer{
	width: 1022px;
	padding: 14px 14px 35px 14px;
	margin: 0px auto;
	margin-bottom: 14px;
	background-repeat: no-repeat;
}

#colContainerBackground{
	background-repeat: repeat-y;
}

#contentCol{
	font-size: 15px;
}

#leftCol{
	float: left;
	width: 455px;
}

.blue #leftCol{
	background-image: url('../img/bg_blue.png');
}

.green #leftCol{
	background-image: url('../img/bg_greed.png');
}

.red #leftCol{
	background-image: url('../img/bg_red.png');
}

.yellow #leftCol{
	background-image: url('../img/bg_yellow.png');
}

.blue #leftColInnerContent{
	background-image: url('../img/bg_big_blue.png');
	background-repeat: no-repeat;
}

.green #leftColInnerContent{
	background-image: url('../img/bg_big_green.png');
	background-repeat: no-repeat;
}

.red #leftColInnerContent{
	background-image: url('../img/bg_big_red.png');
	background-repeat: no-repeat;
}

.yellow #leftColInnerContent{
	background-image: url('../img/bg_big_yellow.png');
	background-repeat: no-repeat;
}

/*.blue #rightCol{
	background-image: url('../img/bg_small_blue.png');
}

.green #rightCol{
	background-image: url('../img/bg_small_green.png');
}

.red #rightCol{
	background-image: url('../img/bg_small_red.png');
}

.yellow #rightCol{
	background-image: url('../img/bg_small_yellow.png');
}*/

#leftColInnerContent{
	padding: 14px;
	min-height: 592px;
}

#rightCol{
	float: right;
	width: 255px;
	min-height: 620px;
}

#rightColInnerContent{
	margin: 14px;
}

#footer{
	font-size: 9px;
	text-transform: uppercase;
	height: 52px;
	padding: 0px 28px;
}

#footer a{
	color: #9C9D9F;
}

#footer a.footerLang{
	float: left;
}

#footer a.footerImpressum{
	float: right;
}

/* -------------------------------------
	Navigationstyles
   ------------------------------------- */

#navigationCol{
	float: left;
	width: 140px;
	min-height: 592px;
	padding: 14px;
	margin-right: 14px;
	/*background-image: url('../img/bg_navigation.png');*/
}

#navigationCol ul, #navigationCol li{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#navigationCol ul{
	line-height: 12px;
}

#navigationCol ul li{
	margin-bottom: 14px;
}

#navigationCol ul li a.navigationCategory, #navigationCol ul li a.navigationCategorySelected{
	text-transform: uppercase;
	font-size: 10px;
	color: #9C9D9F;
}

#navigationCol ul li a.navigationElement{
	text-transform: none;
	font-size: 14px;
    line-height: 18px;
	color: #ffffff;
}

a.blue:hover{
	color: #00a3e2 !important;
}

a.green:hover{
	color: #6db241 !important;
}

a.red:hover{
	color: #d95764 !important;
}

a.yellow:hover{
	color: #fbbc00 !important;
}

a.navigationElementSelectedblue, a.navigationElementSelectedgreen, a.navigationElementSelectedred, a.navigationElementSelectedyellow{
	font-size: 14px;
	line-height: 18px;
}

a.navigationElementSelectedblue{
	color: #00a3e2;
}

a.navigationElementSelectedgreen{
	color: #6db241;
}

a.navigationElementSelectedred{
	color: #d95764;
}

a.navigationElementSelectedyellow{
	color: #fbbc00;
}

#navigationCol ul li ul li{
	margin-bottom: 0px;
}

.service{
	font-size: 10px !important;
	text-transform: uppercase !important;
}

/* -------------------------------------
	Kategoriestyles
   ------------------------------------- */
/* -------------------------------------
	Kategoriestyles
   ------------------------------------- */

.bgblue{
	background-image: url('../img/bg_cols_blue.png');
}

.bggreen{
	background-image: url('../img/bg_cols_green.png');
}

.bgred{
	background-image: url('../img/bg_cols_red.png');
}

.bgyellow{
	background-image: url('../img/bg_cols_yellow.png');
}

/*a.blue:hover{
	color: #00a3e2;
}

.green{

}

.green:hover{
	color: #00FF00;
}

.red{
	
}

.red:hover{
	color: FF0000;
}

.yellow{

}

.yellow{

}*/

/* -------------------------------------
	Seitenstyles
   ------------------------------------- */

#contentCol ul, #contentCol li{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
   
#contentCol a{
	color: #ffffff;
	background-image: url('../img/link_marker.png');
	background-repeat: no-repeat;
	background-position: 0px;
	padding-left: 14px;
} 

#contentCol a:hover{
	/*font-weight: bold;*/
	text-decoration: underline;
}

#contentCol h1{
	margin-top: 0px;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: bold;
}

#contentCol h2{
	margin: 0px 0px 14px 14px;
	padding: 0px;
	font-size: 15px;
}

#contentCol ul li{
	list-style-image: url('../img/list_marker.png');
	margin: 0px 0px 10px 14px;
}   
 
#leftColInnerContent h1{

}

#leftColInnerContent h2{
	
}

#leftColInnerContent p{
	margin-bottom: 14px;
}

#rightColInnerContent h1{

}

#rightColInnerContent p{
	margin-bottom: 14px;
}

#rightColInnerContent .image_container{
	text-align: center;
}

.text, .textTwoCol, .textBoxUnderline{
	margin-bottom: 14px;
	line-height: 19px;
}

.text{

}

.textTwoCol{
	
}

.textColLeft{
	float: left;
	margin-right: 14px;
	width: 206px;
	margin-right: 14px;
}

.textColRight{
	float: left;
	width: 206px;
}

.textBoxBorder{
	padding-bottom: 14px;
	margin-bottom: 14px;
	border-bottom: 1px dotted;
}

.image_container{

}

.spacer{
	height: 14px;
}
   
/* -------------------------------------
	Kontaktformular
   ------------------------------------- */

form{
	margin-bottom: 14px;
}   
   
form .formField{
}

form .formField label{
	margin-bottom: 4px;
}

form .formField input, form .formField textarea, form .formField select{
	background: none;
	border: 1px dashed #ffffff;
	width: 100%;
	color: #ffffff;
	margin-bottom: 12px;
}

form .formField input{
	height: 14px;
}


form .formField textarea{
	height: 240px;
	margin-bottom: 20px;
}

form .formField select{
	background-color: #ECB000;
	border: 1px dashed #ffffff;
	color: #ffffff;
	width: 228px;
}

form .formField select option.dayTimeOption{
	background-color: #ECB000;
	background-image: url('../img/option_background.png');
	border-left: 1px dashed #ffffff;
	border-right: 1px dashed #ffffff;
	border-bottom: 1px dashed #ffffff;
	color: #ffffff;
}

form .formField select option.dayTimeOption:hover{
	background-color: #F7AA00 !important;
	background-image: url('../img/option_background_hover.png');
}

form .missing{
	font-weight: bold;
}

form .submit{
	float: right;
}

form .submit label, form .submit input{
	width: auto;
	border: none;
	margin: 0px;
}

p.securityQuery{
	letter-spacing: 4px;
}

/* -------------------------------------
	News Styles
   ------------------------------------- */

.newsContainer{
	border-bottom: 1px dotted;
	margin-bottom: 14px;
}

.newsContainer h3.newsTitle{
	font-size: 15px;
	margin: 10px 0px 10px 0px;
	padding: 0px;
}

.newsImg{
	overflow: hidden;
	margin: 0px 0px 8px 0px;
}

.newsDate{

}

p.newsTeaser{
	line-height: 19px;
	margin: 0px 0px 20px 0px;
}

/* Detailansicht */
.newsImageContainer {
	width: 229px;
	overflow: hidden;
	margin: 0px 0px 8px 0px;
}
   
/* -------------------------------------
	sonstige Styles
   ------------------------------------- */
   
.clear{
	clear: both;
	height: 1px;
	overflow: hidden;
}

.clearfix:after {
    content:     ".";
    display:     block;
    height:     0;
    clear:         both;
    visibility: hidden;
}
.clearfix {
    display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
    height: 1%;
}
.clearfix {
    display: block;
}