{
margin:0;
padding:0;
font-family: Verdana,sans-serif;
}
body {
	margin:0;
	padding:0;
	border:0;			/* This removes the border around the viewport in old versions of IE */
	width:100%;
	background: #E5E5E5;
	min-width:600px;		/* Minimum width of layout - remove line if not required */
					/* The min-width property does not work in old versions of Internet Explorer */
	font-size:90%;
        font-family: Verdana,sans-serif
}
#fixed {
	width:900px;
	margin: 0 auto;
	background: #ffffff;
	padding: 0 5px;
}
a {
	color:#369;
	font-size:11px;        
}
a:hover {
	color:#fff;
	background:#369;
	text-decoration:none;
}
h1, h2, h3 {
	margin:.8em 0 .2em 0;
	padding-left:2px;
/*        font-family: georgia,serif;*/
	border-left: 4px solid #CCCCCC;
	color:#666666;
}
p {
	margin:.4em 0 .8em 0;
	padding-left:8px;
       font-size: 11px;
       line-height: 16px;
}
li, table, label{
    padding-left:8px;
    font-size: 11px;
    line-height: 16px;
}
img {
	margin:10px 0 5px;
}
#ads img {
	display:block;
	padding-top:10px;
}

#login {
    float: right;
    margin: 5px;
    position: absolute;
    top: 20px;
    width: 880px;
    color:#fff;
}

#login a {
	color:#fff;
}

/* Header styles */
#header {
	clear:both;
	float:left;
	width:100%;
}
#header {
    background: url("/static/img/header_bg.jpg") no-repeat scroll 100% 0 #49515C;
    border-bottom: 1px solid #000000;
    color: white;
    margin: 15px 0 0;
    height:180px;
}
#header p,
#header h1,
#header h2 {
	padding:.4em 15px 0 15px;
	margin:0;
}
#header ul {
	clear:left;
	float:left;
	width:100%;
	list-style:none;
	margin:10px 0 0 0;
	padding:0;
}
#header ul li {
	display:inline;
	list-style:none;
	margin:0;
	padding:0;
}
#header ul li a {
	display:block;
	float:left;
	margin:0 0 0 1px;
	padding:3px 10px;
	text-align:center;
	background:#eee;
	color:#000;
	text-decoration:none;
	position:relative;
	left:15px;
	line-height:1.3em;
}
#header a {
	color:#fff;
}
#header ul li a:hover {
	background:#369;
	color:#fff;
}
#header ul li a.active,
#header ul li a.active:hover {
	color:#fff;
	background:#000;
	font-weight:bold;
}
#header ul li a span {
	display:block;
}
/* 'widths' sub menu */
#layoutdims {
	clear:both;
	background:#eee;
	border-top:4px solid #000;
	margin:0;
	padding:6px 15px !important;
	text-align:right;
}
/* column container */
.colmask {
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
/*	overflow:hidden;*/		/* This chops off any overhanging divs */
	background: url("/static/img/verlauf_content.jpg") no-repeat scroll left top #FFFFFF;
	z-index:1;
	top:-35px;
	padding-top:45px;
}
/* common column settings */
.colright,
.colmid,
.colleft {
	float:left;
	width:100%;			/* width of page */
	position:relative;
}
.col1,
.col2,
.col3 {
	float:left;
	position:relative;
	padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
					only padding top and bottom is included here, make it whatever value you need */
/*	overflow:hidden;*/
	min-height:400px;
}
/* 3 Column settings */
.threecol {
/*	background:#eee;	*/	/* right column background colour */
}
.threecol .colmid {
	right:25%;			/* width of the right column */
/*	background:#fff;	*/	/* center column background colour */
}
.threecol .colleft {
	right:50%;			/* width of the middle column */
/*	background:#f4f4f4; */	/* left column background colour */
}
.threecol .col1 {
	width:46%;			/* width of center column content (column width minus padding on either side) */
	left:102%;			/* 100% plus left padding of center column */
}
.threecol .col2 {
	width:21%;			/* Width of left column content (column width minus padding on either side) */
	left:31%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}
