/* Created by TopStyle Pro Trial Version - www.bradsoft.com */


/* ==============================================
       aufgeräumte Version Stand 08.12.09 
   ============================================*/    
       
html {
	 height: 101%;
}
body {
	background-color:#f5f5f5;
   font-size: 11px;
   font-family: 'Lucida Sans Unicode', Verdana, Arial, SunSans-Regular, Sans-Serif;
   color:black;
   padding:0px;
   margin:0px;
   width: 100%;}
/* ----------container to center the layout-------- */
#container {
width: 100%;
padding:0px;
margin: 0px;
margin-left: auto;
margin-right: auto;
position: relative;
} 

#banner {
	padding: 0;
	margin: 0;
	position: absolute;
	top:80px;
	left: 50px;
}

#bannerl {
	
   position: relative;
	top: 30px;
	margin-bottom: 30px;
	margin-left: 32%;
	}	

#kopf {
   margin-bottom: 0;
	background-color: #f5f5f5;}

/*------------------inhaltsblock   ---*/
#inhalt {   width: 100%;
	background-color: #f5f5f5;
	margin: 0px;
   position: relative;
   min-height:550px;
    height:auto !important;
  /*  height:550px;             */       /* vorläufige Einstellung */

   }
.linie {
	float: left;}
#schrift {	background-color: #ebf8fb;
	         margin-top: 0;}
#schrift a:hover {
       color: yellow;
}
#schrift ul, p {	font-size: 115%;}
#schrift h1 {  margin-top: 0;
	text-align: center;
	font-size: 135%;
	font-weight: bolder;
	color: black;
	font-family: Lucida Handwriting;}
#schrift h2 {
	text-align: center;
	font-size: 120%;
	}
h3, ul, p {	margin-left:20px; }
.h3 {	border-bottom: 3px solid black;
   	margin-right: 380px;}
/*========================= ANFANG navi_oben ===============*/
# html #navi_oben {
	height: 1%
}

#navi_oben {
	border-bottom: 1px solid black;
	width: 100%; 
	text-align: right;
	/*background:#41637e;*/
	color: black;
	padding: 0px 0px 0px 0px;
	margin: 0;
	height: 282px;
	background-image: url(modelhintergrund.jpg);
	background-repeat: no-repeat;
	border: solid bottom black;
	
	

      }

/* =============================================================*/
   /*Ende navi_oben*/
	
#schrift {
   background-color: #f5f5f5;
   color: gray;
   position: absolute;
	top:380px;
	border-top: 2px solid #eb2824;
   min-width: 805px;
	}
.schrift1 {
font-family: Constantia, Georgia, serif;
   font-size: xx-large; 
		word-spacing: 1.0em;
   letter-spacing: 0.2em;
   padding-bottom: 0px;
	padding-top: 0px;
	padding-left: 10px;
	margin-bottom: 0;
   margin-top: 0px;}
.serif {
	font-family: Constantia, Georgia, serif;
	font-size: 150%;
	color: white;
	margin: 0;
	padding: 0;
}
.schrift2 {
	 width: 500px;
	 font-size: 150%;
	 text-align: center;
	 margin-left: auto;
	 margin-right: auto;
 border-top:solid 1px red;
	 border-bottom:solid 1px red;
	 margin-bottom: 40px;
	 margin-top: 20px;
}
.schrift1 h1{	font-size: 120%;	color: Gray;}
.schrift1 h2{	font-size: 110%;	color: red;}
#schrift h1 {	margin-top: 0;}
/*-------------------------*/
#schrift h3 {	margin-left:11em;}
#schrift li {	margin-left: 8em;}
#schrift a {	text-decoration: none;}
#schrift a:link{	color: red;	font-weight: bold;}
#schrift a:visited {	color: red;	font-weight: bold;}
#schrift a:hover {	color: Red;	font-weight: bold; text-decoration: underline;}
#schrift a:active{   color: Red;	color: Yellow;}
/* ---------------------*/
#fussbereich {
   /*  clear: both;*/
     background-color:#EB2824;
     color: white;
     padding: 10px 20px 20px 20px;
     border-top: 1px solid #353535;
     height: 30px;
     position: relative;
            }
   

address {
 	text-align: center;
	font-size: 80%;
	font-style: normal;
	letter-spacing: 2px;
	width: 100%;
    height:30px;
 }
/*==================================================================*/

/* Das Kontakt-Formular --------*/

form {
   background-color: #eeeeee;
   color: black; 
   width: 370px;
   padding: 20px;
   border: 1px solid #8c8c8c;
  }        /*neu*/

label {
   display: block;
   cursor: pointer;}
input#absender, textarea {
   width: 300px;
   border: 1px solid #8c8c8c;
   margin-bottom: 1em;}  
textarea { height: 7em; }
input#absender:focus,
textarea:focus {
background-color: #d9d9d9;
color: black;} 


/*---- Ende Kontaktformular ----*/

