.csc-textpic IMG { 
        padding-top: 2px;
        padding-bottom: 2px;
}

body {
	font-family : Arial, Helvetica, sans-serif;
	background-image: url("backg_puzzle.gif");
	background-repeat: repeat-y;
}


img {
	border: 0;
	color: #fff;
}


p {
	line-height : 130%;
	font-size: 80%;
        color: #222;
}

.align-right {
        text-align: right;
}

h1.csc-firstHeader {  
      color: #000066;
      font-size: 120%;
      margin-top: 0px;
}

h1 {  color: #000066;
      font-size: 100%;
      margin-top: 40px;
}


br {
	clear: both;
}


.none {
	display: none;
}


#clickpath {
        font-size: 70%;
        color: #C587A5;
        margin-bottom:20px;
}

#clickpath a:link,
#clickpath a:visited,
#clickpath a:active {
              color: #C587A5;
              text-decoration: none;
}              


#clickpath a:hover {
        color: #C587A5;
        text-decoration: underline;
}


li {
	line-height : 150%;
	font-size: 80%;
        margin-left: -20px;
        color: #222;
	list-style-type: square;
}


#content {
	padding:0;
	margin:30 5% 20px 20px;
	background:transparent;
	border: 1px;
	z-index:1;
}

#greybox {
	position:absolute;
	width:515px;
	z-index:1;
	left: 155px;
	top: 25px;
	padding-bottom:10px;
	margin-bottom:0px;
	z-index:1;
}


#footer {
	position:relative;
	width:575px;
        height: 50px;
	z-index:1;
        
}


#footer-line {
	position:absolute;
	/* border-top: 1px solid #fff;
	*/
        width:535px;
	left: 35px;
}


#abbinder {
	padding-top: 1em;
	font-weight:bold;
	font-size:70%;
	text-align:right;
	margin: 0px 5px 0px 0;
	z-index:1;
	clear: both;
	color: #666666;
}

#abbinder a:link,
#abbinder a:visited
{
	color					:	#666666;
	text-decoration				:	none;
}

#abbinder a:hover
{
	color					:	#000000;
	text-decoration				:	none;
}



#link-text-links
{
margin-top: 0px;
margin-bottom: 8px;
font-size: 90%;
line-height : 120%;
}


#imagebox-ueberblick
{
}

#textbox-ueberblick
{
position:relative;
width:100%;
/* background:#ddd; */
margin-bottom: 30px;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
padding-top: 3px;
padding-bottom: 3px;
}


#text1-ueberblick {font-weight: bold; font-size:140%; margin-top:0px; margin-bottom:20px}
#text2-ueberblick {font-size:85%; line-height: 120%; margin-top:5px; margin-bottom:0px}
#text4-ueberblick {font-weight: bold; font-size:85%; line-height: 120%; margin-top:5px; margin-bottom:0px}
#text5-ueberblick {font-style: italic; line-height: 120%; font-size:75%;margin-top:45px; margin-bottom:0px}

#text1-ueberblick, 
#text2-ueberblick, 
#text3-ueberblick, 
#text4-ueberblick,
#text5-ueberblick
{
padding-left: 3px; 
padding-right: 5px; }


#text1-links {font-weight: bold; font-size:85%; margin-top:30px; margin-bottom:5px}



p.abstract {font-weight : bold;}


