/*
verwendete Farben im Design

Backgrounds:
red_bg = CC3333
light_grey_bg = EAEAEA
dark_grey_bg = C2C2C2

Text-Colors:
red_text = CB4545
light_greey_text = B7B6B8
dark_grey_text = 1D1D21

*/

body,html {   
	background:#FFF;    
	height: 100%; 
	margin:0;
	padding:0;
	}
       
body, td, div, table, p,  a,select,input {
	font-family: Verdana, Arial, sans-serif;	
	padding:0px;
	margin:0px;
	line-height:130%;
} 




.bodytext {
	color: #000;
	padding:0px;
	margin:0px;
	text-align:left;
}

ol {
	text-align: left;
}

#outer_border { 
    width:99%;             
    text-align: center;
	}

#mainTable { 
	margin:0px auto; 	         
	text-align:center;
}

#content_table {
	width:806px;
	padding:0;
	margin:0;
}	

#mainSiteWrapper {
	background:url("../img/layout/master_bg.gif") repeat-y top left; 
	margin:0;
	padding:0;
	height:100%;
  text-align:left;	
}

#logo {	
	margin:0;
	padding:0;
	width:100%;
	height:47px;
	background-color:#fff;
}

#navi_container {		
	width:100%;
  height:146px;
	padding:0;
	margin:0;
}

#top_navi_wrap {		
  height:122px;		
	width:100%;	
	background:#fff url("../img/layout/navi/navi_bg.jpg") no-repeat top left;    	
}

/* Top Navi Magic */

#top_navi_box .topNavi_sub .top_navi_entry .topNavi_sub_entry {		
	font-family:verdana,arial,sans;
	height:20px;
	width:215px;
	text-align:left;
	font-size:0.675em;
	font-weight:bold;
	text-decoration: none;
	padding-left:5px;
	padding-top:5px;
	padding-bottom:5px;
	background-color: #c0c0c0;
	color:#303030;
	opacity:.8;
	filter:alpha(opacity=80);
	-moz-opacity:.8;
}

#top_navi_box .topNavi_sub .top_navi_entry .topNavi_sub_entry:hover {	
	background-color: #E0E0E0;	
	color:#000;
	opacity:.9;
	filter:alpha(opacity=90);
	-moz-opacity:.9;
}

#top_navi_box ul {
	margin:0;
	padding:0;
	list-style: none;			
}
	
#top_navi_box ul a{
	font-size:0.775em;
	text-align:center;
	font-weight:bold;
	text-decoration: none;
	color:#FFF;	
	height:20px;
	width:100px;
	display:block;	
}
	
#top_navi_box ul li {			
	display:block;	
	float:left;  	
}

#top_navi_box li ul {
	position: absolute;	
	display: none;	
  z-index:98;  			
}

#top_navi_box li ul li {
clear:both;
}

li > ul {
	top: auto;
	left: auto;	
}
  
#top_navi_box li:hover ul, #top_navi_box li.over ul { display: block; } /* The magic */

.top_navi_atag_start_no {
	background:url("../img/content/Symbolfotos/start_no.jpg") no-repeat top left;
}

.top_navi_atag_start_act, .top_navi_atag_start_act:hover{
	background:url("../img/content/Symbolfotos/start_act.jpg") no-repeat top left;
}

.top_navi_atag_netzwerk_no{
	background:url("../img/layout/navi/netzwerk_no.jpg") no-repeat top left; 
}

.top_navi_atag_netzwerk_act, .top_navi_atag_netzwerk_no:hover {
	background:url("../img/layout/navi/netzwerk_act.jpg") no-repeat top left;
}

.top_navi_atag_konzept_no {
	background:url("../img/layout/navi/konzept_no.jpg") no-repeat top left;
}

.top_navi_atag_konzept_act, .top_navi_atag_konzept_no:hover {
	background:url("../img/layout/navi/konzept_act.jpg") no-repeat top left;
}

.top_navi_atag_text_no {
	background:url("../img/layout/navi/text_no.jpg") no-repeat top left;
}

.top_navi_atag_text_act, .top_navi_atag_text_no:hover {
	background:url("../img/layout/navi/text_act.jpg") no-repeat top left;
}

.top_navi_atag_medien_no {
	background:url("../img/layout/navi/medien_no.jpg") no-repeat top left;
}

.top_navi_atag_medien_act, .top_navi_atag_medien_no:hover {
	background:url("../img/layout/navi/medien_act.jpg") no-repeat top left;
}

.top_navi_atag_workshops_no {
	background:url("../img/layout/navi/workshops_no.jpg") no-repeat top left;
}

.top_navi_atag_workshops_act, .top_navi_atag_workshops_no:hover {
	background:url("../img/layout/navi/workshops_act.jpg") no-repeat top left;
}

.top_navi_atag_themen_no {
	background:url("../img/layout/navi/themen_no.jpg") no-repeat top left;
}

.top_navi_atag_themen_act, .top_navi_atag_themen_no:hover {
	background:url("../img/layout/navi/themen_act.jpg") no-repeat top left;
}

.top_navi_atag_kontakt_no {
	background:url("../img/layout/navi/kontakt_no.jpg") no-repeat top left;
}

.top_navi_atag_kontakt_act, .top_navi_atag_kontakt_no:hover {
	background:url("../img/layout/navi/kontakt_act.jpg") no-repeat top left;
}

#clickpath {	
	float:left;
	height:24px;
	width:596px;
	border-right: 1px #FFF solid; 
	text-align: left;
	background-color: #fff;
	font-size:0.6em;
	color:#A0A0A0;
}

#top_navi_menu {
	top:0;
	left:0;  
}

#clickpath_box {
	padding:0;
	margin:0;
	padding-top:5px;
}

