/* CSS Document */




  body {
	color: black;
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	height: 100%;
  }
#komplett  {

	margin: 0px;
	border-right-width: 5px;
	border-left-width: 5px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #ffffff;
	border-left-color: #ffffff;
	background-color: #ffffff;
	padding: 0px;
	top: 0px;
    width: 960px;
}

p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:80%;
	margin-left: 1em;
	margin-right: 1em;
}

a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #425877;
}
a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #BEA889;
}
a:visited {
	font-family: Verdana, Arial, Helvetica, sans-seriff;
	color: #425877;
}


.textfett, td, tr
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

a.textfett:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #425877;
	font-weight: bold;
}
a.textfett:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #BEA889;
	font-weight: bold;
}
a.textfett:visited {
	font-family: Verdana, Arial, Helvetica, sans-seriff;
	color: #425877;
	font-weight: bold;
}


td, tr{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:90%;
}


  html>body h1 {
    border-color: Navy;  /* Farbangleichung an den Internet Explorer  */
  }
  
 /*überschrift der Boxen*/ 
  h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-weight: bold;
	color: #425877;
	margin: 1em;
  }


   /*überschriften in den Boxen*/ 
  h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	font-weight: bold;
	color: #425877;
	margin: 1em;
  }

  
  /*Kopfbereich*/
#Kopfbereich {
	clear: both;
	font-size: 90%;
	font-weight: bold;
	z-index: 1;
	margin: 0;
	padding: 0;
	top: 0px;

  }
#kopf  {
	z-index: 2;
	margin: 0;
	padding-top: 5;
	height: 190px;
	background-repeat: no-repeat;
	background-image: url(images/indextop.jpg);

  }
#kopfwildcat  {
	z-index: 2;
	margin: 0;
	padding-top: 5;
	height: 190px;
	background-repeat: no-repeat;
	background-image: url(images/top_wildcat.jpg);

  }
 #kopfprodukte  {
	z-index: 2;
	margin: 0;
	padding-top: 5;
	height: 190px;
	background-repeat: no-repeat;
	background-image: url(images/top_produkte.jpg);

  } 
   #kopfwebdesign  {
	z-index: 2;
	margin: 0;
	padding-top: 5;
	height: 190px;
	background-repeat: no-repeat;
	background-image: url(images/top_webdesign.jpg);

  } 
   #kopfsuche  {
	z-index: 2;
	margin: 0;
	padding-top: 5;
	height: 190px;
	background-repeat: no-repeat;
	background-image: url(images/top_suche.jpg);

  } 
   #kopfradio  {
	z-index: 2;
	margin: 0;
	padding-top: 5;
	height: 190px;
	background-repeat: no-repeat;
	background-image: url(images/top_radio.jpg);

  } 
   #kopfdruck  {
	z-index: 2;
	margin: 0;
	padding-top: 5;
	height: 190px;
	background-repeat: no-repeat;
	background-image: url(images/top_print.jpg);

  } 
   #kopfmarketing  {
	z-index: 2;
	margin: 0;
	padding-top: 5;
	height: 190px;
	background-repeat: no-repeat;
	background-image: url(images/top_marketing.jpg);

  } 
  #kopfkontakt  {
	z-index: 2;
	margin: 0;
	padding-top: 5;
	height: 190px;
	background-repeat: no-repeat;
	background-image: url(images/top_kontakt.jpg);

  } 
  #kopfimpressum  {
	z-index: 2;
	margin: 0;
	padding-top: 5;
	height: 190px;
	background-repeat: no-repeat;
	background-image: url(images/top_impressum.jpg);

  } 
  
  #kopffoto  {
	z-index: 2;
	margin: 0;
	padding-top: 5;
	height: 190px;
	background-repeat: no-repeat;
	background-image: url(images/top_foto.jpg);

  } 
  #kopfdownload  {
	z-index: 2;
	margin: 0;
	padding-top: 5;
	height: 190px;
	background-repeat: no-repeat;
	background-image: url(images/top_downloads.jpg);

  }  
   #kopfanfahrt  {
	z-index: 2;
	margin: 0;
	padding-top: 5;
	height: 190px;
	background-repeat: no-repeat;
	background-image: url(images/top_anfahrt.jpg);

  }  
  
   #kopfdomain  {
	z-index: 2;
	margin: 0;
	padding-top: 5;
	height: 190px;
	background-repeat: no-repeat;
	background-image: url(images/top_domain.jpg);

  }  
   
    #kopfhosting  {
	z-index: 2;
	margin: 0;
	padding-top: 5;
	height: 190px;
	background-repeat: no-repeat;
	background-image: url(images/top_hosting.jpg);

  }  
    #kopfhousing  {
	z-index: 2;
	margin: 0;
	padding-top: 5;
	height: 190px;
	background-repeat: no-repeat;
	background-image: url(images/top_housing.jpg);

  }  
  
    #kopfprogramm  {
	z-index: 2;
	margin: 0;
	padding-top: 5;
	height: 190px;
	background-repeat: no-repeat;
	background-image: url(images/top_programmierung.jpg);

  }  
    #kopfnewsletter  {
	z-index: 2;
	margin: 0;
	padding-top: 5;
	height: 190px;
	background-repeat: no-repeat;
	background-image: url(images/top_newsletter.jpg);

  } 
    #kopfrundgang  {
	z-index: 2;
	margin: 0;
	padding-top: 5;
	height: 190px;
	background-repeat: no-repeat;
	background-image: url(images/top_rundgang.jpg);

  }
  

