body {

color: #000;

font-family: "Trebuchet MS",Verdana,Arial,Sans-serif;

font-size: 10px;

line-height: 18px;

margin: 0;

padding: 0;

background: #fff url(bg.gif) repeat-x;


}

.hidden {
display: none;
}

.nosee a, .nosee a:hover {
color:black;
text-decoration: none;
}

.nounderline {
color: black;
}


img {
border: 0;
}



#inhalt {

padding: 0;
border: 1px solid #09f;
border: none;
margin: 0;
margin-left:3px;
position: absolute;
top: 270px;
left: 175px;
min-height: 400px;
width: 630px;
}


div#inhalt .smallerlinks {
font-size: 11px;
}


div#inhalt h2 {
padding-bottom: 5px;
font-size: 15px;
}

.anfragen-container {
float: left;
padding: 0px;
margin: 0px;
}



div#inhalt hr {
width: 450px;
border: 0px;
height: 0px;
margin-top: 10px;
border-bottom: 1px dotted gray;
}



#teaser {
width: 650px;
padding-bottom: 25px;
padding-top: 25px;
}


#navigation {

padding: 0;
border: 1px solid #09f;
border: none;
margin: 0;
margin-left: 8px;
position: absolute;
top: 270px;
left: 0px;
min-height: 400px;
width: 160px;
}

div#navigation h2 {
font-size: 14px;
text-decoration: underline;
color: #626262;
font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}


div#navigation ul {
list-style-type: none;
padding: 0px;
margin: 0px;

border: 1px solid gray;
border: none;

}

div#navigation ul li {
width: 150px;

}

div#navigation ul li a, div#navigation ul li p {
font-size: 11px;
display: block;
width: 140px;
font-size: 12px;
color: #626262;
font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
text-decoration: none;
padding-left: 15px;
background: url(bg_categorymenu_l1.gif) no-repeat 0 center;
padding: 1px;
padding-left: 8px;
margin-bottom: 5px;
margin-top: 0px;
}

div#navigation .submenu p, div#navigation .submenu a {
background: url(bg_categorymenu_l1_active.gif) no-repeat 0 center;
margin-top: 0px;
padding-left: 17px;
width: 126px;

}

div#navigation .level_2 p, div#navigation .level_2 a {
padding-left: 15px;
margin-left: 5px;
background: url(bg_categorymenu_l1.gif) no-repeat 0 center;
width: 126px;
}


div#navigation .level_3 p, div#navigation .level_3 a {
padding-left: 15px;
margin-left: 10px;
font-size: 11px;
font-weight: normal;
line-height: 12px;
background: url(bg_categorymenu_l3.gif) no-repeat 0 center;
width: 121px;
}

div#navigation ul li .active {
font-weight:bold;
}

div#navigation a:hover {
text-decoration:underline;
}



div#infobox {
margin-top: 10px;
color: #626262;
width: 145px;
line-height: 12px;

}

#kopfbereich {

padding: 0;border: none;
border: 1px solid #09f;
border: none;
margin: 0;
position: absolute;
top: 0px;
left: 0px;
min-height: 260px;
width: 980px;
}


/* ************ Rechte Spalte *********** */


#right {

padding: 0;
border: 1px solid #09f;
border: none;
margin: 0;
position: absolute;
top: 270px;
left: 820px;
min-height: 400px;
width: 160px;
}


div#right div .image_container {
margin-top: 8px;
margin-bottom: 8px;
border: 1px solid gray;
padding:1px;

}


div#right h2 a {
color: blue;
}


div#right .more {
margin-bottom: 20px;
}

div#right .more a {
color: blue;}

/* ************ Rechte Spalte ENDE *********** */




a
{

text-decoration:none;
}

a:hover
{
text-decoration:underline;
}

/*
img
{
vertical-align:middle;
border:0px;
}
*/

div#kopfbereich img#logo {
margin-top: 12px;
float: right;
}

div#kopfbereich div#headerimage {
margin-top: 12px;
float: right;
}


h2.boxheader {

font-size: 12px;

font-family: Arial;

font-weight: bold;

color: #777777;

margin: 0;

padding: 0;

height: 35px;

line-height: 35px;

border: 1px solid #cbcbcb;

background: url(bg_boxheader.gif) repeat-x;

padding-left: 10px;

}


.boxbody {

padding: 8px;
font-size: 12px;

margin-bottom: 15px;

border-style: solid;

border-color: #cbcbcb;

border-width: 0px 1px 1px 1px;

background-color: #f2f2f2;

line-height: 16px;

}

.beratungtel {

font-size: 16px;

color: #3d87e9;

line-height: 22px;

}


div#breadcrumb {
color: gray;
position: absolute;
top: 240px;
left: 8px;
}

div#breadcrumb a {
color: gray;
}

div#breadcrumb a:hover {
color:orange;
text-decoration: none;
}


.mod_breadcrumb {
display: inline;
}



div#inhalt h1 {
color: #878787;

font-weight: bold;

font-size: 22px;

margin: 15px 0px 15px 0px;

padding: 0px 0px 0px 0px;

width: auto;


}


div#inhalt .ersteueberschrift h1 {
margin: 0px 0px 15px 0px;

}



