* { margin: 0; padding: 0; border: 0; }

body { background: #0d9b49 url('pics/pagebg.gif') left top repeat-y; font: normal 12px/135% Arial, Verdana, Tahoma, sans-serif; }

a, a:active, a:visited { color: #0d9b49; text-decoration: underline; }
a:hover { color: #0d9b49; text-decoration: none; }

.cb { clear: both; width: 1px; height: 1px; overflow: hidden; }
.invisible { display: none; }

h1 { font: bold 14px/135% Arial, Verdana, Tahoma, sans-serif; background: url('pics/h1_bg.gif') left bottom no-repeat; height: 23px; padding-left: 3px; margin-bottom: 10px; }

#pagebox { width: 950px; overflow: hidden; }

#header { height: 175px; overflow: hidden; }
	#header .blank { width: 275px; height: 174px; float: left; }
	#header .typo { width: 502px; height: 174px; float: left;  }
		#header .typo h1 { width: 377px; height: 135px; background: url('pics/head_typo.gif') 0 0 no-repeat; margin: 30px 0 0 15px; }
	#header .logo { width: 173px; height: 174px; float: left; }
		#header .logo img { margin-top: 12px; }

#scwball { position: absolute; left: 0; top: 0; width: 261px; height: 245px; }

#page_left { width: 200px; overflow: hidden; float: left; padding-top: 40px; }
	#page_left .navtop { width: 200px; height: 20px; background: url('pics/navtop_bg.gif') left top repeat-x; }
	#page_left .navtop img { float: right; }

/*
   #######################
   NAVIGATIONSEBENE 1
   #######################
*/

#page_left ul.navigation { background: #0d9b49; }
#page_left ul.navigation li { background: url('pics/line_01.gif') left bottom no-repeat; height: 26px; }
#page_left ul.navigation li.active { height: auto; }
#page_left ul.navigation li a { font-weight: bold; display: block; width: 185px; height: 21px; font-size: 14px; color: #fff; background: url('pics/nav_bg.gif') right top repeat-y; text-decoration: none; padding: 4px 0 0 15px; }
#page_left ul.navigation li a:hover, #page_left ul.navigation li a.active { background: #7dc796 url('pics/nav_ro_bg.gif') right top repeat-y; text-decoration: none; }
#page_left ul.navigation li a span { color: #0d9b49; font-size: 15px; font-weight: bold; }

/*
   #######################
   NAVIGATIONSEBENE 2
   #######################
*/
#page_left ul.navigation li ul { background: #7dc796; }
#page_left ul.navigation li ul li { height: 19px; background: url('pics/line_02.gif') left bottom no-repeat; }
#page_left ul.navigation li ul li.active { height: auto; }
#page_left ul.navigation li ul li a { color: #fff; font-size: 12px; height: 16px; width: 175px; background: url('pics/nav_ro_bg.gif') right top repeat-y; padding: 1px 0 1px 25px; }
#page_left ul.navigation li ul li a.active, #page_left ul.navigation li ul li a:hover { background: #a7d7b6 url('pics/nav_ro_ro_bg.gif') right top repeat-y; }
#page_left ul.navigation li ul li a span { color: #7dc796; font-size: 13px; font-weight: bold; }			
#page_left ul.navigation li ul li a:hover span, #page_left ul.navigation li ul li a.active span { color: #0d9b49; }

/*
   #######################
   NAVIGATIONSEBENE 3
   #######################
*/
#page_left ul.navigation li ul li ul { background: #a7d7b6; }
#page_left ul.navigation li ul li ul li { height: 19px; background: none; }
#page_left ul.navigation li ul li ul li a { color: #fff; font-size: 12px; height: 17px; width: 155px; background: url('pics/nav_ro_ro_bg.gif') right top repeat-y; padding: 1px 0 1px 45px; }
#page_left ul.navigation li ul li ul li a:hover, #page_left ul.navigation li ul li ul li a.active { background: #a7d7b6 url('pics/nav_ro_ro_bg.gif') right top repeat-y; }
#page_left ul.navigation li ul li ul li a span { color: #a7d7b6; font-size: 13px; font-weight: bold; }		
#page_left ul.navigation li ul li ul li a:hover span, #page_left ul.navigation li ul li ul li a.active span { color: #0d9b49; }	

	
	#page_left .navbot { width: 200px; height: 20px; background: url('pics/navbot_bg.gif') left top repeat-x; }
	#page_left .navbot img { float: right; }


#page_right { width: 670px; overflow: hidden; float: left; padding: 10px 0 0 30px; }
	#page_right .breadbox { padding-left: 25px; }
	#page_right .breadcrumb { list-style-type: none; display: inline; }
		#page_right .breadcrumb li { float: left; margin-right: 8px; color: #0d9a48; }
		#page_right .breadcrumb li a { font-weight: bold; color: #0d9a48; }

#page_right #normalcontent { width: 670px; overflow: hidden; padding-top: 20px; }
	#page_right #normalcontent .content_element { margin-bottom: 20px; }
	
#page_right #spalte2 { width: 310px; float: left; overflow: hidden; padding-top: 20px; }
	#page_right #spalte2 .content_element { margin-bottom: 20px; }
	
	#normalcontent table tr td { padding: 3px 5px 0 0; vertical-align: top; }
	
	label { display: block; width: 120px; font-weight: bold; float: left; margin-bottom: 5px; }
	input { border: 1px #0D9B49 solid; float: left; width: 200px; margin-bottom: 5px; }
		input.csc-mailform-submit { width: 120px; background: #F0F0F0; margin-left: 120px; }
	textarea { border: 1px #0D9B49 solid; float: left; margin-bottom: 5px; }
	
	
	
	
.metabox { width: 900px; overflow: hidden; margin: 40px 0 20px 0; font-size: 11px; color: #999999 }
	#copy { margin-right: 50px; float: right; }
	.metabox .metanavi { list-style-type: none; display: inline; float: right; }
		.metabox .metanavi li { float: left; margin-right: 15px; }
			.metabox .metanavi li a { color: #0d9a48; font: bold 11px/135% Arial, Verdana, Tahoma, sans-seif; }
			      .metabox .metanavi li a.active { text-decoration: none; }
	
