/*******************************************************************************

	Client	:	CARE4CHANGE
	author	:	www.vierzwei.de - fritz
	last update	: 05 / 04 / 2009 by oli

*******************************************************************************/


/* ### ALLGEMEINES ############################################################ */


html, body, p, ul, h1, h2, h3, h4, h5{
  padding:0px;
  margin:0px;
}
html{
  height:100%;
  width:100%;
}
body{
  height:100%;
  font-family:Arial;
  font-size:100.01%;
}
a{
  text-decoration:none;
}
img{
  border:none;
}
ul{
  list-style-type:none;
}

li{}

.clearer{
  clear:both;
  line-height:0px;
  height:0px;
}

.warning{
	color:red;
}


/* ### SITE ############################################################ */


#site{
	width:947px;
	margin:auto;
	margin-top:36px;
	background:url(/files/navi_bg.gif) 0px 0px repeat-y;
}
	
#left{
	width:225px;
	float:left;
}

#contentwrapper{
	width:719px;
	float:right;
}

#imageButton{
	position:absolute;
	margin-left:202px;
	margin-top:-23px;
	cursor:pointer;
}		

#image{
	line-height:0px;
	float:left;
	width:349px;
	height:132px;
	overflow:hidden;
	cursor:default;
}

body.home #image{
	width:349px;
	height:600px;
}

#logo{
	float:right;
	line-height:0px;
	margin-bottom:3px;
}

#content{
	clear:both;
	background-color:#E9E9D9;
	padding:18px 0px 18px 0px;
	color:#605F5B;
	min-height:429px;
	height:auto !important;
	height:429px;
}

body.home #content{
			clear:none;
			float:right;
			width:366px;
		}

/* ### NAVIGATION ############################################################ */

#servicenavi{
	width:225px;
	height:132px;
	background-color:#8a2236;
	border-bottom:3px solid white;
}

#servicenavi ul{
	position:absolute;
	margin-left:35px;
	margin-top:9px;
}

#servicenavi ul li{
	line-height:18px;
}

#servicenavi a{
	color:white;
	font-size:12px;
	font-weight:bold;
}

#servicenavi a:hover,
#servicenavi a.current{
	color:#white;
	text-decoration:underline;

}		

#navi{
	width:225px;
	background-color:#F3F3EB;
	padding-bottom:20px;
}

#navi ul{
	display:block;
	padding-top:20px;
	border-bottom:1px solid white;
}

#navi ul ul{
			padding-top:0px;
			border-bottom:none;
			padding-bottom:20px;
}

#navi ul ul li{
			border-top:none;
			padding-left:10px;
			line-height:16px;
}
		
#navi ul ul li a{
			background:none;
		}

#navi ul ul li a:hover,
#navi ul ul li a.current{
			background:none;
		}
		#navi ul li{
			line-height:20px;
			padding-left:25px;
			border-top:1px solid white;
		}
		#navi a{
			font-weight:bold;
			padding-left:11px;
			color:#605F5B;
			font-size:12px;
			background:url(/files/navidot.gif) 0px -30px no-repeat;
		}
		#navi a:hover,
		#navi a.current{
			color:#8A2236;
			background:url(/files/navidot.gif) 0px 5px no-repeat;
		}		
		

/* ### HEADLINES ############################################################ */


#content h1{
	font-size:18px;
	margin-bottom:10px;
	line-height:20px;
	padding:0px 18px 10px 18px;
	color:#8A2236
}

#content h2{
	font-size:16px;
	line-height:20px;
	padding:0px 18px;
	color:#8A2236
}

#content h3{
	font-size:14px;
	line-height:20px;
	padding:0px 18px;
	color:#8A2236
}


/* ### SCHRIFT/LINKS ############################################################ */


#content p{
	font-size:12px;
	line-height:20px;
	padding:0 18px 10px 18px;
	max-width:600px;
	
}

#content .koop p{ 
	width:400px; 
	vertical-align:middle;
	display: inline;
}

#content .koop img{ 
	border:0; 
	vertical-align:middle;
	display: inline;
	margin-left: 30px;
}


#content p.red{
	color:#8A2236;
}

#content p.grey{
	background-color:#F8F8F4;
}

#content a {
	color:#8A2236;
	text-decoration:underline;
}		

#content a:hover,
#content a.current{
	color:#8A2236;
	text-decoration:none;
}		


#content .impleft {
	width:49%; 
	float:left;
}

#content .impright {
	width:49%; 
	float:right;
}

#content .impright p, 
#content .impleft p{
	font-size:9px;
	line-height:14px;
	padding:10px 18px;
	
}


/* ### LISTEN ############################################################ */


#content li { 
	margin-left:10px;
	list-style:disc outside;
}


#content ul{
	list-style:circle inside;
	padding:0 0 10px 30px;
	font-size:12px;
	line-height:20px;
	max-width:600px;
}

#content ul ul{
	padding:0 0 10px 10px;
}

#content .impright ul,
#content .impleft ul{
	list-style:circle inside;
	padding:0 0 10px 30px;
	font-size:9px;
	line-height:14px;
}