/* ----------------------------------------------------------------
	CSS: diakonie tecklenburg
	Version: 1.3
	Date: 24.5.2011
	www.florian-diederich.de
---------------------------------------------------------------- */


/*  body und schrift deffinitionen */

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

body {	font-size: 101%;
	font-family: Arial, SunSans-Regular, Sans-Serif;
	color:#564b47;  
	text-align:center;margin:0px;padding:0px;
	background: #fff url("../images/page-bg.gif") repeat-x;
}

p,pre, h1 {}

td  {}

hr {height:1px; color:#e7e7e7;}

h1 {font-size:100%;padding-top:0px;color: #204D79;background-color: transparent;}

a {color: #6B7A9A;background-color:transparent;text-decoration: underline; }

strong {color: #6B7A9A;font-weight:bold}
 

/*  positioning-layers statisch und absolut */


#box {
	width:956px;
	margin: 0px auto;
	padding:0px;
	text-align:left;
}
#topnavi {
	width:956px;
	float:left;
	background:#6b7a9a;
	margin-bottom:10px;
	color:white;
	font-size:14px;
}

#topnavi #suche {
	float: right;
	width:167px;
	padding-top:5px;
}

#topnavi ul {
	padding:0px;
	margin:0px;
	margin-left:17px;
	list-style:none;
}

#topnavi ul li {
	line-height:30px;
	float:left;

	
}


#topnavi a {
		color:white;	
	padding-left:5px;
	padding-right:5px;
	border-right:1px solid white;
	text-decoration:none;
}

#mainbox  {
	width:956px;
	margin: 0px auto;
	padding:0px;
	text-align:left;
	min-height:100%;
	float:left;
	background:transparent url("../images/mainbox_bg.gif");
}

#links {
	width:202px;
	padding:0px;
	float:left;
	background: #dee7f4;
}

#inhalt {
	width:492px;
	margin:0px;
	margin-left:25px;
	padding-top:0px;
	float:left;
	background-color:#fffff;
}


#rechts {
	width:210px;
	padding:0px;
	float:right;
	font-size:12px;
	line-height:18px;

}

#rechts img {
	width:190px;
height:auto;
}



#kopf {
	float:left;
	width:956px;
	height:186px;
	background: #ffffff url("../images/banner.jpg") bottom left no-repeat;
	margin-bottom:10px;
}


#logo {
	position:relative;
	top:80px;
	left:16px;
	width:167px;
	height:92px;
	background-color:transparent;
	z-index:1;
	display:inline;
}

#kopf #header  {

	position:relative;
	top:-93px;
	left:0px;

}

#service {
	margin-top:0px;
	text-align:right;
	float:left;
	height:30px;
	padding-right:20px;
	line-height:30px;
	background:#6b7b9c; 
	width:936px;
	color:white;
	font-size:12px;
	border-top:1px solid #fff;
}

#service a {color:white;text-decoration:none;}

/*  container */


#content-headline h1 {
	padding-top:0px;
	padding-left:25px;
	padding-right:25px;
	color: #1b92ca;
	font-weight:bold;
	font-size:18px;
	clear:both;
}

#content {
	padding:25px;
	padding-top:0px;
	clear:both;
	font-size:12px;
	line-height:18px;
}

#content td {vertical-align:top;}

#suchseite {margin-left:24px;width:340px;overflow: auto;}

#news-headline {}
#news-headline h1 {
	font-size:12px;
	padding-left:10px;
	padding-bottom:5px
	margin-bottom:0px;
	clear:both;
}
#news-content {
	margin-left:10px;
	float:left;
	margin-bottom:20px;
}


#switcher {
	background-color: #ecf4ff; 
	margin-left:-1px;
	padding:0px;
	padding-left:10px;
	padding-top:10px;
	padding-bottom:10px;
	margin-top:15px;
	font-size:12px;
	line-height:18px;
	border-top:1px solid #BFC0C5; 
	border-bottom: 1px solid #BFC0C5;
	margin-bottom:15px;
	width:200px;
}

#switcher h3 {
	color:#1b92ca;
	margin:0px;
	padding-bottom:5px;
}




.Infobox {display: none;} 
.hauptfenster {display: none;} 

.resize {font-size:70%;line-height:150%}
.resize img {width:140px;border-bottom: 1px solid #BFC0C5;border-top: 1px solid #BFC0C5}

/* Navigation */

#nav {
	width:202px;
	border-top:1px solid #cfd0d4;
	float: left;
	margin-bottom:40px;
}

#nav ul li#Angebote {
	color:#fff;
	font-weight:normal;
	font-size:14px;
	padding-bottom:8px;
	padding-top:8px;
	background:#6b7a9a;
	border-bottom:1px solid #fff;
	margin:0px;
	
}

#nav ul li#Angebote a:before {content:"Unsere "}
#nav ul li#Angebote a:after {content:":"}

#nav ul li#Angebote a {
	color:#fff;
	border:0px;
}


#nav ul {
	list-style-type:none ;
	margin: 0; 
	padding: 0;line-height:180%;
	border-bottom:0px solid #bfc0c5;
}
#nav ul li {
	list-style-type:none;
	padding: 0;
	font-size:12px;
	line-height:25px;
	
}
#nav ul li:hover {
	background:white;
}

#nav a {
	text-decoration:none;
	color:#6b7a9a;
	padding-left:20px;
	display:block;
	border-bottom:1px solid #fff;
}

#nav a:hover {
	color:#6b7a9a;
}

#nav ul li#Internetspuren a.level3act {background:#ffa900;color:#fff} 
#nav ul li#Internetspuren a.level3 {background:#ffa900;color:#fff} 
#nav ul li#Internetspuren a:after {content:" löschen"}


#nav ul li a.level2act {background:#6b7a9a;color:#fff}
#nav ul li  a.level3 {
	font-size:11px;
	padding-left;
	line-height:13px;
	padding-top:4px;
	padding-bottom:4px;
	background:#f4f3f2;
	border:0px;
	border-bottom:1px dotted #ece4ff;
}

#nav ul li  a.level3:hover {background:#fff;color:#000;} 
#nav ul li  a.level3act {background:#fff;font-size:11px;border-bottom:1px dotted #ece4ff;line-height:13px;
	padding-top:4px;
	padding-bottom:4px;
color:#000;
} 

select, textarea  { font-size:11px; color:#333333; background-color: #ffffff;border:1px solid #cccccc}
input   { font-size:11px; color:#333333; background-color: #ffffff;border: 0px;border:1px solid #cccccc}


.suchergebnisse {COLOR: #564b47; line-height: 18px;}
.suchbutton   {
	 font-size:11px; 
	color:#666666; 
	background-color: #ffffff;	
	border:1px solid #6b7a9a
}
.suchinput  {  
	width:80px;
	font-size:11px; 
	color:#666666; 
	background-color: #ffffff;
	border:1px solid #6b7a9a
}

.Bereich  { width:100px;font-size:11px; font-family:arial,helvetica; color:#002F67; background-color: #ffffff;border: 0px;border:1px solid #cccccc}
.Button { font-size:11px; font-family:arial,helvetica; color:#002F67; background-color: #ffffff;border:1px solid #cccccc; width: 100px } 

table td.grau {background-color:F0F0ED}