html {
	    height : 100%;
}

* html div#main { height:100%; }


body {
	height : 100%;
	margin : 0px;
	padding : 0px;

	background-color : #EEEEEE;
	background-image : none;
	
	font-family : verdana, arial, trebuchet ms, helvetica, sans-serif;
	font-size : 10px;
	line-height : 1.4em;
	
	color : #E0E0E0;
}

td {
	text-align : left;
	vertical-align : top;
	font-size : 10px;
	line-height : 1.4em;

	color : #666161;
}

#main {
	padding-left : 10px;
	padding-right : 10px;
	padding-bottom : 20px;

	text-align : left;
	width : 965px;
	min-height : 100%;
	
	/*background-color : white;*/
	
	/*
	margin-left : auto;
	margin-right : auto;
	*/
	background-color : #E0E0E0;
	/*background-image : url(../pix/bg_body3.jpg);*/
	background-image : url(../pix/bg_body_geno2.jpg);

	background-repeat : repeat-x;
	background-position : top left;

	/*border : 1px solid black;*/
}

#header_de, #header_en, #header_index {
	padding-right : 10px;
	height : 80px;
	margin-bottom : 10px;
}

#header_index {
	background-image : url('../pix/bg_header_index.png');
/*	background-image : url('../pix/bg_header_index.gif');*/
}

#header_de {
	background-image : url('../pix/bg_header_de.png');
}

#header_en {
	background-image : url('../pix/bg_header_en.png');
}

#header_menu {
	padding-top : 10px;
	font-size : 11px;
	font-weight : bold;
	text-align : right;
	color : #222222;
}

#header_menu a {
	padding-right : 10px;
	text-decoration : none;
	color : #323330;
}

#header_menu a:hover {
	text-decoration : underline;
}

#header_logo {
	position : relative;
	top : 10px;
	left : 10px;
	width : 250px;
	height : 40px;
	/*border : 1px solid red;*/
}

#header_logo a {
	display : block;
	width: 100%;
	height: 100%;
	text-indent : -500px;
}

#header_easteregg {
	float :left;
	position : relative;
	overflow : hidden;
	top : 10px;
	left : 10px;
	width : 16px;
	height : 16px;

	background-image : url(../pix/easter_egg.gif);
	background-position: center;
	background-repeat: no-repeat;
	/*	border : 1px solid red; */
}

#header_easteregg a {
	display : block;
	width: 100%;
	height: 100%;
	text-indent : -500px;
}

#themen {
	padding-top : 10px;
	background-image : url(../pix/bg_themen.gif);
	height : 130px;
	margin-bottom : 10px;
	background-position : top left;
	background-repeat : no-repeat;
}

#content {
	width : 965px;
	margin-bottom : 10px;
}

form {
	padding : 0px;
	margin : 0px;
}

.forminput {
	padding-left : 4px;
	font-family : verdana,arial,helvetica,sans-serif;
	font-weight : normal;
	font-size : 11px;
	background-color : #FDFDFD;
	border : 0px;
	border-top : 1px solid #888888;
	border-left : 1px solid #888888;
}

.formselect {
	border : 0px;
	background-color : #FDFDFD;
	color : #222222;
	font-family : verdana,arial,helvetica,sans-serif;
	font-weight : normal;
	font-size : 11px;
}

.errortext {
	display : block;
	color : red;
}

p {
	margin : 0px;
	margin-bottom : 0.5em;
}

a {
	text-decoration : none;
	color : black;
}

a:hover {
	text-decoration : underline;
}

a.contentlink img {
	padding-left : 5px;
	/*
	background-image : url(../pix/icon_pfeil.gif);
	background-position : center right;
	background-repeat : no-repeat;
	*/
}

.para {
	padding-top : 4px;
	padding-bottom : 4px;
}

.bigpara {
	padding-top : 8px;
	padding-bottom : 8px;
}

.smallpara {
	padding-top : 2px;
	padding-bottom : 2px;
}

.smalltext {
	font-size : 10px;
}

.infotext {
	text-decoration : none;
	font-weight : normal;
	font-size : 10px;
}


img {
	border : 0px;
}

img.thumb {
	margin-right : 10px;
}

img.navithumb,img.navithumb_selected {
	float : left;
	padding : 5px;
}

