/* -- Design Vorgaben -- */

/* -- Dokumentbreite: 870px | Dokumenthöhe: 725px -- */

/* -- Dokumenthöhe: 725px -- */
/* -- Kopfbereich: Höhe: 145px | Border-bottom: 2px solid #317031-- */
/* -- Navigation: Höhe: 28px - Hintergrundgrafik: bgnav.gif -- */
/* --unterpunkte: 16px - Hintergrund: #fffbf2 -- */
/* -- Textbereich: 380px - Hintergrund: #fffbf2 -- */
/* 		-- DIV Inhalt:B553px H362px -- */
/* 		-- DIV bild:B235px H362px -- */
/* 		-- DIV link: Höhe: 18px - -- */
/* 		-- DIV slogan: Höhe: 18px - -- */
/* -- Endbereich: Höhe 115px --*/



/* stylesheet-projekt hundespur */

/* --- HTML - Tag - Formatierungen --- */
/* *********************************** */

body{
background-color: #FFFFFF;
color: #000;
font-size:100.01%;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
margin:0;
padding:0;
text-align:center;
}

p {
  padding: 0;
  margin: 0;
}

span {
  padding: 0;
  margin: 0;
}

img{
border: 0px;
}

.abstand{
padding-top:8px;
}

#iframe{
height:350px;
background-color:#fffbf2;
color:black;
font-size:100.01%;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin:0;
padding:0;
text-align:center;
}

iframe{
 width: 830px;
 height: 404px;
 margin: 0px 10px 0px 10px;
}
html {overflow-x: hidden;}

/* --- Allgemeine - Formatierungen --- */
/* *********************************** */

.stopFloat {
 display: block;
 float: none;
 clear: both;
 height: 1px;
 font-size: 0px;
 line-height: 0px;
}

/* --- Inhalte - Formatierungen --- */
/* *********************************** */

#wrapper{
 width: 870px;
 margin:auto auto; /* nicht margin-top extra!! */
 /* text-align: center; */
 background-color:#fffbf2;
 height: 622px;
}

#kopfbereich{
 width:870px;
 height:100px;
 background-color:white;
 border-bottom:2px solid #317031;
}

/* -------- Inhalt des kopfbereiches ----------- 
***********************************************/
.logo{
 float:right;
 width: 350px;
 height:75px;
 margin:10px 20px 0px 0px;
 border:none;
}
 
#kopfbereich h2{
margin:10px 0 0 18px;
font-size:105%;
color:#8e143b;
text-align:left;
}

#kopfbereich p{
margin:6px 0px 0px 20px;
color: #333333;
text-align:left;
font-size: 60%;
line-height:1.4;
}

/* -------- Inhalt des kopfbereiches ende ----------- 
******************************************************/
#textbereich{      
 width:870px;
 height:320px;
 background-color:#fffbf2;
 margin-top:0px;
}

/* -------- Inhalt des iframe ----------- 
*****************************************/

.inhalt{
 font-size:70%;
 text-align:left;
 line-height:1.5;
 width:500px;
 float: left;
 margin:5px 0px 0px 10px;
}

#bild{
 width: 250px;
 float:left;
 margin:50px 0px 0px 30px;
}

.inhalt_gesamt{
 font-size:70%;
 text-align:left;
 line-height:1.5; 
 width:700px;
 float: left;
 margin:20px 0px 0px 10px;
}

.inhalt p,.inhalt_gesamt p{
 font-size:99%;
 text-align:left;
 margin-top:10px;
}

.inhalt h1,.inhalt_gesamt h1{
 color:#8e143b;
 font-size:115%;
}

.inhalt h2,.inhalt_gesamt h2{
 font-size:101%;
 color:#8e143b;
}

/*bilder-startseite
---------------------*/

.bild_gr{
width: 240px;
height: 150px;
margin-bottom:10px;
border: 0px none #000000;
}

.bild_l{
width:117px;
height:78px;
float:left;
margin-left:0px;
border: 1px none #000000;
}

.bild_r{
width:117px;
height:78px;
float:right;
margin-right:6px;
border: 1px none #000000;
}

.bild_l_h{
width:117px;
height:168px;
float:left;
margin-left:0px;
border: 1px none #000000;
}

.bild_r_h{
width:117px;
height:168px;
float:right;
margin-right:6px;
border: 0px none #000000;
}

.bild_ut{
width: 240px;
height: 90px;
margin-bottom:0px;
border: 0px none #000000;
font-size:70%;
text-align:center;
margin-top:0px;
}


/*ende bilder-startseite
---------------------*/


/* -------- Ende - Inhalt des iframe -------- 
*********************************************/


/* link zum kontakt/impressum ende
-----------------------------*/

#slogan{
 text-align: center;
 width: 870px;
 height: 18px;
 background-color: #fffbf2;
 font-size:70%;
 color: #8e143b;
 margin-top:16px;
}

.anders{
 color:#000000;
 font-style:italic;
}

#endbereich{
 background-image:  url("images/welle.jpg"); 
 width:870px;
 height:115px;
}
 
#endbereich p{
float: right;
margin: 8px 50px 0 0;
font-size:70%;
}

#endbereich a{
color:#666666;
}

#endbereich a:link{
color:#666666;
text-decoration: none;
}

#endbereich a:hover{
color:#666666;
text-decoration: underline;
}
 

 /* --- Navigation - Formatierungen --- */
/* *********************************** */
#navibereich{
 float: left;
 height: 28px;
 margin-bottom: 2px;
 padding: 0;
 text-align: center;
 width: 870px;
 background-image: url(images/navi.gif);
}

#navibereich ul{
 margin: 0; 
 padding: 0; 
 list-style: none; 
 margin-left: 10px; 
 }
 
#navibereich li{ 
 float: left;
 height: 28px;
}

#navibereich a:link,
#navibereich a:visited{
 font-size: 0.65em; 
 color: white;
 display: block;
 margin: 0;
 font-weight: bold;
 text-decoration: none;
 margin:4px 8px 0px 8px; 
}

#navibereich a:hover,
#navibereich a:focus{
text-decoration:underline;
}

#navibereich #aktuell a{
 text-decoration: underline;
 color: white;
}


 /* --- Navigation - Unternavigation --- */
/* *********************************** */

#untermenue{
 width: 870px;
 height:16px; 
 background-color:#CCCCCC;
 float: left;
 font-size: 60%;
 margin: 0;
 padding: 0; 
 text-align: center;
}

#untermenue ul{
 margin: 0; 
 padding: 0; 
 list-style: none;
 margin-left: 10px;
}
 
#untermenue li{ 
 float: left;
 height: 16px;
 margin: 2px 5px 0px 5px;
}

#untermenue a:link{
 display: block;
 margin: 0;
 text-decoration:none;
 display: block;
 color: #333333;
}

#untermenue a:visited{
 display: block;
 margin: 0;
 text-decoration:none;
 display: block;
 color: #666666;
}

#untermenue a:hover,
#untermenue a:focus{
 text-decoration:underline;
 color:#8e143b;
}
 
#untermenue {
 display: block;
text-transform: none;
 
}

#untermenue #jetzt a{
 text-decoration: underline;
 color:#000000;
}

/*-------------------
 Table---------------*/
 
.inhalt table{
 width:450px;
 border-collapse:collapse;
 border:2px solid #8e143b;
}

.inhalt caption{
 font-size: 90%;
 font-weight:bold;
 text-align:left;
 color:#8e143b;
}

.inhalt th{
 background-color:#8e143b;
 color:#FFFFFF;
 text-align:left;
}

.inhalt td{
 border:2px solid #8e143b;
}