/**************************************************
   Copyright (c) 2011 CD-NET INTERNETSERVICE      *
           Alle Rechte reserviert                 *
***************************************************/
* {
	margin: 0; 
	padding: 0;
	border: 0;
}

body {
	background:  #Fff;
	color: #89A;
	line-height: 1.3em;
	font-size: 1em;
	font-family:  Arial,  verdana, "Trebuchet MS", sans-serif;
	scrollbar-face-color:#fff;
	scrollbar-highlight-color:#fff;
	scrollbar-shadow-color:#679;
	scrollbar-3dlight-color:#679;
	scrollbar-arrow-color:#679;
	scrollbar-track-color:#fff;
	scrollbar-darkshadow-color:#fff;	
}

a {
	text-decoration: none;
	color: #89A;
}


/* headlines */
h1,
h2,
h3 {
	font-size: 1.3em; 
	line-height:1.7em;
	font-weight: 100;
	color: #89A;
	}
	
/* sub-headlines */

h2 {
	font-size: 1em; 
	font-weight: 900;
	color: #89a;
	line-height:1.2em
}
h3 {
	font-size: 0.75em;
	line-height:2em;
	font-weight: 900;
	letter-spacing: normal;
	margin-bottom:12px;
}
*+html h3 {
	letter-spacing:1.8px;
}
.rot { color:#600;
}
.small  {  font-size:10px;
}
#rahmen {
	width:695px;
	border:1px solid #89A;
	margin:22px auto;
	padding:9px 55px 30px 55px;
	}
	
/* logo */
#logo {	
	width: 105px;
	height: 48px;
	margin: 5px auto;	
}

#main  {
	width:792px;
	text-align:left;

}

/* ================= Navi horizontal ===============*/
#main  #navi {
	list-style-type: none;
	margin:5px 0;
	height:30px;
	
}

#main  #navi li {
	float: left;
	height:28px;	
}


#main  #navi li a {
	display:block;
	padding: 3px 16px 3px 17px;
	font-family:  Arial, verdana, "Trebuchet MS", sans-serif;
	color: #859FAF;	
	font-size: 0.75em;
	line-height:2em;
	border-left:1px solid #859FAF;	
	border-top:1px solid #859FAF;
}

*+html #main #navi li a {
	padding: 5px 18px;
	line-height:25px;
}

#main #navi li a {
	padding /*\**/: 5px 15px\9;
	line-height:25px;
}


#main  #navi li.last a {
	border-right:1px solid #859FAF;
}


	
#main  #navi li a:hover,
#main  #navi li a.active {
	color: #fff;
	text-decoration: none; 
	background-color: #8DABB1;
}



/*========= CONTENT==========*/

#content  {
	background: url(img/back_front.jpg) 0 0 no-repeat;
	width:625px;
	height:420px;
	margin-top:22px;
	padding-left:70px;
	font-size:0.8em;

}
* html #content  {
	width:675px;

}
#contentL  {
	height:420px;
	margin-top:18px;
}

#content #txt  {
	height:375px;
	background-color:#fff;
	padding-left:45px;
}


#content #txt  a:hover,
#content #txt  a.active {
	color: #fff;
	text-decoration: none; 
	background-color: #8DABB1;
	padding:2px 6px;
}


	
/* Zweispaltenformat */
#content #txt .colL,
#content #txt .colR {
	float: left;
	width: 260px;
	margin-right: 35px;
}
#content #txt .colR  {
	margin:0
}

#content #txt .desc		 { 
	display: none;
	position: relative;
	z-index: 8;
	top:25px;
	left: 0px;
	height: 151px;
	width: 200px;
	padding: 0;  
	border-style:none; 
	border-width:thin;
}
#content #txt ul {
	clear:both;
	width: 600px;
}
#content #txt  li {
	margin-left:17px;
	line-height: 25px;
}

.clear {
	clear:both;
	height:0;
	font-size:0;
	margin:0;
	padding:0;
}
/*   Formularfelder wie Name, Kontonr. etc. 
-------------------------------------------------------- */
fieldset {
	width:600px;
}

fieldset p {
	float:left;
	width:599px;
	margin:5px 0;
}

p input,
p select,
p textarea,
p submit	{   
	border: 1px solid #89a;
	background-color:#dde;
	color:#667;
	font-size:1em;
	padding:1px 8px;
	width: 422px;
}

label {
	display: inline;
	width:130px;
	float: left;	
	line-height:1.5em;
	font-size:0.9em;
}

.send {
	cursor:pointer;
	width:80px;
	padding:3px 12px;
	font-size:0.8em;
	color:#667;
	border:0;
	background-color:#ccc;
	font-weight:700;
	margin-right:200px;
}
.send:hover {
	background-color:#556;
	color:#fff;
}
p input.superkurz {
	border:none;
	background-color:#fff;
	width:15px;
}
p textarea {
	height:6em;	font-size:1em;font-family:arial,verdana;
}
p input:hover, p textarea:hover,
p input:focus, p textarea:focus {
	background-color: #fff;
}




/*==== Formularfelder wie Name, Kontonr. etc. ========= */

/* ================= body-text ===============*/
#bodysmall  {
	width:200px;
	font-size:7px;
	color:#999;
	margin-left:-9000px
	}
