@charset "utf-8";
@font-face { font-family: 'Droid Sans'; src: url('../fonts/DroidSans.ttf'); }

@font-face { font-family: Vollkorn; src: url('../fonts/Vollkorn-Regular.ttf'); }
@font-face { font-family: Vollkorn; font-style: italic; src: url('../fonts/Vollkorn-Italic.ttf'); }



a:link { 
color: black;
font-size:1em;
text-decoration: none; }

a:visited {
color: black;
font-size:1em;
text-decoration: none; }

a:hover {
color: black; 
font-size:1em; 
text-decoration: underline; }

a:active {
color: black; 
font-size:1em;
text-decoration: underline; }

a:link.noeffect {
color: white; 
font-size:1em; 
text-decoration: none; }

a:visited.noeffect { 
color: white; 
font-size:1em;
text-decoration: none; }
a:hover.noeffect {
color: white; 
font-size:1em; 
text-decoration: none; }

a:active.noeffect { 
color: white; 
font-size:1em;
text-decoration: none; }

a:link.box { 
color: black;
padding: 5px 5px 5px 10px;
font-size:1em;
text-decoration: none; 
border-top: 1px solid white;
border-bottom: 1px solid white;
border: 1px solid rgba(0,0,0,0.0);
display: block; }

a:visited.box {
color: black;
padding: 5px 5px 5px 10px;
font-size:1em;
text-decoration: none;
border-top: 1px solid white;
border-bottom: 1px solid white;
border: 1px solid rgba(0,0,0,0.0);
display: block; }

a:hover.box {
color: black; 
padding: 5px 5px 5px 10px;		
font-size:1em; 
text-decoration: none;
background: #cccccc;
background: rgba(0,0,0,0.2);
border-top: 1px solid #a3a3a3;
border-bottom: 1px solid #a3a3a3;
border-top: 1px solid rgba(0,0,0,0.2);
border-left: 1px solid rgba(0,0,0,0.0);
border-right: 1px solid rgba(0,0,0,0.0);
border-bottom: 1px solid rgba(0,0,0,0.2);
display: block; }

a:active.box {
color: black; 
padding: 5px 5px 5px 10px;
font-size:1em;
text-decoration: none;
background: #cccccc;
background: rgba(0,0,0,0.2);
border-top: 1px solid #a3a3a3;
border-bottom: 1px solid #a3a3a3;
border-top: 1px solid rgba(0,0,0,0.2);
border-left: 1px solid rgba(0,0,0,0.0);
border-right: 1px solid rgba(0,0,0,0.0);
border-bottom: 1px solid rgba(0,0,0,0.2);
display: block; }

.boxactive {	
color: black; 
padding: 5px 5px 5px 10px;				
font-size:1em; 
text-decoration: none;
background: #cccccc;
background: rgba(0,0,0,0.2);
border-top: 1px solid #a3a3a3;
border-bottom: 1px solid #a3a3a3;
border-top: 1px solid rgba(0,0,0,0.2);
border-left: 1px solid rgba(0,0,0,0.0);
border-right: 1px solid rgba(0,0,0,0.0);
border-bottom: 1px solid rgba(0,0,0,0.2);
display: block;

}

a:link.nav, a:visited.nav {
padding-top: 20px;
text-decoration: none;
color: #eee;
display: block;
width: 98px;
height: 36px;
border-right: 1px solid #700;
border-left: 1px solid #c00;
}
a:hover.nav, a:active.nav {
padding-top: 20px;
text-decoration: none;
display: block;
background: #800;	
width: 98px;
height: 36px;
border-right: 1px solid #700;
border-left: 1px solid #800;
}
a:link.activelink,a:visited.activelink{
color: white;
padding-top: 20px;
text-decoration: none;
display: block;
background: #800;	
width: 98px;
height: 36px;
border-right: 1px solid #700;
border-left: 1px solid #800;
}
a:hover.activelink,a:active.activelink{
color: white;
padding-top: 20px;
text-decoration: none;
display: block;
background: #800;	
width: 98px;
height: 36px;
border-right: 1px solid #700;
border-left: 1px solid #800;
}
a:link.longactivelink,a:visited.longactivelink{
color: white;
padding-top: 20px;
text-decoration: none;
display: block;
background: #800;	
width: 198px;
height: 36px;
border-right: 1px solid #700;
border-left: 1px solid #800;
}
a:hover.longactivelink,a:active.longactivelink{
color: white;
padding-top: 20px;
text-decoration: none;
display: block;
background: #800;	
width: 198px;
height: 36px;
border-right: 1px solid #700;
border-left: 1px solid #800;
}
a:link.longnav, a:visited.longnav {
padding-top: 20px;
text-decoration: none;
color: #eee;
display: block;
width: 198px;
height: 36px;
border-right: 1px solid #700;
border-left: 1px solid #c00;
}
a:hover.longnav, a:active.longnav {
padding-top: 20px;
text-decoration: none;
display: block;
background: #800;	
width: 198px;
height: 36px;
border-right: 1px solid #700;
border-left: 1px solid #800;
}

