/* Style CSS erstellt von  Christian Baumann 2008 */

@charset "utf-8";
h1{
	color: #8E0000;
	font-size: 12px;
	}

	#wrapper{
	width: 537px;
	margin: 0px 0 0 12px;
	} 
a{
color: #000;
text-decoration: none;
}

a:hover{
color: #ADADAD;
}

a:active{
color: #ADADAD;
}

body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #5F5F5F;
	margin: 0; 
	padding: 0;
	text-align: center; 
	color: #FFFFFF;
	background-image: url(../images/kontakt/bg.gif);
	background-repeat: repeat-x;
    }
	
	#headbereich {
	width:920px;
	height:122px;
	}
	
#left {
	width:360px;
	heigth:122px;
	}
	
#logo {
	background: url(../images/header_neu.png);
	width:360px;
	height:122px;
	float:left;
	
	}	
	
#right {
	width:560px;
	height:122px;
	float:right;
	}
	


#contact {
	padding-top:16px;
	padding-right:8px;
	text-align:right;
	width:552px;
	height:83px;
	}

#navipicture {
	text-align:right;
	width:560px;
	height:23px;
	}
	
#contact a{	
	font-family: Verdana;
	font-size: 10px;
	font-variant: normal;
	color: #999999;
	text-decoration: none;
	}
	 #contact a:visited{	
	font-family: Verdana;
	font-size: 10px;
	font-variant: normal;
	color: #999999;
	text-decoration: none;
	}
	 #contact a:hover{	
	font-family: Verdana;
	font-size: 10px;
	font-variant: normal;
	color: #999999;
	text-decoration: underline;
	}	
	
    .thrColFixHdr #container {
	width: 920px;  
	background: #FFFFFF;
	text-align: left; 
	float: left;
    } 
	
    .thrColFixHdr #header {
	background: #ffffff;  
	background-image: url(../images/header.gif);
	background-repeat: no-repeat;
	padding-top: 112px;
	padding-bottom: 10px;
    } 
	
	 #headermenue {
	position:absolute;
	padding-top:16px;
	padding-left: 638px;
	font-family: Verdana;
	font-size: 10px;
	font-variant: normal;
	color: #999999;
	text-decoration: none;
	display: block;
	}
	 #headermenue a{	
	font-family: Verdana;
	font-size: 10px;
	font-variant: normal;
	color: #999999;
	text-decoration: none;
	}
	 #headermenue a:visited{	
	font-family: Verdana;
	font-size: 10px;
	font-variant: normal;
	color: #999999;
	text-decoration: none;
	}
	 #headermenue a:hover{	
	font-family: Verdana;
	font-size: 10px;
	font-variant: normal;
	color: #999999;
	text-decoration: underline;
	}
	
	
	
	#body_area{
	width:920px;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0px;
	position:absolute;
	background-color: #5F5F5F;
	padding-top: 6px;
	padding-left: 4px;
} 
    .thrColFixHdr #mainContent {
	width:744px;
	margin: 0 auto;
	height: auto !important;  /*moderne Browser*/
	height: 120%;  /* IE */
	position:absolute;
	color:#000;
	background-color:#ffffff;
	top: 6px;
	left: 177px;
} 
	
	.thrColFixHdr #mainContent p.first{
	background:url(../images/kontakt/content_bg.gif) 0 0 no-repeat;
	width:744px;
	background-color: #ffffff;
	margin: 0 0 0 0; 
	height:12px;
	font-size:0;
}

	.thrColFixHdr #mainContent p.first_end{
	background:url(../images/kontakt/content_bg_unten.gif) 0 0 no-repeat;
	width:744px;
	height:900px;
	margin:0;
	padding:0;

}

	.thrColFixHdr #topimg p.img1{
	width:537px;
	height:175px;
	position:absolute;
	background-color: #ffffff;
	margin:330px 0 0 12px;
	padding: 0px;
	top: 212px;
}

	.thrColFixHdr #rightinfobox p.right{
	width:171px;
	height:175px;
	font-size:0;
	position:absolute;
	background-color: #ffffff;
	margin:0 0 0 561px;
	padding:0;
	display:block;
}
	.thrColFixHdr #rightinfobox p.right1{
	width:171px;
	height:175px;
	font-size:0;
	position:absolute;
	background-color: #ffffff;
	margin:238px 0 0 561px;
	padding:0;
	display:block;
}


	.thrColFixHdr #rightinfobox p.right2{
	width:171px;
	height:242px;
	font-size:0;
	position:absolute;
	background-color: #ffffff;
	margin:171px 0 0 561px;
	padding:0;
	display:block;
}

	.thrColFixHdr #centerbox p.p1{
	width:171px;
	height:244px;
	font-size:0;
	position:absolute;
	margin:0px 0 0 12px;
	padding:0;
	display:block;
}

	.thrColFixHdr #centerbox p.p2{
	width:171px;
	height:244px;
	font-size:0;
	position:absolute;
	margin:0px 0 0 195px;
	padding:0;
	display:block;
}

	.thrColFixHdr #centerbox p.p3{
	width:171px;
	height:244px;
	font-size:0;
	position:absolute;
	background-color: #ffffff;
	margin:0px 0 0 379px;
	padding:0;
	display:block;
}

	.thrColFixHdr #centerbox p.p4{
	width:171px;
	height:244px;
	font-size:0;
	position:absolute;
	background-color: #ffffff;
	margin:255px 0 0 18px;
	padding:0;
	display:block;
	left: -5px;
	top: 13px;
}
	.thrColFixHdr #centerbox p.p5{
	width:171px;
	height:244px;
	font-size:0;
	position:absolute;
	background-color: #ffffff;
	margin:255px 0 0 379px;
	padding:0;
	display:block;
	left: 0px;
	top: 13px;
}
	.thrColFixHdr #centerbox p.p6{
	width:171px;
	height:244px;
	font-size:0;
	position:absolute;
	background-color: #ffffff;
	margin:255px 0 0 195px;
	padding:0;
	display:block;
	left: 0px;
	top: 13px;
}


	
	.thrColFixHdr #footer {
	background:url(../images/kontakt/content_bg_unten.gif);
	background-repeat: no-repeat;
	width:744px;
	height:12px;
	
	
	
    } 
    .thrColFixHdr #footer p.footertext {
    font-family: Verdana;
	font-size: 9px;
	position:relative;
	color: #999;
	padding-left:12px;
	bottom:2px;
	
	}
    .fltrt { 
    	float: right;
    	margin-left: 8px;
    }
    .fltlft { 
    	float: left;
    	margin-right: 8px;
    }
    .clearfloat { 
    	clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
    	}
		
	.spacer{
		clear:both; 
		font-size:0; 
		line-height:0;
}
	.thrColFixHdr   #navigation  {
		float:right;
		margin-left: 371px;
		margin-top: 99px;
		display:inline;
		}
