html, body {
		margin: 0;
		width: 100%;
		height: 100%;
		padding: 0;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #000000;
		background-color: #F6F6F6;
		}

head, meta {
   display: block;
}

meta[name="pagerank"]:before, meta[name="gg.pagerank"]:before {
   border-bottom: medium solid gray;
   content: attr(name) " = " attr(content);
   display: block;
}

.an {}

img {
		border: 0px;
		}

.gb_margin {
		padding: 7px;
		}

div {
		border: 0px solid #000;
		}

.vent {
background-color: #D2E2EF;
width: 200px;
height: 300px;
border: none;
}

.iframe {
background: transparent;
background-color: transparent;
background-image: url(img/if_trans.png);
}

a.infobox {
  text-decoration:none;
  }

a.infobox:hover {
  text-decoration: none;
  }
a.infobox span {
  visibility: hidden;
  position:absolute;
  top: 44px;
  width: 416px;
  height: 15px;
  left: 9px;
  padding:1px;
  text-decoration:none;
  }

a.infobox:hover span {
  visibility:visible;
  border:0px solid #c30;
  color: #FF0000;
  background: transparent;
  font-weight: bold;
  position: absolute;
  top: -90px;
  width: 416px;
  height: 15px;
  left: 205px;
  font-size: 11px;
  text-align:center
  }

.ad {
		float: right;
		padding: 6px;
		margin-top: -11px;
		font-weight: bold;
		font-size: 9px;
		margin-left: 3px;
		border: 0px solid #000000;
		width: 520px;
		height: 36px;
		line-height: 12px;
		border: 0px solid #000;
		}

a.ad1:link, a.ad1:visited, a.ad1:hover, a.ad1:active {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		text-decoration: none;
		color: #0C26B6;
		background-color: transparent;
		}

a.ad2:link, a.ad2:visited, a.ad2:hover, a.ad2:active {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		text-decoration: none;
		color: #B4D2EC;
		background-color: transparent;
		}

a:link, a:visited, a:hover, a:active {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		text-decoration: none;
		color: #0C26B6;
		background-color: transparent;
		outline:0;
		-moz-outline:0;
		}

a.linkb:link, a.linkb:visited, a.linkb:hover, a.linkb:active {
		color: #000;
		background-color: transparent;
		} 

.hidefocus {
		outline:0; -moz-outline:0;
		}

#mitte {
		position:absolute;
		width:1px;
		height:1px;
		left: 50%;
		top: 50%;
		border: 0px solid #000000;
		}

#zentr {
		position:absolute;
		width: 80em;
		height: 44em;
		left: -500px;
		top: -266px;
		border: 0px solid #000000;
		}


#cont_under {
		margin-top: 0px;
		margin-left: 65px;
		padding: 0;
		width: 815px;
		height: 462px;
		border-left: 2px solid #e4d9c0;
		border-bottom: 2px solid #837c6b;
		border-right: 2px solid #e4d9c0;
		border-top: 2px solid #837c6b;
		background-color: #B4D2EC;
		color: #000;
		position: absolute;
		z-index: 1;
		text-align: center;
		}

#cont_middle {
		margin-top: 40px;
		margin-left: 110px;
		padding: 0;
		width: 779px;
		height: 432px;
		border-left: 2px solid #e4d9c0;
		border-right: 2px solid #837c6b;
		border-bottom: 2px solid #e4d9c0;
		background-color: #D2E2EF;
		color: #000;
		position: absolute;
		z-index: 3;
		}
	
#cont_over {
		margin-top: 50px;
		margin-left: 120px;
		padding: 0;
		width: 810px;
		height: 462px;
		border-left: 2px solid #e4d9c0;
		border-top: 2px solid #837c6b;
		border-right: 2px solid #e4d9c0;
		border-bottom: 2px solid #837c6b;
		background-color: #B4D2EC;
		color: #fff;
		position: absolute;
		z-index: 2;
		}
		
#cont_over_line {
		margin-top: 52px;
		margin-left: 122px;
		padding: 0;
		width: 778px;
		height: 430px;
		border-bottom: 2px solid #837c6b;
		border-right: 2px solid #e4d9c0;
		position: absolute;
		z-index: 2;
		}

#nav_leiste {
		position: absolute;
		width: 800px;
		z-index: 4;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		border: 0px solid #000;
		}
		
#nav_leiste_under_start {
		position: absolute;
		display: block;
		border-top: 2px solid #61B52F;
		left: 93px;
		top: 20px;
		width: 686px;
		}
		
