/* CSS Document */
html {
font-size: 100%;
height: 100%;
}
body {
font-family: calibri, helvetica, tahoma;
font-size: 0.9em;
color:#767676;
margin:0px;

background:url(../images/hg.png) repeat-x  #f2f2f2;
}
form{
margin:0px;
}
/*00b337 LINKFARBE*/
a:link {
	color: #0078b4;
	text-decoration: none;
	font-family: calibri, helvetica, tahoma;
}
a:active,
a:visited,
a:focus {
	color: #0078b4;
	text-decoration: none;
	font-family: calibri, helvetica, tahoma;
}

a:hover {
	color: #545454;
	text-decoration: none;
	font-family: calibri, helvetica, tahoma;
}

a.navi {
    color: #767676;
	text-decoration:none;
	display:block;
	padding:2px;
	font-weight:bold;
}
a.navi:active,
a.navi:visited {
	text-decoration:none;
	display:block;
}

a.navi:hover {
	text-decoration:none;
	display:block;
	background:#333333;
}
a.navi_sub {
	text-decoration:none;
	display:block;
	padding:10px;
	padding-left:30px;
	background-image:url(../images/quad.png) ;
	background-repeat:no-repeat;
	background-position:10px 15px;
	border-top:1px solid #ebebeb;
}
a.navi_sub:active,
a.navi_sub:visited {
	text-decoration:none;
	display:block;
	background-image:url(../images/quad.png);
	background-repeat:no-repeat;
	background-position:10px 15px;
}

a.navi_sub:hover {
	text-decoration: none;
	display:block;
	background-color: #ebebeb;
	background-image:url(../images/quad.png) ;
	background-repeat:no-repeat;
	background-position:10px 15px;
}
a.navi_sub_sub {
	text-decoration:none;
	display:block;
	padding:2px;
	padding-left:20px;
}

a.navi_sub_sub:hover {
	text-decoration:none;
	display:block;
	background:#333333;
}

a.foot {
	text-decoration:none;
	color:#767676;
}

a.foot:hover {
	text-decoration: underline;
}

a.linkZurueck {
    background: url(../images/icon/24/Back.png) no-repeat;
    display: block;
    margin: 15px 0;
    padding-left: 30px;
}


#full{
width:100%;
}
#main{
height:70px;
width:100%;
background:url(../images/top_nav.png) repeat-x;
z-index:1000;
position:fixed;
top:0px;
}
#main_navigation{
width:970px;
height:60px;
margin: 0 auto;
top:0px;
}
.main_top_nav{
display:block;
float: right;
height:30px;
background-color:#999999;
color:#FFFFFF;
text-align:center;
padding:20px;
opacity: 0.50; /* Webkit und Opera  */
-moz-opacity: 0.50; /* Mozilla Browser */
filter:alpha(opacity=50); /* Internet Explorer */

margin-left:1px;

}
.main_top_nav_active{
display:block;
float: right;
height:30px;
background-color:#767676;
text-align:center;
padding:20px;
opacity: 0.9; /* Webkit und Opera  */
-moz-opacity: 0.9; /* Mozilla Browser */
filter:alpha(opacity=90); /* Internet Explorer */

}
.main_top_nav:hover{
display:block;
float: right;
height:30px;
background-color:#767676;
text-align:center;
padding:20px;
opacity: 1; /* Webkit und Opera  */
-moz-opacity: 1; /* Mozilla Browser */
filter:alpha(opacity=100); /* Internet Explorer */
}

#content{
width:970px;
margin: 0 auto;
background:url(../images/hg_top.png) no-repeat;
margin-top:60px;
margin-bottom:60px;
padding-top:100px;
}

.tab_container textarea {
    color: #767676;
}

#tab3 .rezension {
    border-bottom: 1px solid #767676;
    margin: 10px 0 20px 0;
    padding: 10px;
}

#tab3 .bewertung {
    float: right;
}
#tab3 .besucher {
    float: left;
}


#tab3 .bewertung img {
    width: 10px;
}


#left_content{
width:185px;
height: 400px;
margin-bottom:20px;
float:left;
background-color:#FFFFFF;
padding-top:10px;
}
#middle_content{
width:580px;
margin-left:10px;
margin-right:10px;
margin-bottom:20px;
float:left;
}
#right_content{
width:185px;
margin-bottom:20px;
float:left;
background-color:#FFFFFF;
padding-top:10px;
}

a.kat_norm{
display:block;
height:30px;
background-color:#cccccc;
color:#FFFFFF;
padding-top:10px;
padding-left:10px;
margin-bottom:1px;
font-weight:bold;

}
a.kat_norm:hover{
display:block;
height:30px;
background-color:#767676;
color:#FFFFFF;
padding-top:10px;
padding-left:10px;
margin-bottom:1px;
}

