/**
 *
 */
body, table{
  font-size: 75%;
  color: #222; 
  font-family: Arial, Helvetica, sans-serif;
}


a{
  font-weight: bold;
  color:  #103456;
  text-decoration: none;
}
#content a:hover{
  text-decoration: underline;
}
strong {font-weight:bold;}
/**
 * heading
 */
h1{
  font-weight: bold;
  font-size: 22px;
  line-height: 30px;
}
h2{}
h3{
}
h4{

}
h5{}
h6{
}

/**
 * frames
 */

.container{
  position: relative;
}


body{
  background-color: #ececec;
}

#wrapper{
  width: 852px;
  margin: 0 auto;
  padding: 0 35px 0 35px;
  background: url(../gfx/bg.gif) repeat-y;
}

#header{
/*   background: #ececec url(../gfx/logo.gif) no-repeat top left; */
  background: #ececec;
  color: #bbc8e2;
  height: 128px;
  border-bottom: 10px solid #98abd3;
  overflow: hidden;
}

#header h1{
  padding: 25px 0 0 25px;
  display: none;
}

#hp{
  background: #103456;
  color: #fff;
  position: relative;
  height: 343px;
}

#hp .container{
  height: 285px;
  position: relative;
  overflow: hidden;
}

#hp .hp_title{
  width: 320px;
  height: 343px;
  position: absolute;
  top: 0;
  right: 0;
  background-color: #1b5996;
}

#hp .hp_title p{
  font-weight:  normal;
  font-style: italic;
  font-size: 14px;
  line-height: 24px;
  text-align: justify;
  margin: 64px 25px 25px 25px;
}

body.home #hp{background: #103456 url(../gfx/hp/home.png);}

#navigation{
  background-color: #103456;
  color: #405d78;
}

#cwrapper{
  overflow: hidden;
  clear:both;
  background: #fff url(../gfx/cbg.gif) no-repeat;
  padding: 38px 0 24px 0;
  z-index: 1;
}

#content{
  color: #103456;
}


#footer{
  background-color: #103456;
  color: #fff;
  clear: both;
}

/**
 * top navigaton
 */

#header .container{
  height: 128px;
  overflow: hidden;
}

#tnav{
  position: absolute;
  top: 60px;
  right: 0px;
}

#tnav ul{
  padding-right: 40px;
  list-style:none;
}

#tnav ul li{
  float: left;
  list-style:none;
  padding:0;
  margin:0;
}

#tnav ul li a{
  text-transform: uppercase;
  font-size: 12px;
  line-height: 18px;
  font-weight: bold;
  color:#bbc8e2;
  text-decoration: none;
  padding: 0 10px 0 10px;
}

/**
 * navigaton
 */

#navigation{
  background-color: #103456;
  /* overflow: hidden; */
  width:100%;
  float:left;
  display:inline;
  position:relative;
  height:50px;
  z-index: 99;
}

#navigation ul{
  margin: 0;
  display:inline;
  float:left;
  list-style:none;
line-height:50px;
  margin-left:15px;
}

#navigation ul li{
  text-align: center;
  display: inline;
  float: left;
  padding:0;
  margin: 0 0 1px 0;
  list-style:none;
  position:relative;
line-height:50px;
z-index: 1;
}


#navigation ul li span{
  font-weight: bold;
}

#navigation ul li a{
   text-transform: uppercase;
  font-size: 12px;
  color: #405d78;
  text-decoration: none;
 padding: 5px 8px 5px 8px;
}

#navigation ul li a:hover,
#navigation ul li a.active {
	/* color:#98abd3; */
	color:#ececec;
}

/* zweite ebene */

#navigation li ul {
  display: none;
  position: absolute; 
  top: 3em;
  left: 0;
  margin:0 0 0 3px;
  padding:0!important;
  background-color: #103456;
 }
#navigation li:hover ul { display: block; }
#navigation li ul li {
	float:none;
	display:block;
	text-align:left;
	width:200px;
	line-height:1.4em;
	margin:0;
	padding:0;
}
#navigation li ul li a {
	display:block;
}

/**
 * content
 */

#content{
  font-size: 12px;
  line-height: 24px;
  color: #103456;
  text-align: justify;
}

#content .col1{
  width: 533px;
  float: left;
  border-right: 2px solid #9dafd5;
}

#content .col1 .inner{
  margin: 10px 14px 20px 50px	
}

#content .col2{
  width: 305px;
  float:left;
}

#content .col2 .inner{
  margin: 10px 40px 20px 20px	
}

#content p{
  margin-top: 10px;
  margin-bottom: 20px;
}
#content p b i{
  font-style: italic;
  font-size: 13px;
}
#content h2,
#content h1,
#content h4 {
  font-weight: bold;
  font-size: 20px;
  line-height: 24px;
  padding: 0;
  margin: 0 0 20px 0;
  color: #103456;
}


#content .downloads{
	font-size: 11px;
	line-height: 14px;
}

#content h2{
  /* color: #ececec; */
  color: #ddd;
}

#content h3{
  margin: 0;
  font-weight: bold;
  font-size: 12px;
}
#content h4 {
	font-size:14px;
	color:#666;
}
#content .downloads p{
  margin: 5px 0 10px;
}


dd.csc-textpic-caption {font-size:11px;}
/* --- Lists | Listen  -------------------------------------------------------------------------------- */

ul, ol, dl { line-height: 1.5em; margin: 0 0 1em 1em; }
ul li { list-style-type: disc; }
ul ul li { list-style-type: circle; }
ul ul,
ul ul ul {margin:0 0 0 1em;}
ol li { list-style-type: decimal; }
ol ol li { list-style-type: lower-latin; }

li { margin-left: 0.8em; line-height: 1.5em; }

dt { font-weight: bold; }
dd { margin: 0 0 1em 0.8em; }

/* --- Tabellen  ------ */
#content table {
	font-size: 12px;
	color: #103456;
}
/**
 * footer
 */

#footer .container{
  overflow: hidden;
}

#footer p{
  margin: 8px 20px 10px 20px;
}

br.clear{
  clear: both;
}
/* --- Extensions  ------ */
.tx-danewslettersubscription-pi1-listrow {display:none;}

 /**
   *  Forms 
   */
form#mailform { margin:1em 0;}
form#mailform label{
	float:left;
	display:block;
	width:90px;
	padding-right:30px;
	text-align:right;
}
form#mailform textarea,
form#mailform  input {
	padding:2px;
	width:200px;
}
form#mailform  input,
form#mailform textarea,
form#mailform  select {
	font-family:  Arial, Helvetica, sans-serif; /* proportional fonts for all form elements */
	margin-bottom:20px;
}
form#mailform input.csc-mailform-submit  {
	width:auto;
	padding:2px 5px;
	margin:0 0 0 120px;
}

form#mailform div.csc-mailform-comment {font-size:11px;margin:0 0 2em 0;}

form#mailform .csc-mailform-req {position:absolute; left:145px;font-size:11px;}