#nav_leiste_under_links {
		position: absolute;
		display: block;
		border-top: 2px solid #40A934;
		left: 191px;
		top: 20px;
		width: 588px;
		}

#nav_leiste_under_design {
		position: absolute;
		display: block;
		border-top: 2px solid #1F9D3A;
		left: 289px;
		top: 20px;
		width: 490px;
		}

#nav_leiste_under_disc {
		position: absolute;
		display: block;
		border-top: 2px solid #009241;
		left: 387px;
		top: 20px;
		width: 392px;
		}

#nav_leiste_under_forum {
		position: absolute;
		display: block;
		border-top: 2px solid #009259;
		left: 0;
		top: 20px;
		width: 389px;
		}

#nav_leiste_under_ref {
		position: absolute;
		display: block;
		border-top: 2px solid #009271;
		left: 0;
		top: 20px;
		width: 487px;
		}

#nav_leiste_under_kontakt {
		position: absolute;
		display: block;
		border-top: 2px solid #00928A;
		left: 0;
		top: 20px;
		width: 585px;
		}

#nav_leiste_under_imp {
		position: absolute;
		display: block;
		border-top: 2px solid #0092A0;
		left: 0;
		top: 20px;
		width: 683px;
		}

#nav_leiste span {
		position: relative;
		margin-right: 3px;
		margin-top: 0;
		width: 93px;
		height: 15px;
		display:block;
		float: left;
		text-align: center;
		font-weight: bold;
		color:#f6e4c1;
		background-color: transparent;
		border-top: 2px solid #837c6b;
		border-right: 2px solid #837c6b;
		}

#nav_leiste span a:link {
		text-decoration: none;
		}

#nav_leiste span a:visited{
		text-decoration: none;
		}

#content {
		position: absolute;
		margin-top: 80px;
		margin-left: 152px;
		width: 773px;
		height: 365px;
		border: 0px solid #000000;
		z-index: 5;
		text-align: justify;
		overflow: auto;
		}
		
#content .cont_index {
		position: absolute;
		margin: 0;
		padding: 0;
		width: 687px;
		border: 0px solid #000000;
		background: #D2E2EF;
		z-index: 15;
		text-align: justify;
		}

.cont_index p {
		margin: 0 0 10px 0;
		width: 697px;
		line-height: 13px;
		border: 0px solid #000000;
		z-index: 5;
		text-align: justify;
		}
		
#footer {
		position: absolute;
		margin-top: 515px;
		margin-left: 122px;
		padding: 0;
		top: 2px;
		width: 810px;
		height: 17px;
		border: 0px solid #000000;
		}

#footer p.left {
		margin: 0;
		font-size: 10px;
		padding: 1px;
		float: left;
		width: 165px;
		height: 16px;
		font-weight: bold;
		border: 0px solid #000000;
		}

#footer p.middle {
		margin: 0 0 0 0px;
		text-align: center;
		height: 16px;
		font-size: 10px;
		padding: 1px;
		float: left;
		width: 415px;
		font-weight: bold;
		border: 0px solid #000000;
		}

#footer p.right  {
		margin: 0;
		width: 218px;
		text-align: right;
		height: 16px;
		font-size: 10px;
		padding: 1px;
		float: right;
		font-weight: bold;
		border: 0px solid #000000;
		}

#logo {
		float: left;
		padding: 0;
		margin-top: 3px;
		margin-left: 3px;
		border: 0px solid #000000;
		width: 275px;
		height: 36px;
		}

/* ID Linkformatierung start  */

a.start:link, a.start:visited, a.start:hover, a.start:active {
		position: relative;
		margin-top: -2px;
		margin-right: -3px;
		margin-left: 0;
		width: 93px;
		height: 15px;
		display:block;
		text-align: center;
		color: #000;
		background: transparent;
		font-weight: bold;
		border-top: 2px solid #61B52F;
		}

a.links:link, a.links:visited, a.links:hover, a.links:active {
		position: relative;
		margin-top: -2px;
		margin-right: -3px;
		width: 93px;
		height: 15px;
		display:block;
		float: left;
		text-align: center;
		font-weight: bold;
		color: #000;
		background: transparent;
		border-top: 2px solid #40A934;
		}
		
a.design:link, a.design:visited, a.design:hover, a.design:active {
		position: relative;
		margin-right: -3px;
		margin-top: -2px;
		width: 93px;
		height: 15px;
		display:block;
		float: left;
		text-align: center;
		font-weight: bold;
		color: #000;
		background: transparent;
		border-top: 2px solid #1F9D3A;
		}	

