﻿body {
	background: url("body_background.jpg") right bottom no-repeat fixed #ffffff;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	height: 100%;
	margin: 0px;
	}
	
#wrapper {
	background: url("wrapper_background.gif") bottom repeat-x;
	min-height: 100%;
	}
	
#header {
	background: url("header_background.gif") bottom repeat-x #E8E8E8;
	height: 205px;
	}
	
#header .title {
	background: url("title_background.gif") top left no-repeat;
	height: 169px;
	width: 690px;
	overflow: hidden;
	}

#header .title img {
	margin: 89px 0px 0px 30px;
	}
	
#header .logos {
	float: right;
	margin: 18px 10px 0px 0px;
	}
	
#header .logos .deutsche_krebshilfe {
	margin: 0px 15px 0px 0px;
	}
	
#header .logos .deutsche_krebsgesellschaft {
	margin: 0px 0px 5px 0px;
	}	
	
	
#header .navigation {
	background: url("navigation_background.gif") top left repeat-x;
	height: 32px;
	overflow: hidden;
	}
	
#header .navigation ul,
#header .navigation li {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	}

#header .navigation ul {
	border-left: 1px solid #ffffff;
	height: 30px;
	margin: 1px 0px 0px 30px;
	}
	
#header .navigation li {
	float: left;
	}
	
#header .navigation a {
	color: #ffffff;
	display: block;
	float: left;
	font-size: 11px;
	font-weight: bold;
	height: 31px;
	line-height: 31px;
	border-right: 1px solid #ffffff;
	margin: 0px;
	padding: 0px 10px 0px 10px;
	text-decoration: none;
	text-transform: uppercase;
	}
	
#header .navigation a:hover {
	background: url("navigation_hover_background.gif") top repeat-x;
	}
	
#header .navigation li.selected a {
	background: url("navigation_hover_background.gif") top repeat-x;
	color: #E2F8E7;
	}
	
#main .content {
	font-size: 12px;
	margin: 30px 250px 0px 31px;
	}
	
#main h1,
#main h2,
#main h3,
#main h4,
#main p,
#main ul,
#main table {
	margin: 0px 0px 15px 0px;
	padding: 0px;
	}
	
#main h1 {
	color: #389650;
	font-size: 16px;
	font-weight: bold;
	}

#main ul {
	margin-left: 16px;
	}
	
#main a {
	color: #000000;
	}
	
#main table td {
	font-size: 12px;
	padding: 1px 5px 1px 5px;
	
	}	

#main ul.pageNavigation {
	list-style-type: none;
	margin: 0px 0px 30px 0px;
	padding: 0px;
	}

#main ul.pageNavigation li {
	float: left;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	}

#main ul.pageNavigation a {
	background-color: #E2E2E2;
	border: 1px solid #ADADAD;
	color: #2D2D2D;
	display: block;
	float: left;
	font-size: 11px;
	list-style-type: none;
	margin: 0px 5px 0px 0px;
	padding: 3px 5px 3px 5px;
	text-decoration: none;
	}
	
#main ul.pageNavigation li.selected a, 
#main ul.pageNavigation a:hover {
	background-color: #EBF4ED;
	border: 1px solid #C3DFCA;
	color: #389650;
	}
	
	
#main .left {
	float: left;	
	padding-right: 30px;
	width: 300px;
	}
	
#main .right {	
	float: left;
	width: 300px;
		}

#main .programm {
	border-bottom: 1px solid #AFAFAF;
	}

#main .programm td {
	border-top: 1px solid #AFAFAF;
	font-size: 12px;

	padding: 5px 5px 5px 5px;
	vertical-align: top;
	}

#main .programm td.col_0 {
	font-weight: bold;
	padding-right: 15px;
	white-space: nowrap;
	}	


#main .programm td p {
	margin:0px;
	}	


#main form {
	background-color: #E8E8E8;
	border: 1px solid #AFAFAF;
	margin: 0px 0px 15px 0px;
	padding: 10px;
	width: 560px;
	}
	
#main form table td {
	padding: 1px 5px 1px 5px;
	font-size: 12px;
	}

#main form table table {
	border-top: 1px solid #C6C6C6;
	width: 400px;
	}
	
#main form table table td {
	padding: 1px 5px 1px 0px;
	border-bottom: 1px solid #C6C6C6;
	}
	
	
#main form table td.col_1 {

	}

#main form table td.rubrik {
	font-weight: bold;

	padding-top: 5px;
	}
	



#main form input,
#main form select {
	width: 220px;
	}

#main form table table input {
	width: auto;
	}


#main form textarea {
	height: 200px;
	width: 400px;
	}	
	
#footer {
	clear: both;
	height: 50px;
	}