a:link.breadcrumbs, a:visited.breadcrumbs {
text-decoration: none;
color: white;
display: block;
padding: 6px 2px 5px 2px;
border-radius: 8px 8px 0 0;
}
a:hover.breadcrumbs, a:active.breadcrumbs {
text-decoration: none;
display: block;
background: black;
padding: 6px 2px 5px 2px;
border-radius: 8px 8px 0 0;
}
.breadactive {
background: #3c0e0e;
background: rgba(0,0,0,0.5);
border-radius: 8px 8px 0 0;
}
.breadspace {
padding: 6px 2px 5px 2px;
}

#breadcrumbs {
color: white;
position: relative;
top: 226px;
left: 3px;
height: 24px;
}
#breadcrumbs ul {
font-size: 0.85em;
letter-spacing: 1px;
list-style: none;
margin: 0;
padding: 0;
}

#breadcrumbs li {
float: left;
}

body {
font-size: 0.8em;
font-family: 'Droid Sans', sans-serif;
background: #333333 url(../grafik/bg.png) repeat-x;
color: black;
margin: 0;
}

.gallery {
width: 100%;
}

.gallery td {
border: 1px solid black;
background: #eeeeee;
padding: 10px;
text-align: center;
}

.pdf {
float: left;
padding-right: 5px;
}

p, ul {
margin-top: 10px;
margin-bottom: 10px;

}

#main {
z-index: 1;
width: 990px;
background: #ffffff;
margin-left: auto;
margin-right: auto;
padding-bottom: 40px;
background: url(../grafik/main.png) repeat-y;
box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.25);
-webkit-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.25);
}
#copyright {
font-size: 0.9em;
text-align: center;
color: white;
padding: 10px;
}
#top {
z-index: 2;
height: 25px;
width: 990px;
color: white;
margin-top: 30px;
margin-left: auto;
margin-right: auto;

}

#header {
z-index: 2;
height: 250px;
background: url(../grafik/header.png);
}

#nav {
z-index: 2;
/* background: url(../grafik/nav.png); */
background: #aa0000;
height: 55px;
text-align: center;

/* border-radius:  4px 4px 0 0; */
border-bottom: 1px solid #660000;
}

#nav ul {
margin: 0 auto 0 auto;
padding: 0px;
list-style: none;
width: 600px;
height:56px;
border-left: 1px solid #700;
border-right: 1px solid #c00;
}

#nav li {
float: left;
width: 100px;
height: 56px;
}

#nav ul .bigli {
width: 200px;
}

#title1 {
font-size: 0.9em;
float: left;
margin-left: 5px;
margin-top: 7px;
z-index: 3;
clear: right;
}

#title3 {
float: right;
margin-right: 0	px;
margin-top: 7px;
z-index: 3;
}

#content-left {
float:left;
background: rgba(0,0,0,0.0);
margin-top: 5px;
padding-left: 10px;
padding-right: 10px;
width: 630px;
z-index: 3;
min-height: 370px;
}
.wrapper {
display: block;
margin: 0px;
word-spacing: 0.2em;
line-height: 1.5em;
}

.offset {
margin: 0 0 5px 5px;
padding: 0;
}
.offset2 {
margin: 0 0 5px -5px;
padding: 0;
}

#content-left .float {
float: left;
border: 0px solid black;
margin: 8px;
}

.nofloat {
float: none;
clear:both;
}
#content-left .imgtitle {
float: left;
text-align: center;
margin-left: 10px;
margin-right: 10px;
}

#content-right {
padding: 15px 10px 0 10px;
float:right;
width: 320px;
z-index: 3;
}

