*  {margin: 0; padding: 0;}
html {margin: 0;  padding: 0; height:100%; font-family:  Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px;}
body {margin: 0;  padding: 0; height:100%; background-color:#fff;}
div {text-align: left; /* text-align:center wieder aufheben, damit DIV-Inhalte linksbndig ausgerichtet sind */}
a {font-weight:bold;text-decoration: none; color:#444;}
a:hover {text-decoration: none; color:#cc0000;}
hr {height:1px;border-width:0;color:#ccc;background-color:#ccc}
h2 {font-weight:bold; font-size: 12px;color: #cc0000;line-height: 140%;}

.contentpane {
color:#666;
min-height: 600px;
}


div.contentpane {
color:#666;
min-height: 600px;
}
div.contentpane  a {	color:#666;font-weight:bold;}
div.contentpane  a:hover {	color:#cc0000;font-weight:bold;}

input.button { padding:3px 10px; font-size:11px; background-color:#cc0000; color:#fff;}
#page a img {border:none; margin-bottom:5px;}
#main p.linkliste {line-height:150%;}


.fliesstext {
font-family:  Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #666;
line-height: 130%;
}

#page p,
div.blog,
.pane-sliders .content,
.fliesstext_main {
font-family:  Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #666;
line-height: 140%;
}

#outer_wrapper {
min-height: 100%; 
width: 960px;
border: 0px solid #FFF;
background-image:url(../images/gifs/bg.gif);
background-position: top;
background-repeat:repeat-y;
margin: 0px auto;
padding: 0px;
position:relative;
}

span.separator {
background-image:url(../images/jpgs/edge_klein.jpg);
width:177px;
display:block;
height:5px;
margin: 5px 0px 5px 0px;
}

span.separator span {
display:none;
visibility:hidden;
}

div#navi ul.menu li.item30 span.separator {
background-image: none;
}


div#navi ul.menu li.item34 span.separator {
background-image: none;
}

/* -------- HEADER 200px height (logo, head, adresse) ----------------   */


#header {
width:940px;
height:200px;
margin: 0 auto;
}

#logo {
width: 223px;
height: 200px;
background-image:url(../images/gifs/logo.gif);
background-position: bottom;
background-repeat:no-repeat;
float:left;
}

#head {
width: 512px;
height: 200px;
background-image:url(../images/jpgs/head.jpg);
background-position:bottom;
background-repeat:no-repeat;
float:left;
}

#adresse {
width: 205px;
height: 200px;
background-image:url(../images/jpgs/balance.jpg);
background-position: bottom;
background-repeat:no-repeat;
float:left;
color:#666;
}

#adresse  p.fliesstext a:hover {
color: #cc0000;
}


/* -------- CONTENT 100% height (navigation, content, rechte Spalte) ----------------   */

#content_wrapper {
min-height: 600px;
width:940px;
margin: 0px auto 0px auto;
padding: 0;
clear:both;  /*cleared das header floating*/
}

#navi {
min-height: 600px; 
width:223px;
background-color:#777777;
float:left;
font-size:11px;
letter-spacing:1px;
/*background-image:url(../images/jpgs/navi_bg.jpg);
background-position: top;
background-repeat:no-repeat;	*/
}

#navi ul {margin-top:0px;}

#navi ul li  {
width:209px;
border: 0px solid #ffffff;
height:14px;
padding:0px 0px 14px 0px;
list-style-type:none;
}

#navi ul li a {
width: 187px;
border: 0px solid #ffffff;
height:14px;
padding:7px 20px 7px 15px;
background-image: url(../images/jpgs/button_inaktiv.jpg);
background-repeat:no-repeat;
background-position:left;
list-style-type:none;
display:block;
}


#navi span {
color: #fff;font-weight:normal;}

#navi span:hover {
color: #fff;font-weight:normal;}

#navi ul li a:hover {
background-image: url(../images/jpgs/button_hover.jpg);
background-repeat:no-repeat;
}

#navi ul li#current a {
background-image: url(../images/jpgs/button_aktiv.jpg);
background-repeat:no-repeat;
}