#schrift_kontakt {  text-align: center;}


form {	margin-left: 32%;}
/*---- Einstellungen für Beispielseite -----*/


.clearing {	clear: both;}


div.schrift3 {

    overflow: hidden; /* zum umschlie?en der Floats */
    padding: 25px 10px 10px 0;
    margin: 0 3px 3px 30px;   } 
    div.schrift3 img {float: left;
                      padding: 4px;
                      border: 1px solid #ddd;
                      border-right-color:#aaa;
                      border-bottom-color: #aaa;
                      margin-right: 15px;
                      margin-bottom: 15px;    }
div.galerie {
    overflow: hidden; /* zum umschließen der Floats */
    padding: 25px 30px 10px 10px;
    margin: 0 3px 3px 0;    } 
   div.galerie img {    
       float: left;
       padding: 4px;
       border: 1px solid #ddd;
       border-right-color:#aaa;
       border-bottom-color: #aaa;
       margin-right: 15px;
       margin-bottom: 15px;
       margin-left: 20px;    }
       
iframe {
	float: left;
       padding: 4px;
       border: 1px solid #ddd;
       border-right-color:#aaa;
       border-bottom-color: #aaa;
       margin-right: 15px;
       margin-bottom: 15px;
       margin-left: 20px;  
}       
    
    /*---------------------------------*/    
#impressum {
     position:absolute;
 /* top:50%;    */
  left:50%;             /*  nicht nur für ie sondern  */
  width:30em;           /*  für alle wrapper gedacht! */
  height:20em;
  margin-left: -15em;
  margin-top: 1em;}
#shop {
	margin-left: 30%;
	 margin-top: 3em;
	 border: 1px solid black;}
#ani {
	margin-left: 19em;	}  
.li_normal {
	font-size: 1.2em;
	line-height: 1.5;}
p {line-height: 1.7;
	color: black;
	font-family: Verdana, sans-serif;}
#schrift ul {
	margin-top: 20px;
}	
#schrift ul li {	color: black;
                    font-size:110%;
                    line-height: 1.5;}
.wir {  margin-left: 12em;
        margin-right: 12em; }
input {
	line-height: 1.7;}
.center {
text-align: center;
}	
.impressum {
	font-size: small;
}
#impresum a {
	color: white;
}
*html #navibereich { height: 1% }

#flash {
   position: absolute;
	width: 424px;
	height: 250px;
	azimuth: inherit;
	top: 50px;
	right: 20px;
}
#visit_a {
	margin-left: 285px;
}
#visit_a  a{
	text-decoration: none;
	color: black;
   }
   #visit_a ul li {
   	list-style-type: none;
   	list-style-image: url(images/weissenburg.png);
   	line-height: 1.7;
   }

/* =========================================

     I N H A L T S B O X 
     
   =======================================*/
   
   
#inhaltsbox {
   width: 97.8em;
	margin:3em 2em;
   float: left;
   overflow: visible;
   background-color: #f5f5f5;
   position: relative;

}
.box_links {
	width: 30em;
   
/*   padding-right:22px;*/
   float: left;

}
  .box_links img
 {       margin: 0;
         padding: 0;
         text-align: center ;

}

.box_mitte {
	width: 35em;
 /*  padding-right:22px;*/
   float: left;
   border-left: 1px solid #AAAAAA;
   border-right: 1px solid #AAAAAA;
   overflow: hidden;


}
   .box_mitte iframe {
     margin-left: 3.2em;
   }


   .box_links img
 {       margin-left: auto;
         margin-right: auto;
       /*  padding: 0;       */
         letter-spacing: center ;

}
.box_rechts {
	width:30em;
   /*padding-right:22px;*/
   float: left;
}
   .box_rechts img {
   	float: left;
   }

   .clear {
   	clear: both;
   }
.padding {
	padding-left: 15px;
	padding-right: 15px;
}
#inhaltsbox p {
	margin-left: 0;
}
#inhaltsbox ul
 {   padding-left: 15px;
 margin-left: 0;
 font-size: 1.3em;
   color: #000000;

}
#inhaltsbox li
  { list-style: none;
    list-style-image: url(images/weissenburg.png);
    line-height: 1.6;
  }
 #inhaltsbox .box_mitte li
 {     list-style-image: none;

}

#inhaltsbox a

 {      text-decoration: none;
   color: #000000;
   font-family:  Arial;

}
/* =================================================
   Ende Inhaltsbox
   ===============================================*/

#serviceseite #inhalt p {
  padding-right: 30em;
}
#flashbox {
   width: 90.8em;
   	margin:3em;
    margin-left: 6.5em;
   float: left;
   overflow: hidden;
   height: auto;

}
.template {
	width:22.5em;
    height: 23em;
   /*padding-right:22px;*/
   float: left;}

#flashbox .template img {
  margin-left: 10px;
  margin-top: 10px;
  border: 1px solid black;
}