img.navithumb_selected {
	background-image : url(../pix/icon_marker.gif);
	background-position : center left;
	background-repeat : no-repeat;
	/*background-color : white;*/
	
}

.subfullblock img.thumb {
	margin-top : 4px;
}

h1,h2,h3,h4,h5 {
	margin : 0px;
	padding-top : 2px;
	padding-bottom : 4px;

	font-size : 1.0em;
	font-weight : bold;	
}


h2 {
	color : black;
	padding-bottom : 0px;
}

h1.big, h2.big {
	margin : 0px;
	font-size : 10pt;
	line-height : 1.2em;
	padding-bottom : 4px;
}

h3 {
	padding-top : 2px;
	padding-bottom : 2px;
}

h4 {
	line-height : 1em;
	color : black;
	padding-bottom : 4px;
}

h5 {
	font-size : 1em;
	color : white;
	text-transform : uppercase;
}

#dropdown {
	width : 200px;
	height : 21px;
	padding-top : 1px;
	background-image : url(../pix/bg_dropdown.png);
	background-repeat : no-repeat;
	background-position  : top left;
}

#dropdown_content {
	background-color : #EEEEEE;
	visibility : hidden;
	padding : 0px;
	width : 200px;
	position : absolute;
	z-index : 10;
}

#dropdown a, #dropdown_content a {
   color : black ;
   font-size : 10px;
	padding : 8px;
	padding-top  : 2px;
	padding-bottom  : 2px;
	display : block;
}

#dropdown a {
	height : 18px;
}

#dropdown_content a:hover {
	text-decoration : underline;
}

div.sidebutton {
	
	/*border : 1px solid red;*/

	background-image : url(../pix/bg_sidebutton.png);
	background-position : top left;
	background-repeat : no-repeat;

	margin-top : 8px;
	padding-top : 3px;
	
	height : 18px;

	color : white;
	font-weight : bold;
    text-transform : uppercase;
}


div.sidebutton a {
	color : white;
}

.feature h2 {
	color : white;
}

.feature td {
	 
}

.subblock b {
	color : black;
	/*font-weight : normal;*/
}

h1.menulist_title {
	padding-left : 5px;
	font-weight : normal;
	font-size : 9px;
	display : block;
	height : 35px;
}

.menulist_head {
	font-weight : bold;
	font-size : 11px;
	height : 20px;
	padding-left : 5px;
	padding-top : 3px;
	background-position : top left;
	background-repeat : no-repeat;
	margin-bottom : 4px;
}

.rot .menulist_head { background-image : url(../pix/bg_menulist_head_foerdern.gif); }
.gruen .menulist_head { background-image : url(../pix/bg_menulist_head_forschen.gif); }
.blau .menulist_head { background-image : url(../pix/bg_menulist_head_vermitteln.gif); }

.menulist {
	list-style : none;
	padding : 0px;
	padding-left : 5px;
	margin : 0px;
}

.menulist li {
	padding : 0px;
	padding-bottom : 2px;
	margin : 0px;
}

.menulist li a {
	display : block;
	width : 99%;
	padding-left : 12px;
	background-position : top left;
	background-repeat : no-repeat;
}

.rot .menulist li a {
	background-image : url(../pix/icon_pfeil_klein_rot.gif);
}

.gruen .menulist li a {
	background-image : url(../pix/icon_pfeil_klein_gruen.gif);
}

.blau .menulist li a {
	background-image : url(../pix/icon_pfeil_klein_blau.gif);
}

.content_column {
	vertical-align : top;
	width : 315px;
	/*border : 1px solid black;*/ 
}

.content_column td {
	
}

.content_column_full {
	font-size : 11px;
	width : 640px;
	/*border : 1px solid black;*/ 
}

.content_column_full td {
	font-size : 11px; 
}

.feature td {
	color : #DFE3E5;
}

.content_spacer {
	width : 10px;
	height : 10px;
}

div.switchcontrol {
	clear : both;
	float : left;
	width : 16px;
	height : 12px;
	background-image : url(../pix/icon_switch_open.gif);
	background-position : top left;
	background-repeat : no-repeat;
}

div.switchtop {
	padding-left : 20px;
}

div.switchtop h2 {
	margin : 0px;
	padding : 0px;

}

