@font-face
{
	font-family: 'GraublauWebBold';
	src: url('GraublauWebBold.eot');
	src: local('Graublau Web Bold'), local('GraublauWeb-Bold'), url('GraublauWebBold.otf') format('opentype');
}

@font-face
{
	font-family: 'GraublauWebRegular';
	src: url('GraublauWeb.eot');
	src: local('Graublau Web Regular'), local('GraublauWeb-Regular'), url('GraublauWeb.otf') format('opentype');
} 

* 
{
	margin: 0pt;
	padding: 0pt;
}

html
{
	height: 100%;
}

body 
{
	height: 100%;
	margin-bottom: 1px;
	background-color: #F7FFDD;
	color: #5A5A5A;
	font-family: GraublauWebRegular, Georgia, serif;
	font-size: 100.01%;
	line-height: 1.5;
	text-align: left;
}

td.small
{
	font-size: 80%;
}

h1 { font-family:GraublauWebBold; font-size:1.5em; font-weight:normal; }
h2 { font-family:GraublauWebBold; font-size:1.3em; font-weight:normal; }
h3 { font-family:GraublauWebBold; font-size:1em; font-weight:normal; }

div {  }
p { margin-bottom:1em; }
img { border:0pt none; }

a, a:link, a:active, a:visited, a:hover 
{
 background-color:inherit;
 color:#FFEE00;
 text-decoration:none;
}
a:hover { text-decoration:underline; }

div#container 
{
 background:url(../img/content_bg.png) repeat-y;
 color:#000000;
 margin:0pt auto;
 width:920px;
 font-size:0.85em;
}

div.header 
{ 
  width:920px;
  height:220px;
  position:relative;
  overflow:hidden;
  padding-bottom:20px;
}

div.headerbild { position:absolute; top:73px; right:11px;  width:462px; height:128px; overflow:hidden; }
img.headermaske { position:absolute; top:0px; left:0px; }
img.headerlogo { position:absolute; top:20px; left:30px; }
div.headertext { position:absolute; top:106px; left:260px; font-family:GraublauWebRegular, Verdana; font-size:1.5em; line-height:1.2; }

div.col1
{
  width:180px;
  padding-right:10px;
  padding-top:14px;
  float:left;
  font-size:1.2em;
}

div.col2
{
  width:450px;
  padding-right:70px;
  padding-top:14px;
  float:left;
}

div.col3
{
  width:200px;
  padding:0px 3px 0px 7px;
  float:left;
}

div.col3 h1 { background:url(../img/infobox_bg.png) no-repeat top left; padding:20px 10px 0px 15px; font-size:1em; }
div.col3 p { display:block; background:url(../img/infobox_bg.png) no-repeat bottom left; padding:0px 10px 20px 15px; margin-bottom:20px; }

div.footer
{
  clear:both;
  padding-left:20px;
  padding-top:10px;
  padding-bottom:20px;
  background:#F7FFDD;
  font-family:GrauBlauWebRegular;
}
div.footer a { color:#000000; }
div.footer b { font-family:GrauBlauWebBold; font-weight:normal; }


.col1 ul { padding:0px; list-style-position:outside; list-style-type:none; }
.col1 ul li { display:block; padding-bottom:10px; }
.col1 ul li a { display:block; height:35px; line-height:32px; padding-left: 20px; color:#000000; font-family:GrauBlauWebRegular; }
.col1 ul li a:hover { font-family:GrauBlauWebBold; text-decoration:none; }
.col1 ul li.active { padding-bottom:10px; }
.col1 ul li.active a { font-family:GrauBlauWebBold; }
.col1 ul li.active a:hover { font-family:GrauBlauWebBold; text-decoration:none; }

.col1 ul li li { padding-bottom:0px; display:none;}
.col1 ul li.active li { padding-bottom:0px; display:block;}
.col1 ul li.active li a { height:20px; line-height:20px; padding-left: 30px; color:#000000; background:none; font-family:GrauBlauWebRegular; font-size:0.8em; }
.col1 ul li.active li.active a { font-family:GrauBlauWebBold; font-size:0.8em; background:#00FF00; }


.col3  a { color:#107d2b; font-family:GrauBlauWebRegular; }
.col3 a:hover { text-decoration:underline;  }

.col2  a { color:#107d2b; }
.col2 a:hover { text-decoration:underline; }


li#punkt1 a { background:url(../img/menu_bg.png) no-repeat 0px 0px; }
li#punkt2 a { background:url(../img/menu_bg.png) no-repeat 0px -40px; }
li#punkt3 a { background:url(../img/menu_bg.png) no-repeat 0px -80px; }
li#punkt4 a { background:url(../img/menu_bg.png) no-repeat 0px -120px; }
li#punkt5 a { background:url(../img/menu_bg.png) no-repeat 0px -160px; }
li#punkt6 a { background:url(../img/menu_bg.png) no-repeat 0px -200px; }
li#punkt7 a { background:url(../img/menu_bg.png) no-repeat 0px -240px; }

li#punkt1 li a { background:none; }
li#punkt2 li a { background:none; }
li#punkt3 li a { background:none; }
li#punkt4 li a { background:none; }
li#punkt5 li a { background:none; }
li#punkt6 li a { background:none; }
li#punkt7 li a { background:none; }