p a:link {color: #000066;}
p a:visited {color: #000066;}
p a:active {color: #B60000;}
p a:hover {color: #B60000;}

abbr, acronym {font-style: normal;}


#position
{
	text-align: left;
	font-size: 60%;
	z-index:3;
}


#pagetitle 
{
	position:absolute;
	top:5px;
	left:5px;
	z-index:5;
	padding:0;
	width:746px;
	background:transparent;
	height: 57px;
	font-weight : bold;
	font-size: 80%;
	color: #777777;
}




#linie
{
border-top:1px dotted #f29f4b; 
}



/* NAVIGATION / MENUES */


#h-fill
{
position:absolute;
width:600px;
line-height : 115%; /* f�r IE */   
z-index:2;
left: 130px;
top: 61px;
background-color: #F9D3AD;
}

#h-nav li
{
	font-size: 110%;
}

#v-nav li
{
	font-size: 140%;
}


#h-nav
{
position:absolute;
width:730px;
z-index:2;
left: 0px;
top: 61px;

}



#v-nav
{
position:absolute;
width:109px;
z-index:3;
left: 23px;
top: 180px;
}


#h-nav ol,
#v-nav ol
{
	left: 125px;
	list-style				:	none;
	padding					:	0;
	margin					:	0;
	color					:	#000;
	background				:	transparent;
}


#h-nav ol
{
	font-weight				:	normal;
}


#v-nav ol
{
	font-weight				:	normal;
}



#h-nav ol
{
	 position:relative; 
}


#h-nav li
{
	display					:	block;
	margin					:	0;
	border-right				:	1px solid #888888; 
	text-align				:	center;
	float					:	left;
	position				:	relative;
	line-height : 170%;

}


#v-nav li
{
	display					:	block;
	width					:	100%;  
	line-height				:	100%;
	padding					:	0;
	margin					:	0;
	border-bottom				:	2px solid #aaa;
	text-align				:	left;
	float					:	left;
	position				:	relative;


}



#h-nav li a
{
	display					:	block;
	padding 				:	0 5px 0 5px;
	
}

#v-nav li a
{
	display					:	block;
	padding 				:	5px 0 5px 0;
	
}

#h-nav a:link,
#h-nav a:visited,
#v-nav a:link,
#v-nav a:visited
{
	color					:	#222;
	background-color			:	#fff;
	text-decoration				:	none;
font-weight: bold;
}



#h-nav a:hover,
#v-nav a:hover
{
	color					:	#B60000;
	text-decoration				:	none;
	background-color			:	#fff;
}

li#h-nav-item,
li#v-nav-item
{
	background-color			:	#B60000;
}


#h-nav li.current, 
#h-nav li.current a, 
#h-nav li.current a:visited,
#h-nav li.current a:hover
{
	color					:	#B60000;
	background-color			:	#fff;
	text-decoration				:	none;
	cursor					:	default;
	padding 				:	0 5px 0 5px;
}


#v-nav li.current, 
#v-nav li.current a, 
#v-nav li.current a:visited,
#v-nav li.current a:hover
{
	color					:	#B60000;
	background-color			:	#ffff;
	text-decoration				:	none;
	cursor					:	default;
	padding 				:	5px 0 5px 0;
        font-weight: bold;
}



#list-links,
#list-downloads,
#list-downloads-dl,
#list-kampa
{
list-style:none;
margin-left: 0;
margin-right: 0;
margin-top: 0;
margin-bottom:0px;
width:100%;
padding:0px;
}




#list-links li,
#list-downloads li,
#list-downloads-dl li,
#list-kampa li
{
list-style-type: none;
color:#006595;
text-decoration:none;
width: 100%;
background-color: #ddd;
text-align:left;
margin-left: 0;
margin-right: 0;
margin-top: 0;
margin-bottom:4px;
font-size:80%; 
}


img {
border: 0;
color: #fff;
}


#more
{
font-weight: bold; 
color: #444;
}

#date {font-style: italic; font-size:70%;margin-top:0px; margin-bottom:5px}

#text1,
#text1-dl
{font-weight: bold; font-size:85%;margin-top:0px; margin-bottom:0px}
#text2,
#text2-dl
{line-height: 120%; font-size:80%;margin-top:5px; margin-bottom:0px}
#text3 {line-height: 120%; font-size:80%;margin-top:5px; margin-bottom:0px}
#text4 {font-style: italic; font-size:80%; color:#444444; margin-top:5px; margin-bottom:0px}
#text5 {font-style: italic; font-size:80%; color:#444444; margin-top:5px; margin-bottom:0px}
#text6 {font-style: italic; font-size:80%; color:#444444; margin-top:5px; margin-bottom:0px}

#date,
#text1,
#text1-dl,
#text2,
#text2-dl,
#text3, 
#text4,
#text5,
#text6
{
padding-left: 3px; 
padding-right: 5px; }


#link-text,
#download-text,
#download-text-dl,
#kampa-text
{
padding-left: 3px;  /* padding-right nicht innerhalb liste angeben, wegen IE */
padding-top: 3px;
padding-bottom: 3px;
}

#kampa-text
{
color: #333;
}

#kampa-text a:link {color: #666666; font-size: 70%;}
#kampa-text a:visited {color: #666666; font-size: 70%;}
#kampa-text a:active {color: #666666; font-size: 70%;}
#kampa-text a:hover {color: #000000; font-size: 70%;}

#d-links-heading,
#d-downloads-heading
{
margin-top: 5px;
margin-bottom: 5px;
font-weight: bold;
font-size: 85%;
color: #666;
}


#navigation
{
position:relative;
top:20px;
left:30px;
padding:0;
margin-right: 10%
margin-left:0;
margin-bottom: 3em;
height: 60px;
width:500px;
font-weight : bold;
font-size:75%;
text-align:center;
clear:both;
}


#arrow
{
vertical-align:middle;
}


a:link {color: #333333;}
a:visited {color: #333333;}
a:active {color: #333333;}

abbr, acronym 
{
font-style: normal;
}

#h-nav,
#v-nav
{
text-align: right;
font-size: 75%;
}


#contentbox 
{
position:relative;
top:40px;
left:38px;
padding:0;
margin:0 0 20px 50px;
width:440px;
overflow:visible;
z-index:1;
}


#d-contentbox
{
position:relative;
top:40px;
left:38px;
padding:0;
margin:0 10% 20px 0;
width:530px;
/* border:1px solid #008996; */
overflow:visible;
z-index:1;
}


#headbox
{
font-weight: bold;
font-size: 105%;
margin-top: 0px;
margin-bottom: 20px;
}


#imagebox,
#imagebox-dl
{
position:relative;
top:0 px;
left:0px;
padding:0;
width:110px;
float:left;
padding-bottom: 20px;
clear: both; /* zugef�gt 5.10.2004 */
}


.d-imagebox
{
position:relative;
width:100%;
background:#dddddd;
margin-bottom: 30px;
margin-top: 0px;
margin-left: 0px;
margin-right: 1%;
padding-top: 3px;
padding-bottom: 3px;
/* float: left; */
/*height:300px; */
text-align: center;
}

.d-img
{
margin: 5px;
}

.d-img-text
{
text-align: center;
font-size: 70%;
color: #444444;
padding: 3px 25% 3px 25%;
}

#textbox,
#textbox-dl
{
position:relative;
top:0 px;
padding-top: 3px;
padding-bottom: 3px;
width:411px;
background:#dddddd;
margin-bottom: 25px;
margin-top: 0px;
margin-left: 5px;
float:left;
}



#d-textbox
{
position:relative;
width:100%;
background:#ddd;
margin-bottom: 30px;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
padding-top: 3px;
padding-bottom: 3px;
}


#d-linkbox
{
position:relative;
width:100%;
background:#ddd;
margin-bottom: 5px;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
}

/* ---- Mailformular formatieren ---- */
.csc-mailform {border:none;
   width: 100%;
   margin: 0;
   padding: 0;
}

.csc-mailform-field {
   /* background:#d56f00;
   */
   margin: 4px 0 4px 0;
   padding: 0;
   clear: both;
}

.csc-mailform-field label {
   float: left;
   margin: 4px 0 4px 0;
   padding: 0;
   /* color: white;
   */
   width: 70px;
}

.csc-mailform-field label,
.csc-mailform-label {
   font-size: 10pt;
}

.mf-input {
   clear: none;
   width: 200px;
   padding: 1px;
}

.mf-pass {
   width: 200px;
   padding: 1px;
}

.mf-text {
   clear: none;
   width: 200px;
   padding: 1px;
}

.mf-check {
   padding: 1px;
}

.mf-radio {
   padding: 1px;
}

.mf-select {
   width: 200px;
   padding: 1px;
}

.mf-file {
   width: 200px;
   padding: 1px;
}

#mailformRadiotest {
   border: none;
}

#mailformRadiotest legend {
   display: none;
}

.mf-reset {
}

.csc-mailform-submit {
   margin-left: 71px;
}

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


#left-info {
  margin-top: 30px;
  padding: 0;
}

#left-info p {
  margin: 0 0 4px 0;
  font-size: 10px;
  color: #444;
  text-align: center;
}