body {
font-family:arial, sans-serif;
margin:0;
background-color:#eae6e1;
border-top:7px solid #4c3c2c;
background-image:url('images/hintergrund.jpg');
background-position:top center;
background-repeat:repeat-x;
}

/*--- div
------------------------------------------------------------*/

#wrapper {
width:960px;
margin:0 auto;
}

#header {
height:260px;
}

#logo {
margin:27px 0 0 0;
float:left;
}

#nav {
float:right;
margin:30px 0 0 0;
}

#title {
margin:75px 0 0 0;
float:right;
}

#content {
padding:10px;
background-color:#fff;
}

#produkt_content {
background-color:#fff;
margin:0 0 10px 0;
padding:10px;
}

#boxes {
margin:10px 0 0 0;
}

#box1,
#box2, 
#box3 {
background-color:#fff;
width:293px;
height:335px;
float:left;
padding:10px;
}

#box1,
#box2 {
margin:0 10px 0 0;
}

#box2 {
overflow: auto;
}

#page {
margin:0 10px 40px 10px;
}

#logo_box,
#logo_box_last {
width:290px;
height:200px;
border:1px solid #EAE6E1;
text-align:center;
float:left;
}

#tooltip {
position:absolute;
background:#4c3c2c;
padding:2px 10px;
color:#fff;
display:none;
-moz-border-radius:5px;
border-radius:5px;
}	

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

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

#logo_box_head {
background-color:#EAE6E1;
padding:5px 0;
height:40px;
}

#produkte_logo {
width:240px;
height:150px;
float:left;
border:1px solid #EAE6E1;
margin:0 20px 0 0;
text-align:center;
}

#link_box {
float:right;
}

.button {
margin:0 5px 0 0;
}

#produkte_text {
float:left;
}

.two-column_first, .two-column {
width:440px;
float:left;
}

.two-column {
margin:0 0 0 40px;
}

.three-column_first, .three-column {
width:280px;
float:left;
}

.three-column {
margin:0 0 0 40px;
}

#footer {
background-image:url('images/footer_linie.jpg');
background-position:top;
background-repeat:repeat-x;
padding:10px 0 0 0;
margin:30px 0 0 0;
height:70px;
}

/*--- schriftformatierung
------------------------------------------------------------*/

#nav a {
color:#4c3c2c;
padding:6px 10px 5px;
font-size:20px;
font-family:'Podkova', serif;
text-decoration:none;
-webkit-transition: background-color ease-in 0.1s;
-moz-transition: background-color  ease-in 0.1s;
-o-transition: background-color  ease-in 0.1s;
transition: background-color  ease-in 0.1s;
}

#nav a:hover {
color:#dcd9d5;
background-color:#4c3c2c;
}

#nav a.current {
color:#dcd9d5;
background-color:#766853;
}

h1, h2, h3, h4, h5 {
font-family:'Podkova', serif;
color:#4c3c2c;
font-weight:400;
font-style:normal;
}

h1 {
font-size:45px;
text-shadow:0 1px #e9e5e0;
letter-spacing:0.05em;
}

h2 {
font-size:30px;
word-spacing:0.3em;
padding-top:30px;
margin:0 0 10px 0;
letter-spacing:0.02em;
}

h3 {
font-size:25px;
word-spacing:0.1em;
padding:15px 0 0 0;
margin:0;
letter-spacing:0.01em;
}

h4 {
font-size:22px;
word-spacing:0.3em;
padding:0;
margin:0;
letter-spacing:0.01em;
}

h5 {
font-size:15px;
word-spacing:0.3em;
padding:0;
margin:0;
letter-spacing:0.01em;
line-height:1.25em;
}

p {
font-size:13px;
line-height:1.8em;
color:#444444;
letter-spacing:0.01em;
margin:15px 0 10px;
}

#footer p, #footer a {
color:#a8a4a1;
font-size:13px;
text-shadow:0 1px #fff;
margin:0;
}

a {
text-decoration:none;
color:#6a543e;
}

a:hover {
text-decoration:underline;
}

ol, ul {
font-size:13px;
line-height:1.8em;
color:#444444;
letter-spacing:0.01em;
}

ul {
margin:0 0 7px 0;
padding:0 0 0 15px;
font-style:italic;
}

.img-border {
border:0;
}

/*--- misc
------------------------------------------------------------*/

.clear {
clear:both;
}

.left {
float:left;
}

.right {
float:right;
}

/*--- nivo slider
------------------------------------------------------------*/

#slider-wrapper {
margin:0 auto;
}

#slider {
position:relative;
width:940px;
height:520px;
background:url(images/loading.gif) no-repeat 50% 50%;
}

#slider img {
position:absolute;
top:0px;
left:0px;
display:none;
}

#slider a {
border:0;
display:block;
}

.nivo-controlNav {
position:absolute;
left:10px;
bottom:10px;
}

.nivo-controlNav a {
display:block;
width:10px;
height:10px;
background-color:#fff;
opacity: 0.4;
-moz-opacity:0.4;
filter: alpha(opacity=40);
text-indent:-9999px;
border:0;
margin-right:3px;
float:left;
}

.nivo-controlNav a.active {
opacity: 0.9;
-moz-opacity:0.9;
filter: alpha(opacity=90);
}

.nivo-directionNav a {
display:block;
width:28px;
height:44px;
border:0;
}

a.nivo-nextNav {
background-image:url('images/next_button.png');
right:-38px;
}

a.nivo-prevNav {
background-image:url('images/prev_button.png');
left:-38px;
}

.nivo-caption {
text-shadow:none;
font-family: Helvetica, Arial, sans-serif;
}

.nivo-caption a { 
color:#efe9d1;
text-decoration:underline;
}

.nivoSlider {
position:relative;
}

.nivoSlider img {
position:absolute;
top:0px;
left:0px;
}

.nivoSlider a.nivo-imageLink { /* If an image is wrapped in a link */
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
border:0;
padding:0;
margin:0;
z-index:6;
display:none;
}

.nivo-slice { /* The slices and boxes in the Slider */
display:block;
position:absolute;
z-index:5;
height:100%;
}

.nivo-box {
display:block;
position:absolute;
z-index:5;
}

.nivo-caption {
position:absolute;
left:0px;
bottom:0px;
background:#000;
color:#fff;
opacity:0.8; /* Overridden by captionOpacity setting */
width:100%;
z-index:8;
}

.nivo-caption p {
padding:5px;
margin:0;
}

.nivo-caption a {
display:inline !important;
}

.nivo-html-caption {
display:none;
}

.nivo-directionNav a {
position:absolute;
top:45%;
z-index:9;
cursor:pointer;
}

.nivo-prevNav {
left:0px;
}

.nivo-nextNav {
right:0px;
}

.nivo-controlNav a {
position:relative;
z-index:9;
cursor:pointer;
}

.nivo-controlNav a.active {
font-weight:bold;
}