BODY {
	margin: 0px;
	padding: 0px;
	background: #FFFFFF 
																								 repeat-x top left;	
	color: #000000;
}

#header
{
	width: 100%;
	background: #416D94 url(../images/phdr.gif) no-repeat left 16px;	
	height:     60px;}

#logo 
{
	border-top: 2px solid #042148;
	border-bottom: 2px solid #042148;
	width: 100%;
	height: 						300px;	background: #FFFFFE url(../images/s2dlogo.jpg) no-repeat top center;
}

#wrap {
		margin: 0 auto;
		width: 100%;
	max-width: 1200px;
	z-index : 100;
	margin-top: -22px;
}

#nav {
	float: left;
	width: 21%;
	min-width: 140px;
	padding: 10px 10px;
	border: 1px solid #042148;
	background-color: #416D94;
	margin-right: 5px;
}

#nav a, #nav p {
	display: block;
	color: #FFFFFF;
	text-decoration: none;
	padding: 4px 0px;
	margin: 0px;
	border-bottom: 1px solid #FFFFFF;
	-moz-transition: background-color .3s ease-in;
	-webkit-transition: background-color .3s ease-in;
	-o-transition: background-color .3s ease-in;
	transition: background-color .3s ease-in;
}

#nav a:hover {
	background-color: #416D94;
	color: #042148;
	-moz-transition: background-color 0.02s;
	-webkit-transition: background-color 0.02s;
	-o-transition: background-color 0.02s;
	transition: background-color 0.02s;
}
#nav a.topic {
	padding-left: 20px;
}

#nav a.subtopic {
	padding-left: 40px;
}

#nav h2 {
	padding: 0px;
	margin: 16px 0px 6px 0px;
	font-size: 110%;
	font-weight: bold;
}

#nav h4 {
	padding: 0px;
	margin: 16px 0px 6px 0px;
	font-size: 100%;
	font-weight: bold;
}

#content {
	float: left;
	width: 73%;
	min-width: 215px;
	padding: 0.5%;
	margin-top: 20px;
}
#sidebar {
	float: right;
	width: 1%;
	padding: 0 0 0 0;
	margin-top: 0;
}
#bottom {
	width: 100%;
	height: 40px;
	clear: both;
}

#footer {
	width: 100%;
	padding: 40px 0;
	border-top: 1px solid ;
	background-color: #FFFFFE;
}

#footercontainer {
	width: 100%;
	margin: 0 auto;
	background-color: #FFFFFE;
}

#footercontainer ul {
	list-style-type: none; 
	margin:0; 
	padding:0;
}

#footercontainer li {
	display: block;
	float: left;
	width: 130px;
	margin: 0 10px;
	font-size: 13px;
}

#footercontainer li ul {
	padding-top: 6px;
	border-bottom: 1px solid #042148;
}

#footercontainer li li {
	display: block;
	float: none;
	padding: 6px 0;
	border-top: 1px solid #042148;
	font-size: 10px;
	margin: 0;
}


#footercontainer li a {
	color: #042148;
	text-decoration: none;
	font-weight: bold;
}

#footercontainer li li a {
	color: #042148;
}

#footercontainer li a:hover {
	color: #444444;
}

#footercontainer p {
	color: #042148;
	margin: 0;
	padding: 40px 40px 0 40px;
	text-align: center;
	font-size: 12px;
}

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

form.search input {
	vertical-align : middle;
}

input.search {
	width: 145px;
	border: 1px solid #dddddd;
}

/* CSS Tooltip */
div.tooltip, span.tooltip { /* span.tooltip für Textlink - sonst span.tooltip weglassen */
position:relative;
}
p span.tooltip {
line-height: 100%; /* Falls ein line-height im Design definiert ist für Textlink */
}

a.tthref, a.tthref:hover{
text-decoration: none!important;
cursor: help; 
}

.tthref span.ttinfo {
display: none;
}
.tthref:hover span.ttinfo {
position: absolute;
display: inline-block;
padding: 20px;
z-index: 1001;
}
.tthref:hover span.ttinfo img{
margin: 10px 0;
}
.tthref:hover span.ttinfo img.full{
margin: 0;
overflow: hidden;
}
.tthref:hover span.ttinfo em{
font-size: 1.3em;
/* display: inline-block; IE7 Bug * in stylesheet IE6 ausgelagert */ 
}
/* Hintergrundfarbe Tooltip */
.black{
background: url(../assets/blackpx.png) repeat;
}
.blue{
background: url(../assets/bluepx.png) repeat;
}
.red{
background: url(../assets/redpx.png) repeat;
}
.green{
background: url(../assets/greenpx.png) repeat;
}
.orange{
background: url(../assets/orangepx.png) repeat;
}
.yellow{
background: url(../assets/yellowpx.png) repeat;
}
.white{
background: url(../assets/whitepx.png) repeat;
}
.gray{
background: url(../assets/graypx.png) repeat;
}
.purple{
background: url(../assets/purplepx.png) repeat;
}
.blauer_verlauf_vertikal{
background: url(../assets/bluevfv.png) repeat-x;
}
.roter_verlauf_vertikal{
background: url(../assets/redvfv.png) repeat-x;
}
.gruener_verlauf_vertikal{
background: url(../assets/greenvfv.png) repeat-x;
}
.lila_verlauf_vertikal{
background: url(../assets/purplevfv.png) repeat-x;
}
.oranger_verlauf_vertikal{
background: url(../assets/orangevfv.png) repeat-x;
}
.gelber_verlauf_vertikal{
background: url(../assets/yellowvfv.png) repeat-x;
}
.schwarzer_verlauf_vertikal{
background: url(../assets/blackvfv.png) repeat-x;
}
.grauer_verlauf_vertikal{
background: url(../assets/grayvfv.png) repeat-x;
}

/* Ende CSS Tooltip */