/* CSS Document */

* {
	margin: 0;
	padding: 0;
}


body { 
	color: #000000;
	background: #d0d0d0 url(../images/bg_body.jpg) top left repeat-y;
	margin: 0px 0px 0px 0px;
	padding: 0 0 0 0;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 76%;/* font sizing in ems. if you want to change anything, just change this.*/
	/*funny thing happens at 75% and lower. opera goes to a nice small size, but moz and ie pc change almost not at all. seems 76% is as small as you can go and stay the same across browsers. poop.*/
	line-height:1.5em;
}


p, tr, td, h4, tr p, td p { 
	font-size: 1.0em;
	margin: 1.2em 0em 1.2em 0em;
}


p.csc-linkToTop {
	text-align:right;
}


.csc-textpic-caption {
	font-size:0.8em;
	color:#999999;
	padding-bottom:10px;
}

a:link { 
	text-decoration: none; 
	color: #e20025;
	}
a:visited { 
	text-decoration: none; 
	color: #990033;
	}
a:hover { 
	text-decoration: underline; 
	color: #e20025;
	}
a:active { 
	text-decoration: none; 
	color: #e20025;
	}
a:focus { 
	text-decoration: none; 
	color: #e20025;
	}

h1 {
	font-family: Arial, Verdana, sans-serif;
	font-size: 2em;
	margin: 2em 0em 1em 0em;
	padding-bottom:10px;
	font-weight: bold;
	text-transform:uppercase;	
	color:#666666;
	background:transparent url(../images/hr_breit.gif) no-repeat scroll left bottom;	
	}

h2 {
	font-family: Verdana, Arial, sans-serif;
	font-size: 1.4em;
	margin: 2em 0em 1em 0em;
	padding-bottom:10px;
	font-weight: normal;
	text-transform:none;	
	color:#666666;
	background:transparent url(../images/hr_schmal.gif) no-repeat left bottom;
	}


#home #content h2 {
	background:transparent url(../images/hr_schmal.gif) no-repeat 251px bottom;
	}


h3 {
	font-size: 1.0em;
	margin: 2.5em 0em 0em 0em;
	padding: 0;
	font-weight: bold;
	color:#666666;
	text-transform: uppercase;
	}


img {
	border: 0;
	}
	
 
#content ol, ul, li {
	line-height: 1.9em;
	list-style-position:outside;
	list-style:circle;
	}
	
#content li {
	border-bottom:1px solid #eaeaea;
	margin-left:15px;

}


strong, b {
	font-weight: bold;
	}




/* ----------------------------------- */
/* TABELLE
/* ----------------------------------- */
#content table {
	border-width : 0;
	border-collapse : collapse;
	border-spacing : 0;
	padding : 0;
	width:99%;
}

.tr-odd {
 	background-color: #f8f8f8;
}

tr, td {
	vertical-align:top;
	text-align:left;
	padding: 1px 1px 1px 1px;
	border: 1px solid #d3d3d3;
}

td.csc-uploads-icon {
	vertical-align:middle;
	text-align:center;
}

th.tabellenkopf {
	text-align:left;
	background-color:#eaeaea;
	border:1px solid #d3d3d3;
	padding : 3px 0 2px 3px;
}

.adresse {
text-align: left;
padding: 4px 0 2px 3px;
border: 1px solid #d3d3d3;
border-width: 0 1px 1px 1px;
vertical-align: top;
}

.adresse_url {
}

/* ----------------------------------- */
/* COMMON
/* ----------------------------------- */

div.clear {
    clear: both;
    overflow: hidden;
    height: 1px;
}



/* 
----------------------------------------------------------------------------- 
NAV
-----------------------------------------------------------------------------*/


#nav-wrapper {
	background-color:#ffffff;
	float:left;
	width:200px;
	margin: 58px 0px 0px 0px;
	padding:0;
	display:inline;
	z-index:100; 
}

#icon {
	text-align:right;
}

img.icon {
	padding-left:10px;
	padding-bottom:10px;
	}

#nav { 
	position: relative;
	z-index:100 !important; 
}
.cssmenuWrap {
	z-index:100 !important; 

}
/*-------------CSS---------------------*/
#nav ul#nav2, #nav ul#nav2 ul {
	color:black;
	font-size:100%;
	margin:0pt;
	padding:0pt;
	width:200px;
	text-align:right;
}
#nav ul#nav2 li {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	position:relative;
}
#nav ul#nav2 li a {
	color:#777777;
	display:block;
	padding:0px 4px 0px 0px;
	text-decoration:none;
	font-weight:bold;
	min-height:22px;

}
#nav ul#nav2 li.li_act a {
	color:#FFFFFF;
}
* html #nav ul#nav2 li {
	float:left;
	height:1%;
}
* html #nav ul#nav2 li a {
	height:1%;
}

