/*  CSS-Reset -------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{border:medium none; font-family:inherit; font-size:100%; font-style:inherit; font-weight:inherit; margin:0; outline-color:-moz-use-text-color; outline-style:none; outline-width:0; padding:0; vertical-align:baseline}
form{background-color:transparent}
optgroup{font-style:normal; font-weight:normal}
optgroup option{padding-left:1px}
abbr{border-bottom:1px dotted #333; cursor:help}
ins{text-decoration:none}
cite{font-style:normal}
/*Reset Ende */

/* Allgemeine Styles ---------*/

html {
	height: 101%;
	}

body {
 color:#444;
 font-family: arial, verdana, sans-serif;
 font-size: 12px;
 margin:0;
 padding:0;
 min-height:100%;
 background: url(../images/bg.gif) no-repeat  center 0;
}

h2 {font-size: 20px; color: #f3971a; margin: 0 0 20px 0;}

h3 {font-size: 16px; color: #333; margin: 20px 0 5px 0;}


p {line-height: 18px; margin: 0 0 10px 0;}

a {color: #f3971a; text-decoration: none;}
a:hover {color: #555;}

#header {
 height:258px;
 margin: 36px 0 30px 0;
 padding: 0;
 background: #fff;
}

#wrapper {
	width: 860px;
	margin: 0 auto;
	}

#menu {
 float:left;
 width: 202px;
 margin: 0 60px 0 30px;
}

#content {
 float:left;
 width: 540px;
}

#footer {
	clear: both;
	height: 40px;
	}

/* ENDE */

/* Header --------------- */
#header .logo {
	width: 260px;
	float: left;
	}

#header .keyvisual {
	margin: 0;
	padding: 0;
	}


/* Menu ---------------- */

	#menu ul {
		list-style-type:none;
		margin:0;
		padding:0;
		}
		
		#menu ul li {
			padding:0 0 15px 0;
			background: url(../images/lines.gif) repeat-x 0 22px;
		}
		
		#menu ul li a {
			color: #333;
			text-decoration: none;
			padding-left: 5px;
		}
		
		#menu ul li a:hover {
			color: #f3971a;
		}
		#menu ul li a.active {
			color: #f3971a;
		}
/* ENDE */


/* Content -------------- */



.praxis { float: left; width: 240px; margin-right: 15px;}
.praxis h4 {font-weight: bold; padding-top: 5px;}
.praxis p {padding: 5px 0;}


#content ul {
	list-style-type: square;
	margin: 5px 0 10px 35px;
	}

#content ul li {
	padding-bottom: 3px;
	}
	
	
/* Accordion ----------- */

.accordionButton {
	font-size: 14px;
	background: url(../images/arrow_down.png) no-repeat scroll right center;
	border-bottom: 1px dotted #ddd;
    cursor:pointer;
    padding:5px 15px;
	}

.accordionButton h3 {
	margin: 0;
	padding: 0;	
	}
	
.over h3 {
	color: #f3971a;
	margin: 0;
	padding: 0;
	}

.on {
	background: url(../images/arrow_up.png) no-repeat scroll right center;
	color: #f3971a;
	}
	
.on h3 {
	color: #f3971a;
	margin: 0;
	padding: 0;
	}

.accordionContent {
	    padding:5px 15px 20px 15px;
	}
	
.accordionContent img {
	float: right;
	padding: 0 0 5px 5px;
	}