#contact1-1 {
position: absolute;
margin-left: 10px;
margin-top: 330px;
width: auto;
z-index: 3;
}

#contact1-2 {
position: absolute;
margin-left: 170px;
margin-top: 330px;
width: auto;
z-index: 3;
}


.logo {
position:relative;
top: 25px;
}

#section_caption {
position: absolute;
z-index: 4;
font-family: Vollkorn, Georgia, serif;
font-size: 3.7em;
font-weight: normal;
padding:0;
color: black;
margin: 10px 0 0 10px;
}

#section_caption_shadow {
position: absolute;
font-family: Vollkorn, Georgia, serif;
font-size: 4.2em;
color: #ebebeb;
padding:0;
z-index: 3;
}

/* wird nicht verwendet */
h2 {
font-family: Vollkorn, Georgia, serif;
font-size: 1.8em;
font-weight: normal;
margin:0;
padding:0 0 0 5px;
}

/* Untertitel bei Produkten */
#content-left h2 {
font-family: Vollkorn, Georgia, serif;
font-size: 1.25em;
font-style: italic;
font-weight: normal;
margin: 0px 10px 5px 0px;
text-align: center;
}

/* Standard Überschrift Box */
#content-right h2 {
font-family: Vollkorn, Georgia, serif;
font-size: 1.8em;
font-weight: normal;
margin:0;
padding:0 0 0 5px;
}

a.bestellung {
font-size: 1.4em;
margin:0;
padding:0 0 0 5px;
}

/* über uns */
h3 {
font-family: Vollkorn, Georgia, serif;
font-size: 1.4em;
font-style: italic;
font-weight: normal;
margin: 30px 0 15px 0;
padding: 0;
}

/* Untertitel Überschrift Box */
#content-right h3 {
font-family: Vollkorn, Georgia, serif;
text-align: left;
font-size: 1.3em;
font-style: italic;
font-weight: normal;
margin: 0 0 0 5px;
padding: 0px;
}

/* Standard Überschrift Content */
h4 {
font-family: Vollkorn, Georgia, serif;
font-size: 	1.8em;
font-weight: normal;
margin: 20px 0 10px -5px;
padding: 0;
}
/* Stellenausschreiben */
h5 {
font-family: Vollkorn, Georgia, serif;
font-size: 	1.3em;
font-weight: normal;
margin: 20px 0 -10px 0px;
padding: 0;
}
.contact_caption {
font-family: Vollkorn, Georgia, serif;
font-size: 	1.8em;
font-weight: normal;
margin: 0px;
padding: 0;
}
#content-right .capt1 {
font-family: Vollkorn, Georgia, serif;
font-size: 1.8em;
font-weight: normal;
margin:0;
padding:0 0 0 5px;
display: block;
}

#content-right .capt2 {
font-family: Vollkorn, Georgia, serif;
text-align: left;
font-size: 1.3em;
font-style: italic;
font-weight: normal;
margin: 0 0 0 5px;
padding: 0px;
display: block;
}
#content-right .capt3 {
font-family: Vollkorn, Georgia, serif;
font-size: 1.8em;
font-weight: normal;
margin:0 0 0 -5px;
padding:0;
display: block;
}

.abs {
padding-top: 25px;
clear: both;
}
.gal {
float:left;
width: 300px;
height: 285px;
text-align: center;
padding: 10px 0 10px 0;
margin: 6px;
border: 1px solid black;
clear: right;
}
.gal a {
text-decoration: none;
}

.gal strong {
float: left;	
margin-top: 5px;
margin-left: 15px;
z-index: 400;
font-weight: normal;
text-decoration: none;
}
.centern {
margin-top:0px;
padding-top: 5px;
text-align: center;
}
.center {
margin-top:0px;
padding-top: 5px;
text-align: center;
}
.span_center {
display: block;
text-align: center;
}
#box {
border: 1px solid black;
border: 0px solid rgba(0,0,0,0);
background: white;
background: rgba(255,255,255,0.8);
-moz-border-radius: 8px;
border-radius:  8px;
box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.25);
padding: 10px 0 10px 0;
}

.bold {
font-weight: bold;
font-family: Vollkorn, Georgia, serif;
font-size: 1.3em;
}

