* {
    margin:0;
    padding:0;
}

body {
    background: url(gfx/bg.jpg) repeat-x;
    }

/*Container--------------------------------*/

div#wrappr {
        position: absolute;
        left: 50%;
        width: 1000px;
        margin-left: -500px;
        }
        
    

       

/*NaviDesign*/

div#top {
    margin:auto;
    background: black;
    width: 1000px;      
}
div#navi {
    background: black;
    width: 1000px;
}

#nav-menu { 
        margin:auto;
        }
		
        #nav-menu ul {
			list-style: none;
			padding: 0;
			margin: 0;
			margin-top: 1px
		    }

		#nav-menu li {
		    margin-top: 10px;
			float: left;
			margin:0;
			}
		#bstart a, #bstart a:visited{
		background: url(gfx/navi/start.jpg);
		width:117px;
	    height: 25px;
        float:left;
        color:black;
        display:block;
        }
         
         #bstart a:hover {
        background: url(gfx/navi/starth.jpg);
		width:117px;
	    height: 25px;
        float:left;
        color:red;
        display:block;
         }
         
         #bfragen a, #bfragen a:visited{
		background: url(gfx/navi/fragen.jpg);
		width:117px;
	    height: 25px;
        float:left;
        color:black;
        display:block;
         }

         #bfragen a:hover{
        background: url(gfx/navi/fragenh.jpg);
		width:117px;
	    height: 25px;
        float:left;
        color:red;
        display:block;
         }
         
         #bpartner a, #bpartner a:visited{
		background: url(gfx/navi/partner.jpg);
		width:117px;
	    height: 25px;
        float:left;
        color:black;
        display:block;
         }

         #bpartner a:hover{
        background: url(gfx/navi/partnerh.jpg);
		width:117px;
	    height: 25px;
        float:left;
        color:red;
        display:block;
         }
         
         #bkontakt a, #bkontakt a:visited{
		background: url(gfx/navi/kontakt.jpg);
		width:117px;
	    height: 25px;
        float:left;
        color:black;
        display:block;
         }

         #bkontakt a:hover{
        background: url(gfx/navi/kontakth.jpg);
		width:117px;
	    height: 25px;
        float:left;
        color:red;
        display:block;
         }

			
/*HeaderDesign*/

div#header {
    margin:auto;
    width: 1000px;
    height:210px;
    background: url(gfx/header.jpg);
    display:block;
   
}

div#flash {
    margin:auto;
    width: 1000px;
    height:44px;
    background: url(gfx/flash.jpg);
    display:block;

}

/*LoginDesign*/

div#log {
    margin:auto;
    width:1000px;
  

}

/*ContentDesign*/
div#centercontent {
    margin:auto;
    width:1000px;
}

div#content {
       float:left;
       background: url(gfx/contentbg.jpg) repeat-y;
       width: 645px;
       display: block;
       padding:0 50px;
       
}

div#content a, div#content a:visited, div#content a:active{
        font-family: Tahoma, cursive, Arial;
		font-size: 14px;
		font-weight: 500;
		text-align:justify;
		line-height:150%;
		color: #0055FF;
		text-decoration: none;
}

div#content a:hover{
        font-family: Tahoma, cursive, Arial;
		font-size: 14px;
		font-weight: 500;
		text-align:justify;
		line-height:150%;
		color: #0055FF;
		text-decoration: underline;
}

div#content p{
		font-family: Tahoma, cursive, Arial;
		font-size: 14px;
		font-weight: 500;
		text-align:justify;
		line-height:150%;
		}

div#content b{
		font-family: Tahoma, cursive, Arial;
		font-size: 14px;
		text-align:justify;
		line-height:150%;
		}
div#content i{
		font-family: Tahoma, cursive, Arial;
		font-size: 14px;
		text-align:justify;
		line-height:150%;
		color: #808080;
		}

div#content h1{
		font-family:Tahoma, cursive, Arial;
		font-size: 26px;
		text-align:center;
	    }

div#content h2{
		font-family:Tahoma, cursive, Arial;
		font-size: 20px;
		text-align:left;
	    }
div#content h3{
		font-family: Tahoma, cursive, Arial;
		font-size: 14px;
		text-align:justify;
		line-height:150%;
		}
		
div#content h4{
		font-family: Tahoma, cursive, Arial;
		font-size: 14px;
		text-align:center;
		color: #3C3C3C;
		margin:0 10px;
		font-style: italic;
	    }
		
	
div#content h5{
		font-family:Times, cursive, Arial;
		font-size: 24px;
		text-align:center;
		color: #3C3C3C;
		margin:0 10px;
		text-decoration: underline;
		}
		
div#content h6 {
    font-family: Tahoma;
    
}

.hook ul{
        list-style: url(images/check1.gif);
		margin-left:40px;
		}
