/*
	st@rk schreibdienst main
	2012-07-12 Andreas Gerdes, http://skalarsoft.com 
	referenziert fonts.googleapis.com/css?family=Pontano+Sans
	weil typographie 
*/

* {margin:0;padding:0;}
body {
	background:url(../grafik/bg-tasten.jpg)  no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	margin:0;
	padding:0;
	font-size:12pt;
	font-family: 'Pontano Sans',arial, sans-serif;
	background-color:#6c79c4;
	line-height:130%;
}

h1 {font-size:22pt;margin:9px 0 12px 0;font-weight:bold;}
h2 {font-size:14pt;margin:0 0 16px 0; font-weight:bold; color:#112355;}
h3 {font-size:12pt;margin:14px 0 3px 0;	font-weight:bold;color:#112355;}
p,  li {font-size:12pt;}
td, th {font-size:13pt; text-align:left;	 vertical-align:top;}
th {padding-top:9px;}
ul {margin-left:24px;margin-top:12px;list-style-image:url(../grafik/ul.gif)}
p>ul {margin-top:6px;}
#nav ul {list-style:none;}

#container
	{width:810px;
	height:500px;
	margin:5% auto;
}

#contentHeader 	{
	height:35px;
	width:100%;
	margin:0;
	color:white;
	background-image:url(../grafik/bg-body.png);
	padding:16px 0 0 0;
	position: fixed; top:0;left:0;
		
	z-index:1000;
}
#contentHeader h1 {	
	font-family: arial, sans;
	margin:0 0 16px 3%;
	width:440px;
	float:left;
}

#contentHeader div {width:300px;float:right;text-align:right;margin-top:-12px;margin-right:22px;}
#contentHeader div p {font-size:110%}

#contentHeader a {color:white;}

#contentBody 	{padding:0 32px;}

#content 	{
	position:relative;
	width:640px;
	min-height:490px;
	margin:0 0 0 155px; 
	background-image:url(../grafik/bg-content.png);
	padding:19px 0 16px 0;
	background-color:transparent;
	border-left:1px solid white;
	border-top:1px solid white;
	border-right:1px solid gray;
	border-bottom:1px solid gray;

}

#content img {margin:24px 0 0 110px;}

#nav {
	clear:both;
	position:absolute;
	width:170px;
	text-align:left;
	background-color:transparent;
	background-image:url(../grafik/bg-nav-trans.png);
	background-repeat:repeat-y;
	min-height:435px;
	margin:36px 0 0 0;
	border-left:1px solid #ddd;
	border-top:1px solid #ddd;
	border-bottom:1px solid gray;
	}

#nav ul {
	list-style:none;
	padding:0;
	margin:21px 0 6px 6px;
	margin-left:14px;
}
#nav ul {list-style:none;margin-left:4px;font-size:13pt;}	
#nav li {display:block;width:160px;height:26px;text-align:left;
		 margin:6px 0 6px 0;}
#nav li a 			{display:block;
					width:150px;
					height:20px;
					text-align:left;
					color:#2a1f5e;
					font-size:13pt;
/*
					font-weight:bold;
*/
					padding:3px 0 4px 9px;
}
#nav li a:link     { text-decoration:none; }
#nav li a:visited  { text-decoration:none; }
#nav li a:active   { text-decoration:none; }
#nav li a:hover    { text-decoration:none;
	color:white;
	background-image:url(../grafik/bg-link-hover.png);
	background-position: 0 2px;
	background-repeat:no-repeat;
}

#nav li a.current    { text-decoration:none; 	
	color:white;
	background-image:url(../grafik/bg-link.png);
	background-position: 0 2px;
	background-repeat:no-repeat;
}

#contentBody  a:link     { text-decoration:none; color:darkblue;}
#contentBody  a:visited  { text-decoration:none; color:darkblue;}
#contentBody  a:active   { text-decoration:none; color:darkblue;}
#contentBody  a:hover    { text-decoration:underline; color:blue;}

p {margin:0 0 6px 0;padding:0;}

#accordion h3 a {text-decoration:none;}
#content div.referenz img {float:left;margin:0 12px 0 0;}

div.referenz {
padding:7px 6px;background-color:white;clear:left;margin-bottom:12px;min-height:60px;text-align:right;
}
div.refCateg {background-color:#fafafa;padding:0;}
form {}
textarea {width:564px;height:300px;background-color:transparent;}

h3.ui-accordion-header.ui-state-default {font-size:12pt;color:#112355}