@font-face { font-family: 'Titillium'; src: url('font/TitilliumText22L003.otf'); }
/*
font: titillium
www.campivisivi.net/titillium

*/

BODY      { background : #ffffff url(img/xoningbg.jpg) fixed top center; color:#000000; font-size:10pt; margin:0;  }

BODY, FONT, P, FORM, TD, TH, TR, OL, UL, LI, INPUT, TEXTAREA, SELECT { font-family: verdana, arial, tahoma, helvetica; }
h1, h2, h3, h4, h5, h6, div#menu { font-family: "Titillium", "Lucida Grande", LucidaGrande, "Lucida Sans", LucidaSans, Verdana, sans-serif; }

A IMG { border:none; }
A { text-decoration:none; }
A:visited, A:link, A:active { color: #009; }
A:hover   { color:#c06; }


H1 { color:#c06; font-size: 1.8em; font-weight:normal; font-variant:small-caps; letter-spacing:0.1em; }
H1:first-letter		{ text-transform:capitalize; }

H2 { color:#c06; font-size: 1.4em; font-weight:normal; }
H3 { color:#c06; font-size: 1.2em; font-weight:normal; display:block; }
H4 { color:#c06; font-size: 1.1em; font-weight:normal; display:block; }
H5 { color:#c06; font-size: 1.0em; font-weight:normal; display:block; margin-bottom:1em; }
H6 { color:#c06; font-size: 0.8em; font-weight:normal; }

div.trennungtop		{ clear:both; margin-top:10px; height:14px; } 
div.trennungbottom	{ clear:both; }

div#main	{ position:absolute; left:50%; width:960px; margin:0 0 20px -480px; padding-top:20px; text-align:left; }

div#topheader	{ background:#fff url(img/contsides.gif) repeat-y; width:100%; height:70px; }
 div#topheaderlogo	{ float:left; padding-left:10px; }
 div#topheadermenu	{ float:right; padding:0px 8px 0 0; }
 div#topheadermenu a.menuTop	{ padding:2px 5px 2px 5px; }
 div#topheadermenu a.active	{ text-decoration:underline; }

div#topheadermenu	{ display:none; }

div#bildheader	{ float:left; width:959px; height:250px; padding-left:1px; margin:0 0 0 0; border-top: 1px solid #888; border-bottom: 1px solid #888; background:url(img/contsides.gif) repeat-y; }

div#menu	{ float:left; width:100%; height:43px; padding:7px 0 0px 0; text-align:center; margin:0 0 0 0; color:#009; background:url(img/menuback.png) no-repeat;  }
div#menu a	{ font-size:1.5em; padding:0 2em 0 2em; text-decoration:none; color: #006; }
div#menu a:hover	{ color:#c06; }
div#menu a.active 	{ color:#c06; }

div#contentcontainer	{ clear:both; width:960px; background:#fff url(img/contsides.gif) repeat-y; padding:0; } 
div#content	{ width:920px; font-size:1.0em; line-height:1.4em; padding:1px 30px 20px 20px; } 
div#content a	{ color:#c06; }

div#contenttop	{ float:right; font-size:0.8em; }
div#contenttop a	{ text-decoration:none; color:#c06; }
div#contenttop a:hover   { color:#009; }

div.newsitem	{ clear:both; width:100%; border-top:8px dotted #e0e0e0; padding:10px 0 0 0px; margin:15px 0 0 0;}
div.newsitem img	{ align:right; border:1px solid #ccc; margin:0 10px 10px 10px; }
div.newsitem img.port	{ align:left; border:1px solid #ccc; margin:0 20px 10px 0px; }
div.newsitem a		{ text-decoration:none; color:#c06; }
div.newsitem a:hover	{ color:#009; }
div.newsitem li.list	{ list-style-type: circle; margin-left:3em; }

div.floatleft		{ float:left; padding-right:20px; }


div#footer	{ clear:both; font-size:0.8em; line-height:1.4em; padding:5px 30px 0px 10px; background:none; color: #009; } 
div#footer div#right01	{ float:left; font-weight:bold; font-weight:bold; }
div#footer div#right02	{ float:left; padding:0 0 50px 10px; }
div#footer div#right03	{ float:left; padding:0 0 50px 30px; }