/* ######################################################
####                                                    #
###                                                    ##
##                                                    ###
#                                                    ####
###################################################### */




/* ######################################################
#                    Grundelemente                      #
###################################################### */

html {
font-family:Verdana, Arial, Helvetica;
font-size:12px;
line-height:12px;
background:url(../gfx/back.png) repeat-x;
color:#000;
}

* {
margin:0;
padding:0;
}

li {
margin:5px 0 5px 28px;
list-style:square;
}

img {
border:none;
outline:none;
}

p {
margin:2px 2px 2px 0;
line-height:16px;
}

a:link, a:visited { color:#0066FF; text-decoration:none; background:none; }
a:hover, a:active, a:focus { color:#0066FF; background:none; text-decoration:underline; }

h1 { font-size:18px; border-bottom:1px solid #858585; padding:4px 0 7px 0; }
h2 { font-size:14px; padding:15px 0 10px 0; }
h3 { font-size:18px; }
h4 { font-size:14px; }
h1, h2, h3, h4 { color:#797979; background:inherit; margin:0 0 17px 0;}


textarea, input, select {
line-height:16px;
border:1px solid #666666;
font-family:Verdana, Arial, Helvetica;
font-size:12px;
line-height:12px;
}

textarea, input{
padding:0 0 0 1px;
}

input:focus, select:focus, textarea:focus { background:#CEFFCE; color:#000; }


/* ######################################################
#                          IDs                          #
###################################################### */

#main_container {
width:800px;
height:auto;
margin:20px auto;
}

#header {
float:left;
width:800px;
height:150px;
background:url(../gfx/header.png);
}

.header_text {
height:30px;
padding:74px 0 0 220px;
font-size:24px;
line-height:30px;
text-align:center;
}

#content_container {
float:left;
width:800px;
height:auto;
background:url(../gfx/content.png);
}

#navigation {
float:left;
width:800px;
height:20px;
text-align:center;
background:url(../gfx/nav_back.png) repeat-x;
color:#999;
}

.navi_box {
text-align:center;
line-height:20px;
}

#navigation a:link, #navigation a:visited { color:#000; text-decoration:none; background:none; }
#navigation a:hover, #navigation a:active, #navigation a:focus { color:#0066FF; background:none; text-decoration:none; }


#content {
float:left;
width:750px;
min-height:400px;
margin:15px;
padding:10px;
}

#footer {
float:left;
width:800px;
height:30px;
background:url(../gfx/footer.png);
margin:0 0 15px 0;
}

#contact_form { margin:20px 0 20px 0; }


/* ######################################################
#                   Klassen-Attribute                   #
###################################################### */

.footer_box {
font-size:11px;
text-align:center;
line-height:30px;
}

.text_box {
margin:15px 10px 10px 0;
padding:0 0 0 2px;
}

.text_box_hinweis {
width:750px;
height:auto;
text-align:center;
float:left;
margin:25px 0 0 0;
}

.picture_box {
margin:25px 10px 10px 52px;
float:left;
}

.prospekt_box {
margin:25px 25px 15px 52px;
float:left;
}

.prospekt_box_link {
margin:0 0 0 20px;
}

.prospekt_size {
border:1px solid #797979;
height:150px;
width:100px;
}

.picture {
width:100px;
height:100px;
margin:0 35px 0 0;
float:left;
}

.pic_size {
height:100px;
width:100px;
}

.zusatz {
display:none;
}

.spamcheck {
display:none;
}

.button { color:#54606C; background:#fff; border:1px solid #222; width:135px; margin:0px 3px 0px 0px; }
.button:hover, .button:focus { color:#fff; background:#0066FF; border:1px solid #000; }