@charset "UTF-8";
/* CSS Document */

body {
font-family:Verdana, Arial, Helvetica, sans-serif;
padding:0;
margin:0;
background-image: url(/images/bg.png); 
background-repeat:repeat-x;
background-color: #d2d2d2;
}

#main {
background-image: url(/images/bg_main.png); 
background-repeat:repeat-x; 
background-color: #ffffff;
position: relative; 
top: 25px; 
margin: 0px auto;
width: 701px; 
height: 640px; 
overflow: hidden; 
border:10px solid #ffffff; 
}

/* ====================================
   E-Mail Bestätigung
   ==================================== */

#main1 {
background-color:#FFFFFF;
position: relative; 
top: 55px; 
margin: 0px auto;
width: 701px; 
height: 400px; 
overflow: hidden; 
border:10px solid #ffffff; 
}


/* ====================================
   HEADER Bilder
   ==================================== */

#start {
background-image:url(http://hhv8199.direct-enews.de/images/head_1.png);
background-repeat:no-repeat;
width:701px;
height:349px;
}

#start2 {
margin-left:10px;
margin-top:18px;
background-image:url(http://hhv8199.direct-enews.de/images/head_2a.png);
background-repeat:no-repeat;
width:701px;
height:350px;
}

#start3 {
margin-left:0px;
margin-top:10px;
background-image:url(http://hhv8199.direct-enews.de/images/head_3a.png);
background-repeat:no-repeat;
width:701px;
height:422px;
}


/* ====================================
   FORMULAR
   ==================================== */

#form {
font-size:11px;
}

.formtext {
font-size:11px;
}

#form2 {
padding-top:5px;
}



.button {
width:142px;
height:124px;
border: none;
background: url('../images/btn_1_0.jpg') no-repeat top left;
}
.button:hover {
border: none;
background: url('../images/btn_1_1.jpg') no-repeat top left;
}

.button2 {
width:141px;
height:124px;
border: none;
background: url('../images/btn_2_0.jpg') no-repeat top left;
}
.button2:hover {
border: none;
background: url('../images/btn_2_1.jpg') no-repeat top left;
}

.button3 {
width:275px;
height:124px;
border: none;
background: url('../images/btn_3_0.jpg') no-repeat top left;
}
.button3:hover {
border: none;
background: url('../images/btn_3_1.jpg') no-repeat top left;
}




/* ====================================
   BOTTOM
   ==================================== */

#bottomblue{
position: absolute;
left: 0px;
bottom: 0px;
background-color:#003366;
width: 701px; 
height: 45px;
}

.bottomtext {
padding-top:2px;
padding-left:2px;
color:#FFFFFF;
font-size:9px;
}


/* ====================================
   FOOTER
   ==================================== */

.footer {
font-size: 10px;
color: #333333;
text-align: right;
position: relative; 
top: 30px;
margin: 0px auto;
width: 721px; 
height: 30px; 
}

.footer  a{
font-size: 10px;
color: #333333;
text-decoration:none;
}