#box  p {
margin: 5px 0 10px 10px;
padding:0;
display: block;
}
#box  .offset {
margin: 0px 0 10px 10px;
padding:0;
display: block;
}
#box .caption2 {
font-family: Vollkorn, Georgia, serif;
font-size: 1.3em;
font-style: italic;
font-weight: normal;
margin: 0 0 0 5px;
padding: 0px;
}

#slider {
width: 270px; /* important to be same as image width */
height: 270px; /* important to be same as image height */	
overflow: hidden; /* important */	
margin: auto;
}
#sliderContent {
width: 100%; /* important to be same as image width or wider */
height: 100%;
list-style-type: none;
padding: 0;
margin: auto;
text-align: center;
}
.sliderImage {

position: relative;
display: none;
}
.sliderImage img {
border: 0px;
}
.sliderImage span {
width: 1px;
height: 1px;
display: none;
}
.clear {
clear: both;
}

a.anchor {
text-decoration: none;
}
.table_center {
	text-align: center;
	width: 350px;
	margin: auto;
}
.table_zusatzoptionen {
	text-align: center;
}
.td_zusatzoptionen {
	height: 100px;
	width: 100px;
}

a:link.produktfamilie, a:visited.produktfamilie {
	display: block;
	border: 1px solid #555;
	padding-top: 30px;
	width: 100px;
	height: 70px;
	text-decoration: none;
	color: black;
}
a:link.produktfamilie2, a:visited.produktfamilie2 {
	display: block;
	border: 1px solid #555;
	padding-top: 30px;
	width: 100px;
	height: 70px;
	text-decoration: none;
	color: black;
}
a:link.produktfamilie3, a:visited.produktfamilie3 {
	display: block;
	border: 1px solid #555;
	padding-top: 30px;
	width: 100px;
	height: 70px;
	text-decoration: none;
	color: black;
}
a:link.produktfamilie4, a:visited.produktfamilie4 {
	display: block;
	border: 1px solid #555;
	padding-top: 30px;
	width: 100px;
	height: 70px;
	text-decoration: none;
	color: black;
}
a:link.produktfamilie5, a:visited.produktfamilie5 {
	display: block;
	border: 1px solid #555;
	padding-top: 30px;
	width: 100px;
	height: 70px;
	text-decoration: none;
	color: black;
}
a:link.produktfamilie6, a:visited.produktfamilie6 {
	display: block;
	border: 1px solid #555;
	padding-top: 30px;
	width: 100px;
	height: 70px;
	text-decoration: none;
	color: black;
}
a:active.produktfamilie, a:hover.produktfamilie {
	display: block;
	border: 1px solid #222;
	background: #222 url(../grafik/link_on.png);
	padding-top: 30px;
	color: white;
	width: 100px;
	height: 70px;
	text-decoration: none;
	text-shadow: 1px 1px 0px #000;
}
a:active.produktfamilie2, a:hover.produktfamilie2 {
	display: block;
	border: 1px solid #222;
	background: #222 url(../grafik/link2_on.png);
	padding-top: 30px;
	color: white;
	width: 100px;
	height: 70px;
	text-decoration: none;
	text-shadow: 1px 1px 0px #000;
}
a:active.produktfamilie3, a:hover.produktfamilie3 {
	display: block;
	border: 1px solid #222;
	background: #222 url(../grafik/link3_on.png);
	padding-top: 30px;
	color: white;
	width: 100px;
	height: 70px;
	text-decoration: none;
	text-shadow: 1px 1px 0px #000;
}
a:active.produktfamilie4, a:hover.produktfamilie4 {
	display: block;
	border: 1px solid #222;
	background: #222 url(../grafik/link4_on.png);
	padding-top: 30px;
	color: white;
	width: 100px;
	height: 70px;
	text-decoration: none;
	text-shadow: 1px 1px 0px #000;
}
a:active.produktfamilie5, a:hover.produktfamilie5 {
	display: block;
	border: 1px solid #222;
	background: #222 url(../grafik/link5_on.png);
	padding-top: 30px;
	color: white;
	width: 100px;
	height: 70px;
	text-decoration: none;
	text-shadow: 1px 1px 0px #000;
}
a:active.produktfamilie6, a:hover.produktfamilie6 {
	display: block;
	border: 1px solid #222;
	background: #222 url(../grafik/link6_on.png);
	padding-top: 30px;
	color: white;
	width: 100px;
	height: 70px;
	text-decoration: none;
	text-shadow: 1px 1px 0px #000;
}