/* Stylesheet WWH III*/

/* ================= Kalibrierung und allg. Styles ==================*/

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

body 		{ background-color:#ffffd7;
		  font-size:small;
		  font-family:arial, verdana, helvetia; 
		  color:black; 
		  width:100%;
		  margin:auto;}

* html body 	{ font-size:x-small; f/ont-size:small:}

h1 		{ font-size: 120%; color:#d0006f; line-height:30px;}
h2 		{ font-size: 130%; color:#d0006f; font-family:arial; line-height:40px;}
h3 		{ font-size: 100%; color:#808080;}

.skiplink 	{ position:absolute; top:-2000px; left:-3000px; 
		  width:0px; height:0px; overflow: hidden; display: inline; }

ul		{ margin:0px; padding:0px; list-style-type:none;}

.unterstrich	{ background-color:#d0006f;
		  color:#d0006f;
		  height:2px;
		  margin:2%;}

.tabelle	{ border:0;
		  margin:10px auto;
		  text-align:center;}

.tabelle td	{ padding:1%;}

.mitte		{ text-align:center;}

/* ============= Styles für Container ======================*/

#container	{ width:100%; height:375px;
		  margin:auto;}

/* ============= Styles für Kopfbereich ======================*/

#top	 	{ background-image:url(hg_verlauf.gif); 
		  background-repeat:repeat-x; 
		  background-position:top left;
		  float:left;
		  margin:auto;
		  padding:10px 0px; 
		  width:100%; height:140px;}       

#links		{ float:left;
		  margin-left:2%; 
		  width:auto;}

#links h1	{ height:50px;
		  overflow:hidden;
		  padding:0px;
		  text-align:center;
		  position:relative;
		  visibility:hidden;
		  width:205px; }

#links span	{ background-image:url(top_schrift.gif);
		  background-repeat:no-repeat;
		  height:60px;
		  left:0px;
		  margin:0px;
		  position:absolute;
		  top:0px;
		  visibility:visible;
		  width:202px;}

#links img	{ padding:10px 0px 0px 50px;}

#rechts		{ float:right;
		  margin-right:2%;
		  padding:10px 0px; 
		  width:auto;}

#rechts h3	{ text-align:right;
		  padding-top:5px;}


/* ============= Styles für waagerechte Navi ======================*/


#waag_navi	{ background-image:url(hg-info.GIF);
		  background-position:top left;
		  background-repeat:repeat-x;
		  background-color:#d0006f;
		  border-top:1px solid #d0006f;
		  clear:both;
		  margin:0px;
		  padding-top:15px; padding-bottom:5px; 
		  text-align:right;
		  width:100%;}  /*=== 100% würde bei horiz. padd. überstehen ===*/
		/*=== gesamter Navibereich ===*/

#waag_navi ul 	{ padding-right:35px;
		  xpadding-left:25px;}
		/*=== Einrückung für Zeichen nicht nötig ===*/


#waag_navi li	{ display:inline; 
		  list-style-type:none;
		  margin-right:0px;
		  padding:0px;}

#waag_navi a	{ border:1px solid #ffffd7;
		  color:#ffffd7;
		  text-decoration:none;
		  margin:0px;
		  padding:4px 8px 5px 8px;}

#waag_navi a:hover,
#waag_navi a:focus
		{ background-color:#ffffd7;
		  color:#d0006f;}

.select		{ background-color:#ffffd7; }
#waag_navi .select		{ color:#d0006f; }

/* ============= Styles für hauptteil-wrapper ======================*/

#wrapper	{ background-color:#ccffcc;
		  background-image:url(back325.jpg); 
		  background-repeat:repeat; 
		  background-position:left;
		  float:left;
		  width:100%; height:100%;
		  overflow:auto;}

/* ============= Styles für senkrechte Navi ======================*/

#senkr_navi	{ background-color:#d0006f;
	 	  float:left;
		  width:18%; height:100%;
		  margin-left:2%;
		  xpadding:0px; }
		  /* === kein paddding, damit Button gemacht werden kann ===*/

#senkr_navi ul	{ list-style-type:none;
		  padding-left:0px;}  
		  /* === kein paddding, damit Button gemacht werden kann ===*/

#senkr_navi li 	{ background-image:url(hg-info.GIF);
		  background-position:top left;
		  background-repeat:repeat-x;		  
		  border:1px solid #d0006f;
		  border-top:1px solid #ffffd7;
		  margin:0px;
		  padding:4px 8px;}
		  /*=== Vergrößerung des Listenfeldes ===*/

#senkr_navi a	{ color:#ffffd7;
		  display:block;
		  text-decoration:none;
		  padding:4px 10px; }
		  /*=== Schaltfläche ===*/
 
#senkr_navi .unten	{ border-bottom:1px solid #ffffd7;}
		