#kopfinhalt  {
	float: right;
	width: 12em;
	z-index: 3;
	height: 64px;
	left: 20px;
	top: 20px;
  }
#logo {
	width: 300px;
	float: right;
	border-right-width: 5px;
	border-left-width: 5px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #ffffff;
	border-left-color: #ffffff;

  }
  /*Hauptnavigation*/
#hnbereich {
	margin: 0px;
	padding: 0px;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	font-size: 90%;
	font-weight: bold;


  }  
#hn  {
	margin: 0;
	padding: 0;
	z-index: 3;
	height: 45px;
	color: #BEA889;
  }
    /*Hauptnavigation - liste*/
#list6 li{
	float:left;
	list-style:none;
	margin: 0px;
	padding: 0px;
	list-style-position: inline;
	line-height: 23px;
}

#list6 a{
	padding:4px;
	white-space: nowrap;
	display:block;
	text-decoration:none;
	background-image:url(images/navi/hg_hn.jpg);
	text-align:center;
	color: #BEA889;

}

#list6 a:hover{
	background-image:url(images/navi/navi_on_hg.jpg);
	white-space: nowrap;
	color: #425877;

}

/* navi seinenanzeige inaktiv*/
a.menu_inaktiv {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	color:#BEA889;
	text-decoration: none;
}

a.menu_inaktiv:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	color:#425877;
	text-decoration: none;
	}

a.menu_inaktiv:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	color:#BEA889;
	text-decoration: none;
}
a.menu_inaktiv:active, a.menu_inaktiv:focus  {
	color:#BEA889;
	text-decoration: none;
}
/* navi seinenanzeige aktiv*/
a.menu_subaktiv {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;
	color:#BEA889;
	text-decoration: none;
}

a.menu_subaktiv  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;
	color:#BEA889;
	text-decoration: none;
	}

a.menu_subaktiv  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;
	color:#425877;
	text-decoration: none;
}
a.menu_subaktiv:active, a.menu_subaktiv:focus {
	color:#425877;
	text-decoration: none;
}

/* navi sub seinenanzeige inaktiv*/
a.menu_subinaktiv {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;
	color:#BEA889;
	text-decoration: none;
}

a.menu_subinaktiv:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;
	color:#425877;
	text-decoration: none;
	}

a.menu_subinaktiv:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;
	color:#BEA889;
	text-decoration: none;
}
a.menu_subinaktiv:active, a.menu_subinaktiv:focus  {
	color:#BEA889;
	text-decoration: none;
}
/* navi seinenanzeige aktiv*/
a.menu_aktiv {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	color:#BEA889;
	text-decoration: none;
}

a.menu_aktiv:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	color:#BEA889;
	text-decoration: none;
	}

a.menu_aktiv:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	color:#425877;
	text-decoration: none;
}
a.menu_aktiv:active, a.menu_aktiv:focus {
	color:#425877;
	text-decoration: none;
}


  
  
    /*Subnavigation*/
#snbereich {
	margin: 0px;
	padding: 0px;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	font-size: 75%;
	font-weight: bold;
	color: #FFFFFF;

  }  
#sn  {
	margin: 0;
	padding: 0;
	z-index: 3;
	height: 31px;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #BEA889;


  }
  
  /* Subnavigation - Liste*/
#list7 ul{
	list-style:none;
	margin: 0;
	padding: 0;
	height: 31px;
	top: 0px;
	bottom: 0px;
	left: 0px;
	width: 100%;

}
* html ul#list7 {  /* Korrekturen fuer IE 5.x */
    width: 100%;
    w\idth: 100%;
    padding-left: 0;

  }
