/*
 * Author : HDNET GmbH & Co. KG
 * Contact : Email: info@hdnet.de
 * File Name : style.css
*/


/* ========== ALL ELEMENTS */
*{margin:0;padding:0;}
a{outline:none;border:none; color:#4b1a1a;  text-decoration:underline;}


img{border:none;}
input{vertical-align:middle;}
p{margin-bottom:15px;}

.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-block;}
/* Hide from IE Mac \*/.clearfix{display:block;}/* End hide from IE Mac */

.floatleft{float:left !important;}
.floatright{float:right !important;}

acronym, abbr{cursor: help;}


/* ========== BODY */
body{
margin:0;
padding:0;
background:#ffffff;
color:#6d6d6d;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}


/* ========== OUTER */
	#outer{background:url(../img/bg.gif) left top repeat-y; width:939px; margin:33px auto 0 auto;}
	#wrapper{background:url(../img/tr.gif) right top no-repeat;}
	#insider{background:url(../img/inbg.gif) left bottom no-repeat; padding-right:7px; padding-left:2px;}


/* ========== HEADER */
	#header{width:930px; height:160px; background:url(../img/header.jpg) left top no-repeat; margin-bottom:1px; position:relative;}
	

/* ========== LOGO */
	#header h1 a{width:145px; height:110px; position:absolute; left:31px; top:31px; display:block; text-indent:-2000em; background:url(../img/logo.gif) left top no-repeat;}


/* ========== HEADER NAVIGATION */
	#head_nav{border-left:1px solid #ffffff; width:190px; float:right;}
	#head_nav li{ border-top:1px solid #ffffff; line-height:39px; height:39px; list-style:none; text-indent:15px; font-family:trebuchet ms; font-size:14px; width:190px; float:left;}
	#head_nav li a{display:block; color:#ffffff; text-decoration:none;}
	#head_nav li a:hover{text-decoration:underline; color:#ffffff;}
	
	#hnav_kinder a{background:#71a1d2;}
	#hnav_jugendliche a{background:#ff6c00;}
	#hnav_familien a{background:#ff0000;}
	#hnav_altere a{background:#b10000;}
	
	
/* ========== MAIN NAVIGATION */
	#content ul#main_nav {margin-left:0px; padding:0;}
	#main_nav li{list-style:none; height:175px; float:left;}
	#main_nav li a{display:block; height:175px; float:left; background-position: left top; color:#fbf9e1; font-family:trebuchet ms; font-size:14px; line-height:30px; text-decoration:none; text-indent:15px;}
	#main_nav li a:hover{background-position:left bottom; color:#fbf9e1; text-decoration:none;}
	
	#nav_kinder a{width:184px; background-image:url(../img/nav_kinder.jpg);}
	#nav_jugendliche a{width:183px; background-image:url(../img/nav_jugendliche.jpg);}
	#nav_familien a{width:183px; background-image:url(../img/nav_familien.jpg);}
	#nav_altere a{width:183px; background-image:url(../img/nav_altere.jpg);}
	
	
/* ========== SIDEBAR NAVIGATION */
	#sb_nav{margin-bottom:30px;}
	#sb_nav li{list-style:none; font-size:12px; width:186px;}
	#sb_nav li a{color:#b3b3b3; font-weight:bold; display:block; border-left:21px solid #ffffff; border-bottom:1px dotted #7f7f63; text-decoration:none; padding-top:5px; padding-bottom:5px; padding-left:5px;}
	#sb_nav li a:hover{border-left:21px solid #ff0000; color:#6d6d6d; text-decoration:none;}
	
	.sb_nav_selected a{border-left:21px solid #ff0000 !important; color:#6d6d6d !important; text-decoration:none !important;}
	
	/* 2. Ebene */
	#sb_nav li ul{margin-left:12px; border-bottom:1px dotted #7f7f63;}
	#sb_nav li ul li{width:172px;}
	#sb_nav li ul li a{color:#6d6d6d !important; text-decoration:none; font-weight:normal; border:none !important; padding-left:15px;}
	
	/* 3. Ebene */
	
	#sb_nav li ul li ul {margin-left:8px;}
	#sb_nav li ul li ul li a{padding-left:15px;}
	
	
	/* Allgemein */
	#sb_nav li ul li a:hover{text-decoration:underline; background:url(../img/sbred.gif) 0 12px no-repeat; border:none;}
	#sb_nav li ul li a:hover{text-decoration:underline; background:url(../img/sbred.gif) 0 12px no-repeat; border:none;}
	#sb_nav li ul li.act{text-decoration:underline; background:url(../img/sbred.gif) 0 12px no-repeat; border:none;}


/* ========== CONTAINER */
	#container{clear:both;}
	
	
/* ========== CONTENT */
	#content{width:734px; float:right;}
	#middle_content{width:544px; float:left; padding-bottom:20px;}
		
	.cinner{padding:10px 20px;}
	/*.cinner ul{margin-bottom:50px; width:200px;}*/
	/*.cinner ul li{list-style:none; font-size:12px; color:#525252; line-height:18px;}*/


/* ========== HEADINGS */
	#content h1{font-weight:bold; color:#772f2f; font-size:14px; margin-bottom:20px;}
	#content h2{font-weight:bold; color:#772f2f; font-size:13px; margin-bottom:15px;}
	
	
/* ========== COLOR BARS */
	.orange_bar{background:#ffa84a; height:30px;}
	.lorange_bar{background:#fedaa4; height:30px; margin-bottom:20px;}
	
	
/* ========== BREADCRUMB */
	.breadcrumb{color:#b10000; font-size:11px;}
	.breadcrumb a {color:#b10000; font-size:11px;}


/* ========== MAIN PAGE CONTENT */
	#second_line_kinder{margin-bottom:30px;}
	#second_line_jugendliche{margin-bottom:30px;}
	#second_line_familien{margin-bottom:30px;}
	#second_line_aelteremenschen{margin-bottom:30px;}
	
	.section_box{width:182px; height:178px;}
	.section_box p{color:#ffffff; font-size:16px; padding-top:20px; padding-left:15px; line-height:23px;}
	.red_info{width:530px; padding-top:20px;}
	
	.leftlist{float:left; width:250px;}
	.rightlist{width:270px; float:right;}
	
	.red_info ul li{list-style:none; font-size:10px; line-height:16px;}
	.red_info ul li a{color:#4b1a1a; text-decoration:underline !important;}
	.red_info ul li a:hover{color:#4b1a1a; text-decoration:none !important;}
	
	#third_line{clear:both; margin-bottom:30px; background:url(img/bbg.gif) left top repeat-y;}
	#third_line h2{font-size:12px; font-weight:bold; color:#4b1a1a; padding:5px 10px; border-bottom:1px solid #ffffff; line-height:20px;}

	.third_left{width:358px; float:left; background:#fff0c5;}
	.third_right{width:358px; float:right; background:#fff0c5; margin-right:1px; display:inline;}

	.th_content{padding:15px 5px 10px 15px;}
	.th_content img{float:left; margin-right:10px;}
	.th_content p{font-size:12px; color:#4b1a1a; line-height:17px;}
	.th_content a{color:#4b1a1a; text-decoration:underline;}
	.th_content a:hover{color:#4b1a1a; text-decoration:none;}
	
	#content ol {
		font-size:11px;
		line-height:18px;
		/*list-style-type:circle;*/
		margin:0 0 18px 20px;
	}

	#content ul {
		font-size:11px;
		line-height:18px;
		/*list-style-type:disc;*/
		margin:0 0 18px 15px;
	}
	
	#content ul.rightlist, #content ul.leftlist{
		margin:0 0 18px 0;
	}


/* ========== LEFT SIDEBAR */
	#sidebar{float:left; width:196px;}
	
	#searchbox{background:#c6c6c6; height:25px; padding-top:5px;}
	.searchbox{background:#f1f1f1; width:103px; height:16px; line-height:20px; font-size:11px; color:#989898; float:left; margin-left:27px; display:inline; border:none; padding-top:4px; padding-left:2px;}
	.searchbut{color:#ffffff; background:none; border:none; font-size:11px; padding-left:5px; padding-top:2px;}


/* ========== RIGHT SIDEBAR */
	#right_sidebar{width:190px; float:right; background:#fef6df; margin-bottom:9px;}
	* html #right_sidebar{margin-bottom:4px;}
	#right_sidebar h2{font-size:12px; color:#6d6d6d; line-height:18px; margin-bottom:10px;}
	#right_sidebar img{margin-bottom:10px;}
	
	.rsbox{border-bottom:3px solid #ffffff; clear:both; margin-bottom:20px; padding:0 10px 10px 10px;}
	.lastbox{border-bottom:none !important; margin-bottom:0 !important;}
	.rsbox .lastbox h2{font-size:50px; color:#7b7b7b;}
	
	.lastbox ul{margin-bottom:15px;}
	.lastbox ul li{list-style:none; color:#7b7b7b; font-size:11px; line-height:20px;}
	.rsbox p{font-size:11px; line-height:16px;}
	.rsbox a{color:#4b1a1a !important; text-decoration:underline !important;}
	.rsbox a:hover{color:#4b1a1a !important; text-decoration:none !important;}
	

/* ========== FOOTER */
	#footer{width:930px; margin:0 auto; padding:0 0 30px 0;}

	.footer_email{margin-left:250px; float:left; display:inline; color:#a0a0a0; font-size:11px; line-height:30px; text-decoration:none;}
	a:hover.footer_email{text-decoration:underline;}
	.footer_impressum{margin-right:10px; float:right; display:inline; color:#a0a0a0; font-size:11px; line-height:30px; text-decoration:none;}
	a:hover.footer_impressum{text-decoration:underline;}
	


/*######################EXT:INDEXED_SEARCH######################*/
.tx-indexedsearch .tx-indexedsearch-searchbox input.tx-indexedsearch-searchbox-button {
	position:relative;
	width:80px;
	padding:0;
	border:1px solid #717171;
	margin:0;
	background:#D1D1D1;
	font-family:verdana, arial, helvetica, sans-serif;
	font-size:10px;
}

.tx-indexedsearch .tx-indexedsearch-searchbox input.tx-indexedsearch-searchbox-sword {
	position:relative;
	width:108px;
	padding:1px;
	border:1px solid #D1D1D1;
	margin:0;
	background:#F4F4F4;
	font-family:verdana, arial, helvetica, sans-serif;
	font-size:10px;
}

.tx-indexedsearch .tx-indexedsearch-whatis p .tx-indexedsearch-sw {
	font-weight:bold;
	font-style:italic;
}

.tx-indexedsearch .tx-indexedsearch-whatis {
	margin:10px 0 5px 0;
}

.tx-indexedsearch p.tx-indexedsearch-noresults {
	text-align:center;
	font-weight:bold;
	height:100px;
}

.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title {
	background:#EEEEEE;
}

.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title p {
	font-weight:bold;
}

.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title p.tx-indexedsearch-percent {
	font-weight:normal;
}

.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr p {
	font-style:italic;
}

.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr p .tx-indexedsearch-redMarkup {
	color:red;
}

.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-info {
	background:#EEEEEE;
}

.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead {
	margin:20px 0 5px 0;
}

.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead h2 {
	margin:0;
}

.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead table {
	background:#CCCCCC;
}

.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead td {
	vertical-align:middle;
}

.tx-indexedsearch .tx-indexedsearch-res .noResume {
	color:#666666;
}
	
div.tx-indexedsearch-browsebox {
}

div.tx-indexedsearch-browsebox p {
}

div.tx-indexedsearch-searchbox p {
	display:none;
}

div.tx-indexedsearch-sectionlinks ul {
	display: none;
}

td.tx-indexedsearch-title-icon {
}

.tx-indexedsearch-info img {
	display:none;
	visibility:hidden;
}


td.tx-indexedsearch-descr {
	display: none;
}

div.tx-indexedsearch-secHead {
	display: none;
}

.tx-indexedsearch a {
	padding:0 15px 0 0;
	margin:0 25px 0 0;
}

.tx-indexedsearch-info a:hover {
	text-decoration:none;
}

.tx-indexedsearch-res table {
	background:#EEEEEE;
}

.tx-indexedsearch-title-number {
	display:none;
}

.tx-indexedsearch-browsebox-SCell {
	padding:15px 0 15px 0;
}

.tx-indexedsearch-browsebox-SCell a {
	font-weight:bold;
	text-decoration:none;
}

.tx-indexedsearch-title-caption a,
.tx-indexedsearch-info a {
}

.tx-indexedsearch-rules{
	visibility:hidden;
	display:none;
}

/* ******************************** KONTAKTFORMULAR ********************************  */
	#kontaktformular .kontakt-abstimmung-link {
	position:absolute;
	width:180px;
	margin:0 0 0 450px;
	}

#kontaktformular label {
	width:115px;
	padding:4px 0 2px 0;
	float:left;
	}

#kontaktformular label.message-text {
	width:auto;
	height:15px;
	padding:0;
	margin:0;
	float:none;
	}

#kontaktformular .absender {
	margin:25px 0 20px 0;
	}

#kontaktformular input, #kontaktformular textarea {
	width:317px;
	padding:2px;
	margin:2px 0 2px 0;
	border:1px solid #A5ACB2;
	font-family:verdana, arial, helvetica, sans-serif;
	font-size:11px;
	}

#kontaktformular textarea#message {
	width:435px;
	height:115px;
	margin:30px 0 0 0;
	}

#kontaktformular textarea#message[name="tx_pilmailform_pi1[textarea][message]"] {
	width:433px;
	}

#kontaktformular #herr, #kontaktformular #frau {
	position:relative;
	width:auto;
	margin:0 3px 5px 0;
	border:0;
	float:left;
	z-index:150;
	}

#kontaktformular div.herr {
	position:relative;
	padding:0;
	margin:0 25px 0 0;
	float:left;
	}

#kontaktformular div.frau {
	position:relative;
	padding:0;
	margin:0;
	}

#kontaktformular #strasse {
	width:270px;
	}

#kontaktformular #strassenr {
	width:38px;
	}

#kontaktformular #plz, #kontaktformular #handyvor {
	width:55px;
	}

#kontaktformular #ort, #kontaktformular #handy {
	width:253px;
	}

#kontaktformular #telvor {
	width:35px;
	}

#kontaktformular #tel {
	width:273px;
	}

#kontaktformular #submit {
	position:absolute;
	width:145px;
	height:32px;
	padding:0;
	border:0;
	margin:-20px 0 0 115px;
	}

#kontaktformular .feld-hinweis {
	padding:15px 0 25px 0;
	font-size:9px;
	}

#kontaktformular .error {
	color:#C01157;
}

/* ******************************** TT-NEWS ********************************  */

p.news-list-date {
	padding:0;
	margin:0;
}