/* ================================================================== */ 
/* KATEGORIE => Kontakt                                              */
/* ================================================================== */

/* Benötigte Stylesheets importieren == ANFANG == */

@import url('general.css');
@import url('header.css');
@import url('navigation.css');
@import url('content.css');
@import url('footer.css');

/* Benötigte Stylesheets importieren == ENDE == */

/* Kategoriespezifische CSS- Deffinitionen == ANFANG == */

/* Sidebar für Kontaktformular ändern */

div#kontaktsidebar{
	margin-left:21px;
}

/* Kontaktformular */
#kontaktformular{
	position:relative;
}

#kontaktformular label{
	display: block;

	font-weight: 700;
	line-height: 1.4em;
}

#kontaktformular input{
	width: 280px;
	padding: 6px;
	color: #949494;
	font-family: Arial,  Verdana, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #cecece;
}

#kontaktformular .checkbox{
	width:20px !important;
	border:0px none;
}

#kontaktformular input.error{
	background: #f8dbdb;
	border-color: #e77776;
}

#kontaktformular textarea{
	width: 280px;
	height: 80px;
	padding: 6px;
	color: #adaeae;
	font-family: Arial,  Verdana, Helvetica, sans-serif;
	font-style: italic;
	font-size: 12px;
	border: 1px solid #cecece;
}
#kontaktformular textarea.error{
	background: #f8dbdb;
	border-color: #e77776;
}

#kontaktformular div{
	margin-bottom: 15px;
}
#kontaktformular div span{
	margin-left: 10px;
	color: #b1b1b1;
	font-size: 11px;
	font-style: italic;
}
#kontaktformular div span.error{
	color: #e46c6e;
}
#kontaktformular #send{
	background-image:url(../images/kontakt/btn_senden.png);
	width:64px;
	height:25px;
	border:0px none;
	background-position: 0 0;
}

#kontaktformular #send:hover{
	background-image:url(../images/kontakt/btn_senden_hover.png);
	background-position: 0 25px;
}

#error{
	margin-bottom: 20px;
	border: 1px solid #efefef;
}
#error ul{
	list-style: square;
	padding: 5px;
	font-size: 11px;
}
#error ul li{
	list-style-position: inside;
	line-height: 1.6em;
}
#error ul li strong{
	color: #e46c6d;
}
#error.valid ul li strong{
	color: #93d72e;
}

/* CAPTCHA */
.captchafeld{
	width:160px !important;
}

.captchabild{
	width:108px;
	height:26px;
	border: 1px solid #cecece;
	margin-left:6px !important;
}

.captchabild.error{
	border:1px solid #e77776;
}

/* Kategoriespezifische CSS- Deffinitionen == ENDE == */