#list7 li{
	float:left;
	list-style:none;
	margin: 0px;
	padding: 0px;
	list-style-position: inline;
	line-height: 23px;
}

#list7 a{
	padding:4px;
	white-space: nowrap;
	display:block;
	text-decoration:none;
	color: #BEA889;
	text-align: center;

}

#list7 a:hover{

	white-space: nowrap;
	color: #425877;

}
  
 
  
/*inhaltsbereich*/
#wrapper  {
	height: 100%;
	background-color: #fff;



  }
/* Container, für den linken Bereich */ 
#Subnavigation {
	padding: 0px;
	width: 214px;
	float: left;
	margin-bottom: 8px;


  }
  
  #Inhalt p.center{
	float: none; text-align: center;
}

#Inhalt p{
	margin-left: 1em;
	margin-right: 1em;
	padding: 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:80%;
}
  
 /* Subnavigation - Liste*/
#inhalt ul{
	margin: 0;
	padding: 0;
	height: 31px;
	top: 0px;
	bottom: 0px;
	left: 0px;
	width: 100%;
}
* html ul#inhalt {  /* Korrekturen fuer IE 5.x */
    width: 100%;
    w\idth: 100%;
    padding-left: 0;

  }
#inhalt li{
	font-size:80%;
	margin: 0px;
	padding: 0px;
}

#inhalt a{
	color: #425877;
}

#inhalt a:hover{
	color: #BEA889;
	
}
    

/* Container, für den rechten Bereich */
#Info {
	width: 350px;
	float: right;


  }

#suche {
	margin-left: 1em;
	float: right;
  }
 

/* Container, der die Inhalte enthält */
#Inhalt {
	width: 585px;
	padding: 0px;
	margin: 8px;
	border-right-width: thin;
	border-right-style: solid;
	border-right-color: #BEA889;
  }
  
.indexboxen  {

	z-index: 3;
	margin: 0;
	padding: 0;
	width: 190px;
	float: left;
	border-right-width: thin;
	border-right-style: solid;
	border-right-color: #BEA889;
  }
.indexboxenohneline  {

	z-index: 3;
	margin: 0;
	padding: 0;
	width: 190px;
	float: left;
  }
  
.linewaagerecht  {
	width: 95%;
	z-index: 3;
	margin: 2px 0;
	padding: 0;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #BEA889;

  }
  
#box_hgline_rechts {
	margin: 0px;
	padding: 0px;
	background-position: right;

  }
  * html div#Inhalt {
    height: 1em;  /* Workaround gegen den 3-Pixel-Bug des Internet Explorers */
  }

#keywoerds {
	width:960px;
	color:#999999;
	font-size:small;
	margin: 15px;
	text-align:justify;
}
 
#keywoerds a:link{
	color: #999999;
		text-decoration:none;
}

#keywoerds a:hover{
	color: #999999;
		text-decoration:none;
}
#keywoerds a:visited{
	color: #999999;
		text-decoration:none;
}
#Fusszeile {
	clear: both;
	border-width: 5px;
	border-style: solid;
	border-color: #ffffff;
	padding: 0.1em;
	background-color: #BEA889;
	text-align: right;
    width: 960px;
  }
a.textfusszeile:link {
	text-decoration:none;
	color: #fff;
	clear: both;
	font-size: 0.8em;
	font-weight: bold;
}
a.textfusszeile:hover{
	font-size: 0.8em;
	color: #425877;
	clear: both;
	font-weight: bold;
}
a.textfusszeile:visited {
	font-size: 0.8em;
	clear: both;
	color: #fff;
	font-weight: bold;
}


/* --( Bilder )------------------------------------------------ */

#Inhalt img {

	margin-left: 1em;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-top: 5px;
	z-index: 10; 
	float: right;

}

#Inhalt img.mit {

	margin-left: 1em;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-top: 5px;
	z-index: 10; 
	float: right;
	border: #BEA889 1px solid;
}


#Inhalt img.center {
	float: none; text-align: center;
}

#Inhalt img.centermit {
	float: none; 
	text-align: center;
	border: #BEA889 1px solid;
}
#Inhalt img.links {
	z-index: 10;
	float: left;
	margin-left: 1em;
	margin-right: 5px;
	z-index: 10;
	margin-bottom: 5px;
	margin-top: 5px;

}
#Inhalt img.linksmit {
	z-index: 10;
	float: left;
	margin-left: 1em;
	margin-right: 5px;
	z-index: 10;
	margin-bottom: 5px;
	margin-top: 5px;
	border: #BEA889 1px solid;

}
#Info img.center {
	float: none; text-align: center;
}


.floataus {
clear:right;
}