a.disc:link, a.disc:visited, a.disc:hover, a.disc:active {
		position: relative;
		margin-right: -3px;
		margin-top: -2px;
		width: 93px;
		height: 15px;
		display:block;
		float: left;
		text-align: center;
		font-weight: bold;
		color: #000;
		background: transparent;
		border-top: 2px solid #009241;
		}	

a.forum:link, a.forum:visited, a.forum:hover, a.forum:active {
		position: relative;
		margin-right: -3px;
		margin-top: -2px;
		width: 93px;
		height: 15px;
		display:block;
		float: left;
		text-align: center;
		font-weight: bold;
		color: #000;
		background: transparent;
		border-top: 2px solid #009259;
		}	

a.ref:link, a.ref:visited, a.ref:hover, a.ref:active  {
		position: relative;
		margin-right: -3px;
		margin-top: -2px;
		width: 93px;
		height: 15px;
		display:block;
		float: left;
		text-align: center;
		font-weight: bold;
		color: #000;
		background: transparent;
		border-top: 2px solid #009271;
		}	
		
a.kontakt:link, a.kontakt:visited, a.kontakt:hover, a.kontakt:active   {
		position: relative;
		margin-right: -3px;
		margin-top: -2px;
		width: 93px;
		height: 15px;
		display:block;
		float: left;
		text-align: center;
		font-weight: bold;
		color: #000;
		background: transparent;
		border-top: 2px solid #00928A;
		}	

a.imp:link, a.imp:visited, a.imp:hover, a.imp:active  {
		position: relative;
		margin-right: -3px;
		margin-top: -2px;
		width: 93px;
		height: 15px;
		display:block;
		float: left;
		text-align: center;
		font-weight: bold;
		color: #000;
		background: transparent;
		border-top: 2px solid #0092A0;
		}

/* ID Linkformatierung end  */

#h {
		position: absolute;
		width: 100px;
		height: 15px;
		border: 1px solid #000000;
		}

#l {
		position: absolute;
		width: 100px;
		height: 15px;
		border: 0px solid #000000;
		}

#tala a:link, #tala a:visited, #tala a:hover, #tala a:active {
		cursor:default;
		font-size:7px;
		color:#D2E2EF;
		background-color: transparent;
		}

/* shadow anfang  */

.shadow_img {
		border: 0px solid #000;
		width: 152px;
		height: 82px;
		margin-left: 24px;
		text-align:center;
		z-index: 8;
		margin: -89px 0 0 21px;
		}

.shadow{
		border: 0px solid #000;
		width: 152px;
		height: 84px;
		background: #404040;
		text-align:center; z-index: 7;
		margin: 7px 0 0 26px;
		}

/* shadow ende */

/* overlib start */

.fgClass {
		background: #D2E2EF;
		}
		
.bgClass {
		background: #D2E2EF;
		border: 1px solid #000;
		top: 5px;
		}
		
.textfontclass {
		text-decoration: none;
		background: #D2E2EF;
		}
		
.captionfontclass {
		font-weight:bold;
		text-align: center;
		background: #B4D2EC;
		border: 1px solid #000;
		color: #000;
		}
		
.closefontclass {
		text-decoration: none;
		}


/*overlib end */

.imp{
		width: 260px;
		height: 345px;
		border: 0px dashed #000;
		position: absolute;
		}

.imp ul {
		position: relative;
		left: -30px;
		margin-top: -5px;
		line-height: 10px;
		color: #000;
		background: transparent;
		list-style: none;
		}

.imp li {
		position: relative;
		left: 0px;
		line-height: 13px;
		color: #000;
		background: transparent;
		list-style: none;
		}

/* Trillian start*/

