@charset "UTF-8";

/* ################################################################################################## */
/* GLOBAL */
body {background-color:#FFFFFF; margin:0px; padding:0px; font-family:Arial, sans-serif; font-size:12px; color:#683502;}

.weiss {background-color:#FFFFFF;}

a {font-family:Arial, sans-serif; font-size:12px; color:#663300; text-decoration:none;}
a:active {font-family:Arial, sans-serif; font-size:12px; color:#663300; text-decoration:none;}
a:visited {font-family:Arial, sans-serif; font-size:12px; color:#663300; text-decoration:none;}
a:hover {font-family:Arial, sans-serif; font-size:12px; color:#663300; text-decoration:underline;}

p {margin:0px 10px 10px 0px; padding:0px;}
p.null {margin:0px; padding:0px;}

/* ################################################################################################## */
/* HEADER */
div.topbalken {width:100%; height:10px; margin:0px; padding:0px; background-image:url(../images/header/bg.topline.gif); background-repeat:repeat-x; background-color:#FFFFFF;}
div.main {width:100%; margin:0px; padding:0px;}

td.headholder {width:100%; margin:0px; padding:0px; background-image:url(../images/header/bg.head.gif); background-repeat:repeat-x;}
div.head {width:980px; height:254px;}
div.logo {margin:0px; padding:0px; float:left; width:110px; background-color:#FFFFFF;}
div.moodhome {width:570px; height:255px; float:left; background-image:url(../images/mood/mood.home.jpg); background-repeat:no-repeat; background-color:#FFFFFF;}
div.moodunternehmen {width:570px; height:255px; float:left; background-image:url(../images/mood/mood.unternehmen.jpg); background-repeat:no-repeat; background-color:#FFFFFF;}
div.moodprodukte {width:570px; height:255px; float:left; background-image:url(../images/mood/mood.produkte.jpg); background-repeat:no-repeat; background-color:#FFFFFF;}

div.moodleistungen {width:570px; height:255px; float:left; background-image:url(../images/mood/mood.leistungen.jpg); background-repeat:no-repeat; background-color:#FFFFFF;}
div.moodkontakt {width:570px; height:255px; float:left; background-image:url(../images/mood/mood.kontakt.jpg); background-repeat:no-repeat; background-color:#FFFFFF;}
div.moodfooter {width:570px; height:255px; float:left; background-image:url(../images/mood/mood.footer.jpg); background-repeat:no-repeat; background-color:#FFFFFF;}
div.mooddanke {width:570px; height:255px; float:left; background-image:url(../images/mood/mood.danke.jpg); background-repeat:no-repeat; background-color:#FFFFFF;}


div.rightCol {width:300px; height:255px; float:left;}
div.sprachwahl {height:120px; width:300px; margin:0px; padding:0px;}
div.sprachwahl div {width:45px; float:right;}

div.teaserlink {height:30px; margin:0px 0px 5px 0px; padding:0px 0px 0px 15px; background-image:url(../images/global/bg.mainteaser.jpg); background-repeat:no-repeat;}
div.teaserlink a {font-family:Georgia,serif; font-size:16px; line-height:30px; color:#FFFFFF; font-style:italic;}
div.teaserlink a:active {font-family:Georgia,serif; font-size:16px; line-height:30px; color:#FFFFFF; font-style:italic;}
div.teaserlink a:visited {font-family:Georgia,serif; font-size:16px; line-height:30px; color:#FFFFFF; font-style:italic;}
div.teaserlink a:hover {font-family:Georgia,serif; font-size:16px; line-height:30px; color:#b97110; font-style:italic; text-decoration:none;}

/* ################################################################################################## */
/* MAINNAV */ 
div.mainnav {margin:140px 0px 0px 17px; padding:0px;}

div.mainnav  ul.nav {margin:0px; padding:0px; list-style-type:none;}
.nav li {margin:0px 0px 0px 0px; display:block;}
.nav li.aktiv {margin:0px 0px 0px 0px;  padding:0px 3px 0px 5px; display:block;}

.nav a, .nav a:link, .nav a:visited {width:165px !important;width:165px; height:19px;}
.nav a, .nav a:link, .nav a:visited {display:block; padding:0px 3px 0px 5px;}
.nav a, .nav a:link, .nav a:visited {font-family:Georgia,serif; font-size:16px; line-height:20px; color:#b66a04; font-weight:bold; font-style:italic;}
.nav a, .nav a:link, .nav a:visited {color:#b66a04;}

.nav a:hover, .nav a:active, .nav li.aktiv {width:165px !important;width:165px; height:19px;}
.nav a:hover, .nav a:active, .nav li.aktiv {display:block;}
.nav a:hover, .nav a:active, .nav li.aktiv {font-family:Georgia,serif; font-size:16px; line-height:20px; color:#FFFFFF; font-weight:bold; font-style:italic; text-decoration:none; }
.nav a:hover, .nav a:active {color:#e23932;}

.nav li.aktiv {color:#FFFFFF;  background-image:url(../images/global/nav.high.jpg); background-repeat:no-repeat; }

.nav a.home:link {font-family:Georgia,serif; font-size:11px; line-height:20px; color:#b66a04; font-weight:bold; font-style:italic; padding:0px 3px 0px 5px;}
.nav a.home:active {font-family:Georgia,serif; font-size:11px; line-height:20px; color:#b66a04; font-weight:bold; font-style:italic; padding:0px 3px 0px 5px;}
.nav a.home:visited {font-family:Georgia,serif; font-size:11px; line-height:20px; color:#b66a04; font-weight:bold; font-style:italic; padding:0px 3px 0px 5px;}
.nav a.home:hover {font-family:Georgia,serif; font-size:11px; line-height:20px; color:#e23932; font-weight:bold; font-style:italic; text-decoration:none; padding:0px 3px 0px 5px; background-image:none;}

.nav span.home {font-family:Georgia,serif; font-size:11px; line-height:20px; color:#d5c7ab; font-weight:bold; font-style:italic; text-decoration:none; padding:0px 3px 0px 5px;}

/* ################################################################################################## */
/* CONTENT */
td.contentholder {width:100%; margin:0px; padding:0px; background-image:url(../images/global/verlauf.bottom.jpg); background-repeat:repeat-x; background-position:bottom;}
div.content {width:980px; margin:25px 0px 0px 0px; padding:0px;}
div.content .left {float:left; width:110px; }
div.content .main {float:left;width:565px; padding:0px 0px 0px 5px;}
div.content .right {float:left; width:300px;margin:0px; padding:0px;}

div.content div.main div.txt {margin:0px; padding:0px;}
div.content div.main div.img {margin:0px; padding:0px;}

/*  Produkte */
div.produkte {margin:0px 0px 5px 0px; padding:0px;}
div.produkte td.header {width:280px; height:25px; margin:0px; padding:0px 0px 0px 10px; background-image:url(../images/global/bg.hl.produkte); overflow:hidden;ont-family:Georgia,serif; font-size:13px; line-height:25px; color:#683502; font-weight:bold; text-transform:uppercase;}
div.produkte td.spacer {width:5px; margin:0px; padding:0px;}
div.produkte td.data {width:280px; height:175px; margin:0px; padding:0px; background-color:#f1e3cf;}
div.produkte td.data div.img {float:left; margin:7px 10px 7px 0px; padding:0px; border:1px solid #FFFFFF;}
div.produkte td.data div.spacer {float:left; width:10px; height:50px;}
div.produkte td.data div.copy {float:left; width:140px; margin:7px 10px 8px 0px; padding:0px;}

/* ################################################################################################## */
/* FOOTER */
td.footer {width:100%; min-height:30px; height:30px; background-image:url(../images/global/bg.footer.gif); background-color:#FFFFFF;}
td.footer div {height:30px; width:870px; padding-left:110px;}
td.footer div span {margin-right:15px; font-family:Georgia,serif; font-size:10px; font-weight:bold; color:#FFFFFF; line-height:30px;}

td.footer div a {font-family:Georgia,serif; font-size:10px; font-weight:bold; color:#FFFFFF; line-height:30px;}
td.footer div a:active  {font-family:Georgia,serif; font-size:10px; font-weight:bold; color:#FFFFFF; line-height:30px;}
td.footer div a:visited {font-family:Georgia,serif; font-size:10px; font-weight:bold; color:#FFFFFF; line-height:30px;}
td.footer div a:hover {font-family:Georgia,serif; font-size:10px; font-weight:bold; color:#b97110; line-height:30px; text-decoration:none;}

td.footer .aktiv {font-family:Georgia,serif; font-size:10px; font-weight:bold; color:#b97110; line-height:30px; text-decoration:none;}


/* ################################################################################################## */
/* FONTS */
table {font-family:Arial, sans-serif; font-size:12px; color:#b97110;}
td {font-family:Arial, sans-serif; font-size:12px; color:#b97110;} 

h1 {font-family:Georgia,serif; font-size:18px; line-height:18px; color:#683502; font-style:italic; font-weight:normal; margin:0px 0px 25px 0px; padding:0px;}
h2 {font-family:Georgia,serif; font-size:16px; line-height:18px; color:#683502; font-style:italic; font-weight:bold; margin:0px 0px 10px 0px; padding:0px;}
h3 {font-family:Verdana,sans-serif; font-size:12px; line-height:12px; color:#683502; font-style:italic; font-weight:bold; margin:0px 0px 10px 0px; padding:0px;}

/* ################################################################################################## */
/* FORM */ 
div.daten {margin:0px 10px 10px 0px; width:550px;}
div.daten div {margin:0px 5px 3px 0px;}
div.daten div.w140 {float:left;width:140px;}
div.daten div.w400 {float:left;width:400px;}

input.w20 {width:20px; height:18px; background-color:#f6f3ee; border:1px solid #e6e1d7; font-size:11px; color:#683502; padding:2px;}
input.w70 {width:70px; height:18px; background-color:#f6f3ee; border:1px solid #e6e1d7; font-size:11px; color:#683502; padding:2px;}
input.w190 {width:190px; height:18px; background-color:#f6f3ee; border:1px solid #e6e1d7; font-size:11px; color:#683502; padding:2px;}
input.w310 {width:310px; height:18px; background-color:#f6f3ee; border:1px solid #e6e1d7; font-size:11px; color:#683502; padding:2px;}
input.w390 {width:390px; height:18px; background-color:#f6f3ee; border:1px solid #e6e1d7; font-size:11px; color:#683502; padding:2px;}

textarea.kommentar  {width:535px;height:40px; background-color:#f6f3ee; border:1px solid #e6e1d7; font-size:11px; color:#683502; padding:2px;}