/* TAGS */
	.thrColFixHdr #tags  { 
		position:absolute;
		padding-top:280px;
		padding-left: 50px;
		font-family: Verdana;
		font-size: 10px;
		font-variant: normal;
		color: #FFFFFF;
		text-decoration: none;
		display: block;
	}
	
	.thrColFixHdr #tags  h2 { 	
		font-family: Verdana;
		font-size: 13px;
		color: #FFFFFF;
	}
	
	.thrColFixHdr #tags a:link, a:visited { 
		text-decoration:none;
	}
	.thrColFixHdr #tags a:hover {
 		text-decoration:underline; 
	}
	


.links {
	margin: 0px;
	margin-top: 0px;
	background-color: #5F5F5F;
	width: 166px;
	padding-top: 12px !important;  /*moderne Browser*/
	padding-top: 0px;  /* IE */
	
	padding-top: 0px;  
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	
}
.links_menu_area {
	margin: 0px;
	padding-top: 0px;
	float: left;
	height: 590px;
	width: 166px;
}
.links_menutop {
	background-color: #5F5F5F;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 166px;
}

.links_menu {
	font-family: Verdana;
	font-size: 11px;
	font-variant: normal;
	color: #FFF;
	text-decoration: none;
	background-image: url(../images/kontakt/leftnavi_out.gif);
	background-repeat: no-repeat;
	background-color: #5F5F5F;
	margin: 0px;
	float: left;
	height: 20px;
	width: 166px;
	padding-top: 5px;
	padding-bottom: 0px;
	padding-left: 17px;
}
.links_menu:HOVER {
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	font-variant: normal;
	color: #FFF;
	text-decoration: none;
	background-image: url(../images/kontakt/leftnavi_over.gif);
	background-repeat: no-repeat;
	background-color: #5F5F5F;
	margin: 0px;
	float: left;
	height: 20px;
	width: 166px;
	padding-top: 5px;
	padding-bottom: 0px;
	padding-left: 17px;
}
.links_menu_active {
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	font-variant: normal;
	color: #FFF;
	background-image: url(../images/kontakt/leftnavi_over.gif);
	text-decoration: none;
	background-repeat: no-repeat;
	background-color: #5F5F5F;
	margin: 0px;
	float: left;
	height: 20px;
	width: 166px;
	padding-top: 5px;
	padding-bottom: 0px;
	padding-left: 17px;
}


	
/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {

}
.tabberlive {
 margin-top:0;
 margin: 0;
padding: 5px;
font-family: Verdana;
font-size: 10px;
line-height: 14px;
text-align: left;

}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #778;
 font: bold 10px Verdana, sans-serif;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 1px solid #778;
 border-bottom: none;
 background: #e7e7e7;
 text-decoration: none;
}

ul.tabbernav li a:link { color: #000; }
ul.tabbernav li a:visited { color: #667; }

ul.tabbernav li a:hover
{
 color: #000;
 background: #c5c5c5;
 border-color: #227;
}

ul.tabbernav li.tabberactive a
{
 background-color: #fff;
 border-bottom: 1px solid #fff;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #000;
 background: white;
 border-bottom: 1px solid white;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:1px 1px 0px 0px;
 border:0px solid #aaa;
 border-top:0;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}
	/*ENDE WP 08 CSS*/
/* Style CSS erstellt von  Christian Baumann 2008 */