a.homelink:active {
    background-color: #767676;
}


a.kat_sub{
display:block;
height:20px;
background-color:#FFF;
color:#767676;
padding-top:4px;
padding-bottom:4px;
padding-left:10px;
margin-bottom:1px;
border-top:1px solid #dadada;
}
a.kat_sub:hover{
display:block;
height:20px;
background-color:#767676;
color:#FFFFFF;
padding-top:4px;
padding-bottom:4px;
padding-left:10px;
margin-bottom:1px;
}

#inhalt{
background-color:#FFFFFF;
float: left;
padding:10px;
}

#footer{
width:100%;
height:50px;
position:fixed;
bottom:0px;
right:0px;
background:url(../images/footer_nav.png) repeat-x;
z-index:999;
border-top:1px solid #FFF;
padding-left: 20px;
}
#footer div {
    float: left;
}

.formular_button{
background-color:#767676;
color:#FFFFFF;
border: solid #CCC 0px;
margin: 5px;
padding:4px;
margin-top:0px;
margin-right:0px;
}
.formular_button:hover{
background-color:#CCC;
color:#767676;
border: solid #CCC 0px;
margin: 5px;
padding:4px;
margin-top:0px;
margin-right:0px;
}
input[type="text"]{
font-family: calibri, helvetica, tahoma;
font-size: 1em;
color:#767676;
border:1px solid #767676;
background:#FFF;
padding:1px;
padding-left:5px;
margin:4px;
margin-top:0px;
margin-right:0px;
}
input[type="password"]{
font-family: calibri, helvetica, tahoma;
font-size: 1em;
color:#767676;
border:1px solid #767676;
background:#FFF;
padding:1px;
padding-left:5px;
margin:4px;
margin-top:0px;
margin-right:0px;
}
html>body select{
font-family: calibri, helvetica, tahoma;
font-size: 1em;
color:#767676;
border:1px solid #767676;
background:#FFF;
padding:1px; padding-left:5px;
margin:4px;
margin-top:0px;
margin-right:0px;
}

.form_suchfeld_kopf{
height:34px;
width:300px;
opacity: 0.60; /* Webkit und Opera  */
-moz-opacity: 0.60; /* Mozilla Browser */
filter:alpha(opacity=60); /* Internet Explorer */
vertical-align:middle;
}

label { /* Alle Labels UND Formularelemente auswählen */
	display: block;
	float: left;
	width: 150px; /* Breite.*/
	text-align: right;
	padding-right: 1em;
}
.form_fehler{
	background:#FF0000;
	color:#FFFFFF;
	padding-top:4px;"
}

.produkt_teaser {
    float: left;
    height: 180px;
    width: 275px;
}

.produkt_teaser .beschreibung {
    float: right;
    width: 168px;
}
.produkt_teaser .beschreibung a {
    color: #767676;
    display: block;
}
.produkt_teaser .beschreibung a:hover {
    color: #0078b4;
}

.produkt_suche {
    background-color: #fff;
    border-bottom:1px solid #ccc;
    padding-bottom: 10px;
    margin: 10px 0 0 0;
}
.produkt_suche .bild {
    background-color: #fff;
    display: block;
    float:left;
    height: 1px;
    width: 104px;
}
.produkt_suche .beschreibung {
    background-color: #fff;
    color: #767676;
    float: left;
    height: 140px;
    margin: 0 10px;
    width: 280px;
}
.produkt_suche .beschreibung:hover {
    color: #0078b4;
}

.produkt_preis {
	margin:0;        
	padding-bottom: 8px;
	font-size:24px;
	font-weight:normal;
	text-decoration:none;
}

.produkt_titel {
	margin:0px;
	margin-bottom:0px;
	padding-top: 0px;
	padding-bottom: 8px;
	font-size:18px;
	font-style:italic;
	text-decoration:none;
	color:#0078b4;
}

h1 {
    font-size: 24px;
}

h2 {
    font-size: 18px;
}

h3 {

	border-top:1px solid #ebebeb;
	border-bottom:1px solid #ebebeb;
	margin:0px;
	margin-bottom:20px;
	padding-top: 8px;
	padding-bottom: 8px;
}
h3.neuerscheinungen {
    background: #007ab3;
    color: #fff;
    margin-bottom: 0;
    padding-left: 10px;
}



.clear{
	/* Old-school clear fix hack to clear the floats: */
	clear:both;
}


.start_angebot{
width:560px;
height:250px;
background-color:#FFFFFF;
}

.vorschau_sepa_mandat {
    border: 1px solid #596267;
    float: none;
    height: 300px;
    overflow: auto;
    padding: 10px;
    width: 500px;
}
.vorschau_sepa_mandat dl {
    margin-bottom: 20px;
}

.vorschau_sepa_mandat dt {
    float: left;
    width: 200px;
}