div#navi ul.menu li.item30,
div#navi ul.menu li.item34 {
background-image: url(../images/jpgs/navi_bg.jpg);
background-repeat:no-repeat;
height:157px;
width: 223px;
display:block;
margin:0px;
padding: 0px;
margin-top: -5px;
}


div#navi ul.menu li.item30 span.seperator, 
div#navi ul.menu li.item34 span.seperator {
background-image: none;
}


#right {
min-height: 600px; 
width:205px;
background-color:#f6f6f6;
float: right;
}

#right a:hover {
color: #cc0000;
}

#right ul {
font-size:11px;
margin: 30px 0px 15px 0px;
}

#right ul li {
padding: 1px 10px 3px 15px;
text-decoration:none;
list-style-type:none;
}

#right ul li span {
color:#666;
font-weight:bold;
}

#right ul li span:hover {
color:#cc0000;
font-weight:bold;
}

#right ul.menu li#current a span {
color:#cc0000;
}

#right ul li  a {
text-decoration:none;
}

#right ul li  a:hover {
text-decoration:none;




}


#right #dotted {
border: 1px 0px 0px 0px solid #444444;
}


#right .item11 {
margin-top:10px;
}

#main {
min-height: 550px; 
width:472px;
background-color:#ffffff;
float:left;
padding: 25px 20px;
}


#footer {
width:940px;
height:40px;
clear:both; /*cleared das content floating*/
margin: 0 auto;
/*background-color:#56b289;*/
position:absolute;
bottom:0px;
left:10px;
background-image: url(../images/jpgs/edge.jpg); /*url(../images/gifs/footer_bg.gif);*/
background-position: 223px 0px ;
background-repeat:no-repeat;	
color:#666;
}

.clearer {
	clear:both;
	height:1px;
	line-height:1px;
	visibility:hidden;
}

.logo_link {
	height:100%;
	width:100%;
}


.contentheading {background-image: url(../images/jpgs/edge.jpg); background-position: bottom center; background-repeat:no-repeat; color:#cc0000;  font-size:16px; height: 45px;margin-bottom: 15px;  line-height:32px; clear:both;}
.componentheading {background-image: url(../images/jpgs/edge.jpg); background-position: bottom center; background-repeat:no-repeat; color:#cc0000; font-size:16px; height:45px;margin-bottom: 15px;line-height: 32px;}
#com-form-login ul {visibility:hidden;}
#com-form-login img {visibility:hidden;}
#com-form-login fieldset {border:none; margin-top:-60px;}

#main .dfContactInfoText, #main .dfContactTable {
	font-size: 12px;
}

#main p.dfContactInfoText {
	margin-bottom: 15px;
}

fieldset {
	width:490px;
}

/*####################### Login/Logout  ######################*/

fieldset {border: none;}

#user  {margin-left: 10px;}
#pass  {margin-left: 38px;}

.name, .pass {margin-bottom: 10px;}

form p {margin-bottom: 10px;}

h2.componentheading { display:none;}


/*####################### Imagemap Rechtespalte Prüfsiegel  ######################*/

div#preufsiegel {

	position:relative;
	margin-left: 15px;
	background-image:url(../images/png/pruefsiegel.png);
	background-repeat: no-repeat;
	width: 173px;
	height: 110px;
	margin-bottom: 20px;
}

div#preufsiegel li.tuevsued a { position:absolute; width: 55px; height:50px; border: 0px solid #fff; top: 10px; right:20px;}
div#preufsiegel li.tuevsued a span { visibility:hidden;} 
div#preufsiegel li.tueg a {  position:absolute; width: 55px; height:50px; border: 0px solid #fff; top: 10px; left:20px;}
div#preufsiegel li.tueg a span { visibility:hidden;}
div#preufsiegel li.rma a {position:absolute; width: 96px; height:31px; border: 0px solid #fff; bottom: 5px; left:45px;}
div#preufsiegel li.rma a span { visibility:hidden;}