.caption {
font-size: 11px;
margin-bottom: 5px;
}


/* Formular */

form {
max-width: 490px;
width: 490px;
font-family: arial, helvetica, sans-serif;
font-size: 12px;
}

div .formbody {
float: left;
padding: 5px 0 10px 0;
margin: 10px 0 10px 0;
background-color: transparent;
border: 1px dotted #4f8495;
padding-left: 10px;
width: 490px;
}


form label, div#angebotsanfrage select {
display: block;
margin-left: 10px;
margin-bottom: 15px;
text-align: left;
width: 190px;
float: left;
color: #626262;
}

form input {
width: 250px;
margin-bottom: 15px;
border: none;
border-bottom: 1px dotted gray;
}

form textarea {
width: 250px;
margin-bottom: 15px;
margin-top: 15px;
background-color: white;
border: none;
border-bottom: 1px dotted gray;
border-top: 1px solid #e9e9e9;
border-right: 1px solid #e9e9e9;
border-left: 1px solid #e9e9e9;
}

form div .error {
color: red;
z-index: 50;
position: absolute;
margin-top: 20px;
margin-left: 200px;
}

form .captcha_text {
display: block;
margin-left: 250px; }

form .submit {
border: 0px;

}

form .upload {
border: 0px;
}


/*hier kommt die Zwischenￜberschrift im Formular */
form .headline {
color: green;
font-size: 15px;
border-left: 5px solid green;
padding-left: 8px;
margin-right: 200px;
margin-top: 8px;
margin-bottom: 10px;

}

/* Ende Formular */



/* ********* Inhaltsspalte ************ */

div#inhalt .ce_text, div#inhalt p {
clear: both;
font-size: 16px;
margin-left: 0px;
}

div#inhalt h1, div#inhalt h2, div#inhalt h3 {
clear: both;
}

div#inhalt .ce_text img{
margin-right: 25px;
}
/* ********* Inhaltsspalte ENDE ************ */

/* Inhaltsspalte Startseite BILD hr */
div#startseite img {
margin: 0;
margin-right: 25px;
float: left;
}

div#startseite hr {
padding-top: 15px;
margin-bottom: 15px;
clear: both;
}


/* Inhaltsspalte Startseite BILD hr ENDE */



/* Inhaltsspalte Verschluesse */

div#verschluesse .ce_text {
padding-bottom: 15px;
border-bottom: 1px dotted silver;
}
/* Inhaltsspalte Verschluesse ENDE */


/* Formular Popup start */


/* h1 rechte Seite */
div#right h1 {
font-family: Arial;
font-size: 12px;
font-weight: normal;
}

/* Suchfeld rechte Seite */
div#right form .formbody{
width: 148px;
border: 1px solid gray;}

div#right form table tbody td{
width: 50px;}

div#right form table tbody .col_first{
display: none;}

div#right form input {
width: 140px;
}

div#right form label{
width: 50px;
}

div#right .error{
position: absolute;
top: 470px;
left: -190px;
width: 150px;
z-index: 1000;}
/* Suchfeld rechte Seite ENDE */

/* Suchfeld mittig auf der Seite start */
div#inhalt .mod_search form div {
width: 320px;
}

div#inhalt .mod_search form input {
width: 140px;
margin-left: 10px;
}

div#inhalt .mod_search form label {
width: 140px;
}

div#inhalt .mod_search form .radio {
width: 125px;
margin: 0px;
}

div#inhalt .mod_search h3 a {
color: red;
font-size: 15px;
}




/* Suchfeld mittig auf der Seite ENDE */




#searchcontrol {
float: right;
margin-top: 510px;
}


/* Ausrichtung der DIVs im Inhalt */
#detail-tassen-001 div {
padding-bottom: 10px;
padding-left: 25px;
}



.angebotanfordern {
font-size: 12px;
color: grey;
padding: 5px;
}

.angebotanfordern {
background: url(images/hintergrund-anfrage.jpg) repeat-x center;
padding-right: 30px;
padding-left: 30px;
}


#dingensliste {margin-left: 25px;}
#dingensliste {clear:both;text-align:left;width:100%}
#dingensliste h2
{background:#eee;color:#000;display:block;width:100%;margin:0;padding:0;clear:both}
#dingensliste h3
{text-align:center;font-size:9pt;line-height:8pt;display:block;color:#000;background:#fefde3;color:grey;margin:0;padding:5px
1px 0 1px}
#dingensliste h4
{text-align:right;font-size:8pt;display:block;color:#000;background:#fefde3;color:grey;margin:0
0 3px 0;padding:0 1px;font-weight:normal}
#dingensliste a, #dingensliste a:visited
{background:#fff;display:block;float:left;height:190px;width:170px;overflow:hidden;border:0
solid #fefde3;border-width:0 2px 2px 2px;margin:4px; text-decoration: none;}
#dingensliste a:hover {border-color:#fef995}
#dingensliste a:hover h3, #dingensliste a:hover h4 {background:#fef995;color:black}
#dingensliste a img {margin:0; padding:0; margin-left:10px}


/* Verbreiterung des Inhalt + ausblenden der rechten Spalte */
div#right {display: none;}
div#inhalt {width: 80%;}