div.switchcontent {
	padding-top : 8px;
	padding-bottom : 8px;
	padding-left : 20px;
	display : none;
}

div.contentblock {
    /*font-size : 1.1em;*/
	
	margin : 10px;
	margin-top : 15px;
	margin-bottom : 15px;

	line-height : 1.4em;
}

div.artikelblock a {
	color : #666161;
	text-decoration : underline;
}

div.breadcrumbblock {
	color : black;
    /*font-size : 1.1em;*/
    margin-left : 10px;
    margin-bottom : 10px;
}

div.printblock {
	margin : 10px;
	text-align : right;
}

.grau div.breadcrumbblock {
	color : #666161;
}

a.tooltip, a.tooltip:visited {
	color : black;
	background-color : white;
    position : relative;
    z-index : 1;
    text-decoration : none;
}

a.tooltip:hover {
	text-decoration : none;
    background-color : white;
    z-index : 2;
    cursor : help;
}

a.tooltip span {
    font-family : verdana, arial, helvetica, sans;
    font-weight : normal;
    font-size : 10px;
    line-height : 1.4em;
    display: none;
	text-decoration : none;
}

a.tooltip span b {
    display : block;
}

a.tooltip:hover span {
    display :block;
    position :absolute;
    top : 2em; left : 3em;
    width : 180px;
    border :1px solid black;
    background-color : white;
    padding : 3px;
}

/*a.button,a.buttonsmall,a.buttonbig { display : block; }*/

.controlbig, .buttonbig {
	
	width : 160px;
	padding-top : 2px;
	padding-left : 10px;
	padding-right : 10px;
	height : 20px;
	text-align : left;

	background-position : top left;
	background-repeat : no-repeat;
	
}

.control, .button {
	width : 100px;
	padding-top : 2px;
	padding-left : 10px;
	padding-right : 10px;
	height : 20px;
	text-align : left;

	background-position : top left;
	background-repeat : no-repeat;
	
}

.controlsmall, .buttonsmall {
	padding-top : 2px;
	width : 50px;
	padding-left : 5px;
	padding-right : 5px;
	height : 20px;
	text-align : left;

	background-position : top left;
	background-repeat : no-repeat;
	
}

.control { background-image : url(../pix/controlbutton_medium_bg.png); }
.button { text-align: center; background-image : url(../pix/borders/button_medium_bg.png); }

.controlbig { background-image : url(../pix/controlbutton_big_bg.png); }
.buttonbig { text-align: center; background-image : url(../pix/borders/button_big_bg.png); }

.controlsmall { background-image : url(../pix/controlbutton_small_bg.png); }
.buttonsmall { text-align: center; background-image : url(../pix/borders/button_small_bg.png); }

.timelinemonat {
	font-size : 10px;
	font-weight : bold;
	padding-top : 10px;
	padding-right : 5px;
	width : 100px;
	color : white;
	text-align : right;
	border-bottom : 1px solid white;
}

.timelinecell {
	font-size : 10px;
	width : 500px;
	/*background-color : #E4A7BB;*/
	border-left : 1px solid white;
	border-right : 1px solid white;
	padding-right : 20px;
}

.timelinedatum {
	font-size : 10px;
	font-weight : bold;
	color : white;
	padding-left : 25px;
	border-bottom : 1px solid white;
}

.timelinecontent {
	font-size : 10px;
	padding : 2px 5px 2px 5px;
	margin-left : 20px;
	margin-bottom : 5px;
	border-left : 1px solid white;
	border-right : 1px solid white;
	border-bottom : 1px solid white;
	background-color : #F9D8E3;
}

.strong {
	color : black;
}

img.imagetext {
	margin-top : 2px;
}

.leadtext {
	padding-top : 2px;
	padding-bottom : 6px;
	color : black;
}

.rot .colortext, .rot h1, .rot h1 a, .rot .breadcrumbblock a, .rot .menulist li a { color : #E52263; }
.gruen .colortext, .gruen h1, .gruen h1 a, .gruen .breadcrumbblock a, .gruen .menulist li a { color : #5FA619; }
.blau .colortext, .blau h1, .blau h1 a, .blau .breadcrumbblock a, .blau .menulist li a { color : #4295A6; }