/* ----------------------------------------------

   GENERAL SETUP

   ---------------------------------------------- */





html, body, div, p, ul, li, h1, h2, h3, h4, table, tr, td {

	margin: 0px;

	padding:0px;

	border: 0px none;

}



html{

}



body {

	font-family: Arial, Sans-Serif;

	font-size: 12px;

	color:#666666;

	background: #FFF;

	padding: 100px 0px 0px 30px;

}





a, a:visited {

	text-decoration: none;

	color:#39A6E7;

}

a img {
	border:0px none;
}



a:hover {

	text-decoration: underline;

}









/* ----------------------------------------------

   STRUCTURE

   ---------------------------------------------- */

   

   

#header {

  position:absolute;

  top:25px;

  left:48px; 

}







#content {

  height: 430px;

  padding: 20px 0px 20px 145px;

  background: url(background.gif) repeat-x top left;

  

}



#mainnav {

  width: 105px;

  /*float:left;*/

  position: absolute;

  top:120px;

  left:30px;

}





#contentarea {

  color: #000;

  width: 520px;

  padding: 0px 20px 20px 20px;

  margin-bottom: 100px;

  float:left;

  background: #FFF url(bg_lines.gif) repeat-x bottom left;

  

}

#whitespace {

  height: 416px;

  width: 1px;

  float:left;

}





#images {

  /*width: 250px;*/

  margin-left:580px;

  /*border: 1px solid #000;*/

}





#footer {

  position:absolute;

  top:573px;

  left:742px; 

}









/* ----------------------------------------------

   MAIN NAV

   ---------------------------------------------- */



#mainnav ul {

  list-style: none;

  padding-left: 10px;

  margin-bottom: 5px;

  text-transform: uppercase;

}



#mainnav li {

  margin-bottom: 5px;

}



#mainnav li a{

  background: #FFF;

  color: #999;

}

#mainnav li.act a, #mainnav li.act a:hover{

  background: #39A6E7;

  color: #FFF;

  text-decoration: none;

  

}



#mainnav li a:hover {

    color: #39A6E7;

  text-decoration: none;

}





/* ----------------------------------------------

   CONTENT

   ---------------------------------------------- */

   

h1 {

  color:#39A6E7;

  font-weight: normal;

  font-size: 16px;

  padding: 15px 0px;

  padding-top: 40px; 

  margin-top: 10px;

  border-top: 1px solid #999;

}

p.csc-subheader {
 color:#39A6E7;
 font-size:16px;
 font-weight:normal;
  margin-top:-10px;
}

div.csc-header-n1 h1 {

  margin-top:0px;

  padding-top: 15px;

  border-top: 0px none;

}



p {

  padding-bottom: 10px;

  line-height: 18px;

}



#contentarea div.csc-textpic {

  float:left;

  width: 519px;

}



/* ------ listen ------*/





#contentarea ul {

  padding-left: 30px;

  list-style-image:url(li.gif);

}

#contentarea li {

  padding-bottom: 10px;

  line-height: 18px;

}







/* ------ tabellen ------*/





table.csc-uploads {

	width:520px;

}

table.csc-uploads p {

	padding: 2px;

}

table.csc-uploads .csc-uploads-fileName p{

	float:left;

	width:210px;

border-left:1px solid #FFF;

}



table.csc-uploads .tr-even {

	background:#EEE;

}











/* ------ content ausserhalb ------*/





#images dd {

  width: 250px;

  background: #FFF;

  margin: 10px 0px 20px 0px;

}





#footer {

  white-space:nowrap;

  text-transform: uppercase;

  font-size: 11px;

}