.clickpathtext {	
	display:inline;
	color:#000;
	font-size:1em;
	text-decoration: none;
	vertical-align:top;
}

#clickpath_box a {
	padding-right:3px;
	padding-left:3px;
	color:#A0A0A0;
	font-size:1em;
	text-decoration: none;
	vertical-align:top;
}

#grey_space {	
	float:left;
	display:block;
	width:203px;
	height:24px;
	background-color: #EAEAEA;
}

#content_container {	
	clear:both;
	width:800px;
	height:100%;
	z-index:0;
}

#left_colum_wrap {	
	float:left;
	width:596px;
	height:100%;
	border-right: 1px #FFF solid; 
}

#right_colum_wrap {	
	float:left;
	width:203px;
}

#left_content {	
	float:left;
	width:102px;
	height:200px;
	display: block;
	background-color: #EAEAEA;
}

#left_content_box {
	width:102px;
	height:200px;
	padding:0;
	margin:0;
	display: block;
}

div.csc-textpic-center div.csc-textpic-imagewrap .csc-textpic-image {
	width:102px;
	text-align: left;
	padding-left:0px;
	margin-left:0px;
}

div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image {
	margin-bottom:0px;
}

#middle_content {	
	float:left;
	width:494px;
	height:100%;
	background-color: #EAEAEA;
	font-size:0.7em;
}

#middle_content_box {
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:10px;
	height:100%;
}

a {
color:#CB4545;
}

#middle_content_box p  {
	line-height:170%;	
	font-size:1em;
}

#middle_content_box ul {
	padding:0;
	padding-left:25px;
	margin:0;
	text-align:left;
	list-style-image: url("../img/layout/dot.gif");
}

#middle_content_box li{
  margin-bottom:5px; 
}



#right_content {	
	float:left;
	padding:0;
	margin:0;
	width:203px;	
	height:100%;
	background-color: #EAEAEA;
}

#right_content_box {
	text-align:left;
	padding:0;
	margin:0;
	padding-bottom:20px;
}

#right_content_box .csc-header {
	background-color:#C2C2C2;
	text-align:left;
}

#right_content_box h1 {
	color:#f00;
	margin:0;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:10px;	
	text-align:left;
	font-size:0.9em;
}

#right_content_box .bodytext {
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	font-size:0.7em;
}

#right_content_box .bodytext a {
	text-decoration: none;
	font-size:1em;
}

#right_content_box .bodytext .internal-link a {
	text-decoration: underline;
}

#right_content_box strong {
	padding:0;
	margin:0;
}

#right_content_box a {
	color:#000;
}
	
#sub_navi_wrap {	
	float: left;
	width:203px;
	height:100%;
	background-color: #EAEAEA;
}

#sub_navi_box {
	margin:0;
	padding:0;
	padding-left:3px;
	padding-bottom:20px;
}

#sub_navi_menu {
	margin:0;
	padding:0;
}

.sub_navi_entry {	
	text-align:left;
	list-style: none;
	list-style-type: none;
	padding-top:2px;
}

.sub_navi_entry a {
	color:#000;
	text-decoration: none;
	font-size:0.75em;
}

#footer_container {	
	clear: both;
	width:800px;
	height:39px;
	border-top: 1px #FFF solid; 
	background: #EAEAEA;	
}

#bottom_content {	
	float:left;
	width:596px;	
	height:42px;
	display:block;
	border-right: 1px #FFF solid; 
	background-color: #DBDBDB;
}

#bottom_content_box {
	width:596px;	
	height:42px;
	display:block;
}

#footer_navi {	
	float:left;
	width:203px;
	height:42px;
	background-color: #C2C2C2;
	overflow:hidden;
}

#footer_navi_box {
	padding:0;
	margin:0;
	font-size:0.65em;
}

#footer_navi ul {
	text-align:left;
	margin-left:10px;
	margin-top:5px;
	padding:0px;
}

#footer_navi li {
	list-style: none;
	list-style-type: none;
}

.footer_navi_entry a {
	color:#000;
	text-decoration: none;
	padding-right:10px;
	font-size:1em;
}

.csc-header h1 {
	text-align:left;
	font-size:0.95em;
	padding-top:30px;
}


#middle_content_box .csc-header h1{
	text-align:left;
	font-size:1.25em;
	padding-top:30px;
}

#middle_content_box .important {
	color:#CB4545;
	font-size:1.25em;
	font-weight:800;
	font-family:"Courier New", courier;
}

#middle_content_box .detail {
	color:#CB4545;
	font-size:1.25em;
	font-weight:800;
	font-family:"Courier New", courier;
}


div.up {
margin:5px 0;
text-align:right;
}

#middle_content_box h3 {
	font-family: Verdana, Arial, sans-serif;
	text-align:left;
	font-size:1.25em;
	padding-top:30px;
}

#middle_content_box h4 {
	font-family: Verdana, Arial, sans-serif;
	text-align:left;
	font-size:1.25em;
}

#mailform {
	padding:0;
	margin:0;
}

.csc-mailform {
	border:0;
	padding:0;
	margin:0;
	text-align:left;
}

.csc-mailform-field label {
	display:block;
}

form {
  margin:0;
  padding:0;
}

.csc-mailform {
  border:0;
  margin:0;
  padding:0;
}

.csc-mailform input, .csc-mailform select {
width:205px;
font-size:1em;
}

.csc-mailform textarea {
width:467px;
}


div.csc-mailform-field  {
 margin-bottom:13px;
 clear:both;
}

div.csc-mailform-field label {
  display:block;
  float:left;
  width:260px;
}

.csc-mailform .csc-mailform-submit, #mailformformtype_mail {
float:right;
margin-right:8px;
margin-bottom:2px;
}