table { border: 1px solid #D5D5D5; background-color: #F5F5F5; }
td img { border: 0px }
td { font-family: Arial; font-size: 8pt; color: #FF0000; background: transparent; text-align:left }
td.bu { font-weight: bold; text-decoration: underline; text-align: left }
td.tc { text-align: center; }
td.tr { text-align: right; }
th { font-family: Arial; font-size: 8pt; font-weight: normal; color: #FF0000; background: transparent; }
th.tl { text-align: left; }
th.bu { font-weight: bold; text-decoration: underline; }

/* Trillian end */

/* Formular start */

label {
  float:left;
  clear:both;
  display:block;
  width:100px;
  margin-bottom:10px;
  padding-left:10px;
}
.input {
  float:left;
  display:block;
  width:250px;
  border: 1px solid #333;
  background: #B4D2EC;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  margin-bottom:10px;
  padding:1px;
}

 textarea {
  float:left;
  display:block;
  width:250px;
  border: 1px solid #333;
  background: #B4D2EC;
		font-size: 10px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  margin-bottom:10px;
  padding:1px;
}
 
select {
		float:left;
  display:block;
  width:130px;
  border: 1px solid #000;
  background: #B4D2EC;
		font-size: 10px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  margin-bottom:10px;
  padding:1px;
		}	

/*clearing all floats and fix Firefox and IE backgroundcolor-bug */
div.clearer {
  clear:both;
  font-size:1px;
  line-height:1px;
  display:block;
  height:1px;
}

.form-button {
  float:left;
  display:block;
  border: 1px solid #333;
  background: #B4D2EC;
		font-size: 10px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  margin-bottom:10px;
  padding:1px;
		margin-left:110px !important;
  margin-left:55px; /*to fix IE6 position*/
  width:100px;
		cursor: pointer;
  clear:both;
}

.hidden {
		text-decoration: none;
		}

.option {
  border:none;
  background:none;
  width:auto;
}

/* Formular End */

a.ts {
		text-decoration:none;
		}

a.ts:hover {
		text-decoration: none;
		}
a.ts span {
		visibility: hidden;
		position: absolute;
		width: 100px;
		height: 50px;
		top: 270px;
		left: 1px;
		border: 1px solid #000;
		}
		
a.ts:hover span {
		visibility:visible;
		position: absolute;
		width: 100px;
		height: 50px;
		top: 270px;
		left: 1px;
		border: 1px solid #000;
		}

/* Teamspeak */

/* Scrollbars */

#container { 
			/*	Innerhalb dieses Containers liegt der gesamte Scroll-Leisten-Klumpatsch.
				Mit position:relative; positionieren. */
			position: relative;
			left: -21px;
			top: -21px;
			width: 770px;
			height: 360px;
			overflow: hidden;
			z-index: 10;
			margin:20px 0 0 20px;
			float:left; 
			display:inline;
			border: 0px solid #000;
		} 
		#scrollinhalt {
			/*	Innerhalb dieses Divs liegt der Inhalt. */
			position: absolute;
			left: 0;
			top: 0;
			width: 700px;
			z-index: 100;
		}
		#scrollbarbox {
			/*	Dieses Div umschliesst alle Elemente der Scroll-Leiste.
				Es ist standardmaessig ausgeblendet und wird eingeblendet, wenn der Inhalt groesser ist als der sichtbare Bereich und somit gescrollt werden muss. */
			display: block;
			visibility: hidden;
			position: absolute;
			right: 0;
			top: 0;
			height: 360px;
			width: 11px;
			overflow: hidden;
			border: 0px solid #000;
		}
		#scrolltrack {
			/*	Dieses Div stellt die Scroll-Leiste dar.
				Zur individuellen Gestaltung kann ein Hintergrund-Bild verwendet werden. */
			position: absolute;
			left: 0;
			top: 10px;
			width: 10px;
			height: 330px;
			overflow: hidden;
			background-image: url(grafiken/v_track_bg.png);
			background-repeat: repeat-y;
			z-index: 100;
		}
		#scrollgreifer {
			/*	Greifer-Grafik. 
				Liegt innerhalb des Scroll-Track */
			display: block;
			position: absolute;
			left: 0;
			top: 0;
			width: 10px;
			height: 20px;
			overflow: hidden;
			z-index: 100;
		}
		#scrollpfeiloben {
			/*	Pfeil-Grafik oben (bei vertikaler Scrollbar) / links (bei horizontaler Scrollbar) */
			display: block;
			position: absolute;
			left: 0;
			top: 0;
			width: 10px;
			height: 10px;
			overflow: hidden;
			z-index: 200;
		}
		#scrollpfeilunten  {
			/*	Pfeil-Grafik unten (bei vertikaler Scrollbar) / rechts (bei horizontaler Scrollbar) */
			display: block;
			position: absolute;
			left: 0;
			top: 340px;
			width: 10px;
			height: 10px;
			overflow: hidden;
			z-index: 300;
		}
		#springpfeil  {
			/* "Spring-Nach-Oben-Pfeil"-Grafik. */
			display: block;
			position: absolute;
			left: 0;
			top: 350px;
			width: 10px;
			height: 10px;
			overflow: hidden;
			z-index: 400;
		}
		
/* ScrollBars */