#senkr_navi li:hover 	
		{ background-image:url(hg_verlauf.GIF);
		  background-position:top left;
		  background-repeat:repeat-x;
		  background-color:#ffffd7;
		  border:1px solid #d0006f;
		  color:#d0006f;}
#senkr_navi a:hover
		{ color:#d0006f;}

#senkr_navi li:active 	
		{ background-image:url(hg_verlauf.GIF);
		  background-position:top left;
		  background-repeat:repeat-x;
		  background-color:#ffffd7;
		  border:1px solid #d0006f;
		  color:#d0006f;}

#senkr_navi a:active
		{ color:#d0006f;}

#senkr_navi .padd		
		{ font-size:0.8em;
		  padding-left:20px;}

.selec		{ text-align:right;}

#valid		{ text-align:center;}
#valid img	{ margin-top:8%;}

/* ============= Styles für startseite 01======================*/

#hauptseite	{ background-position:top left;
		  background-repeat:repeat-x;
		  background-image:url(hg_verlauf.GIF);
		  background-color:#ffffd7;
		  border:3px double #d0006f;
		  float:left;
	          font-size:110%;
	          line-height:20px;
		  min-height:295px;
		  text-align:center;
		  margin:1% 2%;
		  padding:1% 2%;
		  width:48%;}

.info		{ border:1px solid #d0006f;
		  background-color:#ffffd7;
		  float:right;
		  margin-top:1%;
		  margin-right:2%;
		  xpadding:2%;
		  width:20%;}

.info h3	{ background-color:#d0006f; 
		  background-image:url(hg-info.GIF);
		  background-position:top left;
		  background-repeat:repeat-x;
		  color:#ffffd7;
		  font-weight:normal;
		  padding:3%;}

.info ul	{ background-image:url(hg_verlauf.GIF);
		  background-repeat:repeat-x;
		  background-position:top left;
		  background-color:#ffffd7;
		  list-style-type:none;
		  padding:5%;
		  line-height:35px;}

.info ul a	{ color:#d0006f;}

/* ============= Styles für kontakt 03 ======================*/

#hauptseite03	{ background-position:top left;
		  background-repeat:repeat-x;
		  background-image:url(hg_verlauf.GIF);
		  background-color:#ffffd7;
		  border:3px double #d0006f;
		  float:left;
	          line-height:20px;
		  min-height:295px;
		  text-align:center;
		  margin:1% 2%;
		  padding:1% 2%;
		  width:48%;}

#wmlogo		{ text-align:center;
		  display:block;
		  float:right;
		  margin-top:1%; 
		  margin-right:2%;
		  width:20%;}
#wmlogo img	{ border:1px solid #d0006f;}

/* ============= Styles für impressum 02 ======================*/

#table02	{ margin-top:15px;
		  text-align:center;
		  width:100%;}

#table02 .rechts{ font-size:90%;
		  text-align:right;
		  width:40%;}
  	/*=== rechts und links vertauscht ===*/

#table02 .links	{ font-size:90%;
		  text-align:left;
		  width:40%;}

.info p		{ background-image:url(hg_verlauf.GIF);
		  background-repeat:repeat-x;
		  background-position:top left;
		  background-color:#ffffd7;
		  padding:5%;
		  line-height:25px;}

/* ============= Styles für service 04 ======================*/

#hauptseite04	{ background-position:top left;
		  background-repeat:repeat-x;
		  background-image:url(hg_verlauf.GIF);
		  background-color:#ffffd7;
		  border:3px double #d0006f;
		  float:left;
		  min-height:300px;
		  text-align:center;
		  line-height:22px;
		  margin:1% 2%;
		  padding:1% 2%;
		  width:71%;}

/* ============= Styles für Gratisberatung 14 ======================*/

#hauptseite14	{ background-position:top left;
		  background-repeat:repeat-x;
		  background-image:url(hg_verlauf.GIF);
		  background-color:#ffffd7;
		  border:3px double #d0006f;
		  float:left;
		  line-height:22px;
		  min-height:300px;
		  text-align:center;
		  margin:1% 2%; 
		  padding:1% 2%;
		  width:39%;}

#hauptseite14 img	{ float:right; 
			  padding:3%; 2%}
#hauptseite14 .re	{ float:left; 
		   	  padding:3%; 2%}

.info14		{ border:1px solid #d0006f;
		  background-color:#ffffd7;
		  float:right;
		  min-height:343px;
		  margin-top:1%;
		  margin-right:2%;
		  width:29%;}

.info14 h3	{ background-color:#d0006f; 
		  background-image:url(hg-info.GIF);
		  background-position:top left;
		  background-repeat:repeat-x;
		  color:#ffffd7;
		  font-weight:normal;
		  padding:5%;}

#kontakt	{ background-image:url(hg_verlauf.GIF);
		  background-repeat:repeat-x;
		  background-position:top left;
		  background-color:#ffffd7;
		  padding:5%; padding-top:2%;
		  line-height:20px;}

/* ============= Styles für Angebote 05 ======================*/

#table05		{ border:0; font-size:90%;}
#table05 .breit		{ width:46%;}
#table05 .schmal	{ width:4%;}
#table05 .schmalezeilen	{ font-size:80%;}
#table05 .kopf		{ padding-top:10px;}

.info p		{ background-image:url(hg_verlauf.GIF);
		  background-repeat:repeat-x;
		  background-position:top left;
		  background-color:#ffffd7;
		  padding:5%;
		  line-height:20px;}

.info span	{ font-weight:bold;
		  text-align:center;
		  width:100%; display:inline-block;}

/* ============= Styles für CMS 15 ======================*/

/* ============= Styles für Preise 35 ======================*/

#tabelle35	{ border-collapse:collapse;
		  margin:10px auto;
		  text-align:center;}

#tabelle35 td	{ border-collapse:collapse; 
		  border:1px solid #d0006f;
		  padding:0px 15px;}

/*=============== copyright ===*/

#copy		{ background-image:url(hg_verlauf.GIF);
		  background-repeat:repeat-x;
		  background-position:top left;
		  border-top:1px solid #d0006f;
		  clear:both;
		  font-size:80%;
		  line-height:25px;
		  text-align:center;}

/* ====
#ffffd7 = hellgelb
#808080 = (h3)
#d0006f = margenta 208-0-111
#8cff00 = hellgrün 140-255-0
=====*/