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


html, body {
background-color: #cc0033;
font-family: Geneva, Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
font-size: 14px;
font-family: Geneva, Arial, Helvetica, sans-serif;
color:#333333;
text-align: center;
background-color: #cc0033;
}

#framebox{
margin: 0 auto;
margin-top: 20px;
width: 702px;
}


#navibox{
margin: 0 auto;
margin-top: 20px;
width: 702px;
}

#headbox{
float: left;
width: 701px;
height: 227px;
}


#contentbox{
clear: both;
float: left;
width: 701px;
background-image: url(body_hg.gif);
}

#textbox{
float: left;
width: 610px;
padding: 40px;
padding-top: 10px;
padding-bottom: 20px;
text-align: left;
}

#hbox{
float: left;
width: 1px;
height: 330px;

}

#footbox{
clear: both;
width: 700px;
height: 76px;
background-image: url(fuss_logo_bkatelier.gif);
}

img {
border: none;
}


p, div {
font-size: 14px;
font-family: Geneva, Arial, Helvetica, sans-serif;
color:#333333;
text-align: left;
}

ul, ul li{
list-style-type: square;
margin: 0;
padding: 0;
color: #333333;
font-size:14px;
margin-left: 8px;

}

.rot {
color: #CC0033;
font-size: 14px;
text-decoration: none;
}


/*
----------------------------------------------------------------
Titel
----------------------------------------------------------------
*/

h1 {
font-size: 20px;
color: #CC0033;
font-family: Geneva, Arial, Helvetica, sans-serif;
padding-top: 0;
margin-top: 0;
}

h2 {
font-size: 16px;
color: #aa0011;
font-family: Geneva, Arial, Helvetica, sans-serif;
padding-top: 0;
margin-top: 0;
}

h3, h4, h5, h6 {
font-size: 14px;
color: #aa0011;
font-family: Geneva, Arial, Helvetica, sans-serif;
padding-top: 0;
margin-top: 0;
}


/*
----------------------------------------------------------------
Links, Navigation
----------------------------------------------------------------
*/


a {
border: hidden;
}

a {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 14px;
color:#333333; 
text-decoration: none;
}

#hnavi a {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 14px;
color:#333333; 
text-decoration: none;
padding-right: 10px;
display: blocked;
}

#hnavi a:hover, a:hover{
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 14px;
color:#CC0033; 
text-decoration: underline;
padding-right: 10px;
display: blocked;
}

#curhnavi a{
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 14px;
color:#CC0033; 
text-decoration: none;
padding-right: 10px;
display: blocked;
}

/*
----------------------------------------------------------------
Login
----------------------------------------------------------------
*/

.tx-felogin-pi1 label {
display: inline-block;
width: 100px;
}


.tx-felogin-pi1 input {
margin-top: 10px;
}

.tx-felogin-pi1 div {
font-size: 12px;
font-weight: bold;

}

/*
----------------------------------------------------------------
Mailbestätigung
----------------------------------------------------------------
*/
.tx-julleformpreview-pi1 .label {font-size: 10px;}
.tx-julleformpreview-pi1 .value {padding-bottom: 10px;}
.tx-julleformpreview-pi1 form {padding-top: 20px;}

/*
----------------------------------------------------------------
Mailform
----------------------------------------------------------------
*/

.csc-mailform{border: none; margin-left: -8px; 520px; }
.csc-mailform-field{width: 500px;}

label, #mailformformtype_mail{
display: block; 
margin: 10px 0 2px 0; 
font-size: 12px;
}

.tx-felogin-pi1 {border: none;}

.csc-mailform input, .csc-mailform textarea {width: 450px; background-color: #ccc; }
#mailformformtype_mail {width: 100px; color: #fff; background-color: #CC0033 }
#mailformPLZ{width: 100px; float: left; margin-right: 10px}
#mailformOrt{width: 300px; clear: both;}