.hook li{
        font-family: Tahoma cursive Arial;
        font-size: 18px;
        margin-top:30px;
        padding-left: 30px;
        font-style: italic;
        }
        
.cross ul{
        list-style: url(gfx/kreuz.gif);
		margin-left:40px;
		}
.cross li{
        font-family: Tahoma cursive Arial;
        font-size: 18px;
        margin-top:30px;
        padding-left: 30px;
        font-style: italic;
        } 



/*SideContentDesign*/

div#sdcontent {
float:left;

width:255px;
display: block;
text-align:justify;
padding-top:15px;


    

}

/*FooterDesign*/

#footerbg {

    background: url(gfx/footerbg.jpg) black repeat-x;
    width:100%;
    display:block;
    margin: auto;
}



#footer {
    margin:auto;
    width:700px;
    height: 80px;
    background: url(gfx/footer.jpg) black repeat-x;
    display: block;
    padding-top:80px;
    font-family: verdana;
    color: #fff;
    font-size: 12px;
    padding-right:300px;
    text-align:center;
    font-weight: bold;
    
    }

#footer a{ text-decoration: none; color: #0055FF ; background: none;}
#footer a:hover{ text-decoration: underline; color: #0055FF;}
#footer p{
    font-weight: normal;
}






/*------------------------------------------------------*/
/*NAVI CSS*/

#navl {
    float: left;
    width:40px;
    height:25px;
    background: url(gfx/navl.jpg) repeat ;
    display: block;
}

#nav {
    float: left;
    width:470px;
    height:25px;
    background: url(gfx/navbut.gif) repeat;
    display: block;
}

#navr {
    float:left;
    width:490px;
    height:25px;
    background: url(gfx/navr.jpg) repeat;
    display: block;
}






/*LOGIN CSS*/

#loginl {
    float: left;
    width:785px;
    height:111px;
    background: url(gfx/loginl.jpg);
    display: block;
}

#login {
    float: left;
    width:181px;
    height:101px;
    background: url(gfx/loginfield.gif) blue;
    display: block;
    padding-top:2px;
}

#login p{
    color:black;
    font-family: Verdana;
    font-size: 10px;
}

#loginr {
    float:left;
    width:34px;
    height:111px;
    background: url(gfx/loginr.jpg) blue;
    display: block;
}

/*Bestellen Button */
#bestellen {
    width:600px;
    margin-left:20px;
    margin-right:50px;
}

#bestellen a,#bestellen a:active{
	background: url(gfx/button.jpg);
    width:600px;
    height:660px;
    text-decoration: none;
    display: block;
    padding-bottom:0px;
    }

#bestellen a:hover{
    background: url(gfx/button.jpg) bottom no-repeat;
    width:600px;
    height:660px;
    text-decoration: none;
    display: block;
    padding-bottom:0px;
    }


/* TEXT KLASSEN */

.markerg {
    background-color: #FFFF55;
}


.markergr {
    background-color: #7FFF2A;
}

.fontb {
    color: #000055;
    }

.fontgr {
    color: #7FFF2A;
    }

.fontr {
    color: #FF0000;
    }
.clear {
    clear:left;
}


.nlform {
    margin-bottom: 50px;
    padding: 10px;
    padding-left:0px;
    width:215px;
    height:100px;
    font-family: Verdana;
    font-size: medium;
    

}

.nlform input{
    margin-top: 5px;
    font: Verdana;
}

.box1 {
    width:550px;
    margin-left:50px;
    margin-right:100px;
}

.box2 {
    width:550px;
    margin-left:100px;
    margin-right:100px;
    text-align: center;
    text-decoration: none;
}

input.txtb {
      background: url(gfx/txtb.jpg) #fff;
	  color:#000;
	  font: verdana;
      height: 18px;
      width:165px;
      margin-top: 2px;
      border: 1px solid black;
      padding-left:5px;
    
}

input.txtp {
      background: url(gfx/txtp.jpg) #fff;
	  color:#000;
	  font: verdana;
      height: 18px;
      width:165px;
      margin-top: 1px;
      border: 1px solid black;
      padding-left:5px;

}

input.btn {
      background-color: #fff; 
	  color:#000; 
	  font: Tahoma bold;
      margin-top: 5px;
      border: 1px solid black;
	} 
	
#login a, #login a:visited, #login a:active{
    background:url(gfx/membut.jpg);
    display:block;
    height: 105px;
    width: 111px;
    
}

#login a:hover{
    background:url(gfx/membuth.jpg);
    display:block;
    height: 105px;
    width: 111px;

}

#preload img{
    display: none;
}


.payment fieldset{

}

.payment {
width: 210px;
height: 150px;
border-bottom: 0px solid #C0C0C0;
float:left;
margin:10px;
    
}