/*ausgeklapptes Popup Menu*/
#nav ul#nav2 ul {
	background:#d1d1d1 url(../images/bg_nav_level2.jpg) repeat-y;
	display:none;
	left:200px;
	position:absolute;
	top:0pt;
	}
#nav ul#nav2 ul li a {
	color:#000000;
	padding:0px 4px 0px 0px;
	font-weight:normal;

}
#nav ul#nav2 ul li a:hover {
	color:#c71315;
}
#nav ul#nav2 li ul li a {
	padding:0px 4px 0px 0px;
}
#nav ul#nav2 li:hover ul ul, 
#nav ul#nav2 li:hover ul ul ul, 
#nav ul#nav2 li.over ul ul, 
#nav ul#nav2 li.over ul ul ul {
	display:none;
}
#nav ul#nav2 li:hover ul, 
#nav ul#nav2 li li:hover ul, 
#nav ul#nav2 li li li:hover ul, 
#nav ul#nav2 li.over ul, 
#nav ul#nav2 li li.over ul, 
#nav ul#nav2 li li li.over ul {
	display:block;

}
#nav ul#nav2 a.ifsubarrow {
}

#nav ul#nav2 a.actifsubarrow {
	background:transparent url(../images/pfeil_act.gif) no-repeat scroll 10px center;
	color:#cc0033 !important;

}

#nav ul#nav2 li.menuparent:hover, 
#nav ul#nav2 li.over {
	background:#ffffff url(../images/pfeil_act_level2.gif) no-repeat scroll 10px center;
}

/*Level 1 ausgewählt*/
#nav ul#nav2 li.li_act,
#nav ul#nav2 li.li_act a {
	color:#cc0033;
}

#nav ul#nav2 li.li_act ul {
	background:#d1d1d1 url(../images/bg_nav_level2.jpg) repeat-y;
	position:relative;
	display:block;
	left:0px;
	color:#000000;
}

#nav ul#nav2 li.li_act ul li a{
	font-size:0.9em;
	font-weight:normal;
	color:#000000;
}


#nav ul#nav2 li.li_act ul li.li_act{
	background:#e20025 url(../images/pfeil_weiss.gif) no-repeat scroll 10px center;
	color:#ffffff !important;
}

#nav ul#nav2 li.li_act ul li.li_act a{
	color:#ffffff;
}

#nav ul#nav2 li a:hover {
	color:#ffffff !important;
	background:#e20025 url(../images/pfeil_weiss.gif) no-repeat scroll 10px center;

}


/* ----------------------------------- */
/* MAIN
/* ----------------------------------- */

.logo{
	float:left;
	display: inline;
}

#container-wrapper{
	margin:0;
	padding:0;
	overflow: visible;
	width: 970px;
	z-index:3;
}

#container {
	margin:0;
	padding:0;
	width:877px;
	float:right;	
	background:#ffffff;
	display: inline;
}


#home #container {
	margin:0;
	padding:0;
	width:877px;
	float:right;	
	background:#ffffff url(../images/bg_home_img.jpg) no-repeat 219px 291px;
	display: inline;
}

#content-wrapper {
	width:650px;
	float:right;
	margin: 8px 8px 8px 0px;
	display: inline;
	z-index:4;
}

#content {
	z-index:4;
}


#spalte_links {
	width:34%;
	float: left;
	margin:0 30px 0 0;
	display: inline;
	min-height:300px;
}

#spalte_rechts {
	width:31%;
	float: right;
	margin:0 0 0 40px;
	display: inline;
}

/

/* ----------------------------------- */
/* Bottom
/* ----------------------------------- */

#footer-wrapper {
    clear: both;
}

#footer {
	width:600px;
	margin-left:300px;
	font-size:0.8em;
	color:#666666;
}



/* ----------------------------------- */
/* Mailformular
/* ----------------------------------- */

.csc-mailform {
	border:none;
	margin-top:20px;
}

.csc-mailform-field label {
  display: block;
  line-height: 1.8;
  vertical-align: top;
  width:475px;
}

.csc-mailform-submit {
	margin-top:10px;
}


/* ----------------------------------- */
/* Text mit Bild
/* ----------------------------------- */


.csc-textpicHeader h2{
	margin: 0em 0em 1em 0em;
	padding-bottom:10px;
	font-weight: normal;
	text-transform:none;	
	color:#666666;
	background:transparent url(../images/hr_schmal.gif) no-repeat left bottom;
}