.threecol .col3 {
	width:21%;			/* Width of right column content (column width minus padding on either side) */
	left:85%;			/* Please make note of the brackets here:
					(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}


/* 2 Column (right menu) settings */
.twocol {
/*	background:#eee;*/		/* right column background colour */
}
.twocol .colleft {
	right:25%;			/* right column width */
/*	background:#fff;*/		/* left column background colour */
}
.twocol .col1 {
	width:71%;			/* left column content width (left column width minus left and right padding) */
	left:27%;			/* (right column width) plus (left column left padding) */
}
.twocol .col2 {
	width:21%;			/* right column content width (right column width minus left and right padding) */
	left:31%;			/* (right column width) plus (left column left and right padding) plus (right column left padding) */
}
/* Footer styles */
#footer {
	clear:both;
	float:left;
	width:100%;
	background: url("/static/img/footer.jpg") no-repeat scroll 0 0 transparent;
	color: #E5E5E5;
	top:-35px;
	position:relative;
}
#footer p {
	padding:10px;
	margin:0;
}
#footer a {
	 color: #E5E5E5;
}
#nav {
    float: left;
    position: relative;
    top: -3px;
    width: 100%;
   z-index:99;
}

#nav ul {
	float: left;
	width:98%;
	background: url("/static/img/navi_bg.gif") no-repeat scroll 0 0 transparent;

	border-bottom: 2px solid  #BDBDBD;
	margin-left:1%; 

	padding: 0;

	height: 2.2em;

	}

#nav li {

	list-style-type: none;

	display: inline;

	line-height: 20px;

	}		

#nav li a { 

	text-decoration: none; 

	color: #FFFFF;

/*	background-color: #858F9E;*/
	border-right: 1px solid #BDBDBD; 

	border-bottom: 0;

	padding: 6px 8px;

	font-size: 1em;

	float: left;

	/*font-weight: bold;*/

	}

/*#nav li a:hover { 
background-color: #6B7687;
 }*/

#nav li a.selected { 
/*background-color: #49515C;*/
 color: #C6C4C5; }

#nav li a.ancestor { 
/*background-color: #49515C; */
color: #C6C4C5; }

#subnav ul{
margin: 0;
padding-left: 1em;
}
#subnav li {
        list-style-type: none;
        line-height: 20px;
        }

.btn1{
	border:1px solid #D9DDDE; 
	background: url("/static/img/btn1.gif") repeat-x;
	font-size:11pt;
	margin:10px;
	float:right;
}
/*
Box
*/
div.box {
    float:left;
    margin:0 7px 10px 0;
    width: 290px;
	min-height: 200px;
	padding-bottom: 20px;
}

div.box a:hover{
  text-decoration:underline;
}

div.box_header {
    padding: 22px 0 0 30px;
	font-size: 20px;
}

div.box_main {
	min-height: 200px;
	padding:5px 16px 24px;
/*    width:273px;*/
}

div.box_bottom {
*/    width: 313px;*/
    height: 20px;
}

ul.errorlist{
/*	float:right;*/
	list-style:none;
	color:red;
	margin-left:60px;
}
form {
	font:13px Georgia, "Times New Roman", Times, serif;
/*	background:#eee;*/
	margin:20px;
	padding:10px 20px;
	width:400px;	
}
form ol {
	list-style:none;
	margin:0;
	padding:0;
}
form li {
	padding:6px;
/*	background:#e1e1e1;*/
	margin-bottom:1px;
}
form li#send {
	background:none;
	margin-top:6px;
}
form label {
	float:left;
	width:90px;
	text-align:right;	
	margin-right:7px;
	color:#0066CC;
	line-height:23px; /* This will make the labels vertically centered with the inputs */
}
form li input,
form li textarea {
	padding:4px;
	font:13px Georgia, "Times New Roman", Times, serif;
	border:1px solid #999999;
	width:250px;
}
form input:focus,
form textarea:focus {
	border:1px solid #666;
	background:#e3f1f1;
}
/*form li#send button {
	
	border:none;
	padding:4px 8px 4px 28px;
	border-radius:15%; 
	-moz-border-radius:15%;
	-webkit-border-radius:15%;			
	color:#fff;
	margin-left:77px;
	cursor:pointer;
}
*/
form li#send button:hover { 
	background-color:#006633;
}
#id_agb {
	width:0px;
}


/* Relativer Tooltip */
a.tooltip, a.tooltip:link, a.tooltip:visited, a.tooltip:active  {
  position: relative;
  text-decoration: none; 
  font-style: italic;
  color: #0000ff; 
  }
  
a.tooltip:hover {
  color: #0000ff; 
  background: transparent;
  }

a.tooltip span {
  display: none;  
  text-decoration: none; 
}

a.tooltip:hover span {
  display: block;
  position: absolute; 
  top: 20px; 
  left: 0; 
  width: 200px;
  z-index: 100;
  color: #000000; 
  border:1px solid #000000; 
  background: #FFFFCC;
  font: 12px Verdana, sans-serif; 
  text-align: left;
  }
  
a.tooltip span b {
  display: block;
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-weigth: bold;
  color: yellow;
  background-color: gray;
  border: 0px;
  border-bottom: 1px solid black;
}
