/**
* Fonts
* (en) font-family and font-size selection for headings and standard text elements
* (de) Zeichensatz und Schriftgrößen für Überschriften und übliche Text-Elemente
*
* @section content-fonts
*/

/* (en) reset font size for all elements to standard (16 Pixel) */
/* (de) Alle Schriftgrößen auf Standardgröße (16 Pixel) zurücksetzen */
html * { 
	font-size: 100.01%; 
}

html { 
    height:100.1%;
    overflow-y: scroll; 
  }

/* (en) base layout gets standard font size 12px */
/* (de) Basis-Layout erhält Standardschriftgröße von 12 Pixeln */
body {
	font-family: Arial, "times new roman",  Verdana;
	font-size: 80.00%; 
	line-height: 1.2;
	color: #004899;
	background:#ccc;
}

h1,h2,h3,h4,h5,h6 {
	font-family: Arial, "times new roman",  Verdana;
	font-weight: normal;
	margin: 0 0 1.25em 0;
	color: #004899;
}

h1 { font-size: 210%; font-weight: bold; }		/* 24px */
h2 { font-size: 165%; color: #004899;}			/* 24px */
h3 { font-size: 165% }                        	/* 18px */
h4 { font-size: 150% }        					/* 16px */
h5 { font-size: 150% }							/* 14px */
h6 { font-size: 115%; font-weight: bold; }		/* 14px */


a {color: #004899; text-decoration: none;}
a:focus,
a:hover,
a:active {font-weight: bold;}


#page_margins{
    margin: 0px auto; 
    text-align: left;	
	padding: 20px; 
	width: 960px; 
	background:#fff; 
}

#main {
	margin: 0;
}


#content {
    width: 100%;
}

/* partial opacity hack: configuration */  
.opacity {   
    opacity: 0.5;       /* modern browser */  
    -moz-opacity: 0.5;  /* older Mozilla browser */  
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE8 in Standard Compliant Mode */  
    filter:alpha(opacity=50); /* IE5.x -7.0 */  
}

.footer{
	padding: 0 18px 10px 18px ;
	width: 965px;
	background-color: #123274;
	margin-top: 10px;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.home {
	position: relative;
}
.home .title h1 {
	margin-bottom: 0.50em;
}
.wappen {
	position: absolute;
	z-index: 20;
	top: 0;
	right: 0;
}
.title {
	padding-top: 40px;
}
.content1 {
	position: relative;
	float: left;
	background: #e3e3e3;
	padding: 10px 7px;
	width: 220px;
	height: 290px;
}
.content1 p {
	color: #444;
}
.content1 .title2 {
	position: absolute;
	z-index: 20;
	top: 40px;
	font-size: 120%;
	right: 35px;
	width: 110px;
}
.content2 {
	float: left;
	margin-left: 15px;
}
.content3 {
	background: #EAF4FB;
	padding: 10px;
	width: 460px;
	margin-top: 343px;
}
*+html .content3 {  /* nur für den IE7 */
	margin-top: 20px;
	width: 440px;
}
.content3 p {
	color: #444;
	margin-bottom: 0.5em;
}
.content3 .title3 {
	color: #004899;
	font-weight: bold;
}

.content4 {
	position: relative;
	float: left;
	background: #e3e3e3;
	margin-top: 20px;
	padding: 10px 7px;
	width: 466px;
	height: 200px;
	color: #444;
}
.content4 .title4 {
	color: #004899;
	font-weight: bold;
	margin-bottom: 20px;
}
.content4 .linklist {
	margin-bottom: 10px;
}
.download, .sponsor, .social {
	position: relative;
	float: right;
	width: 460px;
}
.social {
	padding-bottom: 5px;
  	margin-bottom: 12px;
}
.sponsor, .social {
    border: 1px solid #eee;
}
.download {
	background: #e3e3e3;
	margin-bottom: 20px;
	padding-bottom: 20px;
}
.download .title3{
	position: absolute;
	z-index: 20;
	top: 10px;
	left: 10px;
	font-size: 120%;
}
.sponsor .title4, .social .title5{
	padding:10px 0 10px 10px;
	font-size: 120%;
}
.download ul {
	list-style-type: none;
	margin: 80px 0 0 10px;
	padding: 0;
}
.download ul li {
	float: left;
	margin-right: 10px;
}
.pdfblock {
	position: absolute;
	z-index: 20;
	top: 10px;
	right: 30px;
}
.pdf span {
	display: block;
	color: #444;
	margin-bottom: 5px;
}
.impressum {
	font-size: 85%;
	text-align: center;
	margin-top: 20px;
}

.hyphens {
 -webkit-hyphens: auto;
 -moz-hyphens: auto;
 -ms-hyphens: auto;
 hyphens: auto;
}



/*++++++++++++++++++++++ jquery corrections ++++++++++++++++++++++*/
.ui-tabs .ui-tabs-panel {
	padding: 0.8em;
}
.ui-accordion .ui-accordion-content { padding:1em 0.8em ;}


.helpster {
	height: 470px;
    overflow-x: hidden;
    overflow-y: auto;
    width: 480px;
}