BODY, HTML { margin:0; padding:0; min-height:100%; width: 100%;  }
BODY { background:url(bg.gif) repeat-x; } /* path C:// files */
BODY, DIV, TEXTAREA, INPUT { font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#4d4d4d; }
IMG { border:none }
H1 { color:#473020; font-size:16px; margin:20px 0 20px 5px; }
H2 { clear:both; color:#473020; font-size:14px; margin:20px 20px 20px 5px; }
#col1content H2 { border-top:1px solid #dedfdc; border-bottom:1px solid #dedfdc; padding:6px; margin:6px 0 0 0; }
P { margin:6px 0 12px 0; padding:0; }

A { color:#0a8296 ; text-decoration:none; font-weight:normal; }
A:hover { text-decoration:underline; }

.red { color:#ff5b5b; }
.small { font-size:11px; padding:5px 0 0 5px;}
.hochgestellt2 { font-size:11px; font-weight:bold; vertical-align:30%; }

div.hr { width:100%; height:1px; background:#d7d7d7; padding:0; margin:4px 0 4px 0; clear:both; display:block; }
div.hr hr { display:none; }

/* Downloads */
.download-file IMG { float:left; margin-right:4px; }
.download-file P { line-height:20px; vertical-align:middle; }

/* -- Top -- */
#top { position:absolute; width:950px; left:50%; margin-left:-475px; padding:0; z-index:100; }

#flags { position:relative; padding:10px; float:left; width:170px; }
#flag A { border:4px solid #5a7532; padding:12px; float:left; width:12px; }
#flag A:hover { border:4px solid #FFF; }

#mainmenu { float:right; }
#mainmenu UL { padding:0 0 0 16px; margin:4px 0 0 0; }
#mainmenu LI { list-style-image:none; display:inline; }
#mainmenu A { color:#FFF; font-size:14px; font-weight:bold; padding:6px 14px 0 14px; height:26px; position:relative; float:left; }
#mainmenu A.selected,  #mainmenu A:hover { background:#FFF; color:#0a8296; text-decoration:none;  }

#submenu { float:right; padding-right:8px; } /* default:190px; Team:214px, Unternehmen:98px; Kontakt:8px; Leistung:xpx; Medien:xpx */
#submenu UL { padding:0px 0 0 16px; margin:10px 0 0 0; }
#submenu LI { list-style-image:none; display:inline; }
#submenu A { color:#473020; font-size:14px; font-weight:bold; padding:6px; }
#submenu A:hover, #submenu A.selected { color:#0a8296; text-decoration:unterline; }

/* Submenu Artikel */
.articlesubright, .articlesubleft { font-size:11px; padding-top:4px; color:#392418; }
.articlesubright { float:right; }
.articlesubleft A, .articlesubright A { color:#392418; }
.articlesubleft .top { background:url(icons/top.gif) no-repeat left; padding:0 2px 2px 12px; }
.articlesubleft .back { background:url(icons/back.gif) no-repeat left; padding:0 2px 2px 12px }
.articlesubright .send { background:url(icons/send.gif) no-repeat left; padding:0 2px 2px 18px }
.articlesubright .print { background:url(icons/print.gif) no-repeat left; padding:0 2px 2px 18px }

#content { position:absolute; width:950px; left:50%; margin-left:-475px; padding:40px 0 100px 0; overlay:hidden;  }
#footer IMG { margin-left:900px; }
#footer {  position:fixed; bottom:0; width:100%; height:92px; background:url(bg_footer.gif) bottom repeat-x; text-align:center; }

/* IE6 position Hack */
#footer { _position:relative; }
#content { _position:relative; _padding:40px 0 0px 0;  }

#servicemenu { position:absolute; width:265px; left:50%; margin-left:40px; }

/* Headlines */
#col1 { float:left; width:415px; }
#col2 { float:left; width:260px; }
#col3 { float:left; width:270px; }
#col1 H1, #col2 H2, #col3 H2 { color:#473020; font-size:16px; margin:14px 0 14px 5px; }
#col3 H2 { }

/* Seitenelemente */
A.arrow, A.arrowback  { display:block; background:url(icon_arrow.gif) left no-repeat top; padding:4px 4px 4px 46px; line-height:30px; min-height:32px; _height:32px } /* IE6 Hack */
A.arrowback { background:url(icon_arrow_back.gif) left no-repeat top; }

#col1content { border:1px solid #dedfdc; padding:20px 20px 20px 20px; margin:2px 0 0 0; line-height:18px; clear:both; width:360px; }
#col1content UL { list-style-type:none;  margin:0 0 2px 6px; padding:0 0 2px 2px; }
#col1content UL LI  { background:url(bullet_grau_col1.gif) no-repeat; padding:2px 8px 6px 12px; line-height:16px }

#col1content OL { padding:8px 4px; margin:0 0 0 18px !important; }
#col1content OL LI { background:none; padding:2px 0; line-height:16px; }
#col1content OL LI UL { margin:8px 0 !important; padding:0 !important; }
#col1content OL LI LI { background:url(bullet_grau_col1.gif) no-repeat; padding:2px 8px 6px 12px; line-height:16px }

#col1content .hr { margin-top:20px; }
#col1content P { padding:0 10px 0 5px; }
#col1 A { text-decoration:underline; }


#col2content { border:1px solid #dedfdc; background:#f5f5f4; padding:20px 20px 20px 10px; width:215px; margin-top:2px;  }
#col2content UL { list-style-type:none;  margin:2px 0 2px 6px; padding:2px 0 2px 2px; }
#col2content LI { background:url(bullet_grau.gif) no-repeat; margin:0 0 8px 0; padding:0 0 8px 12px; }

#col3content { position:relative; padding:20px 0px 10px 0px; width:275px; }
#logo { margin:14px 0 14px 0; }

.needclosed { background:url(bullet_grau.gif) left top no-repeat; margin:0 2px 12px 12px; padding:0 0 8px 12px; display:block }
.needopen { background:url(bg_balloon.gif) top left no-repeat; }
.needopen P { padding:0 20px 0 24px; margin:10px 0 5pxpx 0}
.needopen A { background:url(arrow_col3.gif) bottom left no-repeat;  padding:5px 20px 0 55px; height:60px; display:block; /* outline:none; ? */ }
.needopen p.question { background:url(bullet_weiss.gif) left top no-repeat; padding: 16px 0 0 16px; margin:18px 10px 0px 10px; font-weight:bold; }

/* Teaser im Content */
.teaser { padding:10px 12px 0 14px; background:#ebebeb url(bg_teaser.gif) repeat-x top; }
.teaser P { padding:0; margin:0; }
.teaser h3 { font-size:12px; margin:0; padding:0 }
.teaserunten { height:18px; background:#ebebeb url(bg_teaser_unten.gif) repeat-x bottom; margin-top:-2px; }
.stoerer { text-align:right; padding-bottom:2px; }

/* Teaser im Content */
.teaserblau { padding:18px 12px 0 12px; background:#0a8296 url(bg_teaser.gif) repeat-x top; }
.teaserblau P { color:#FFF; padding:0; margin:0; }
.teaserblau h3 { color:#FFF; font-size:12px; margin:0; padding:0 }
.teaserblau A { color:#FFF }
.teaseruntenblau { height:18px; background:#0a8296 url(bg_teaser_unten.gif) repeat-x bottom; }

/* -- Contentimage */
#col1 H2 { margin:12px 0 6px 0; font-size:12px }
#col1  #col1content H2 { font-size:14px }
.flLeft { clear:both; float:left; padding:2px 8px 8px 0; display:block; }
.flLeft P { display:none }

 /* Druckansicht */
BODY.print { background:none; }
BODY.print  #printcontent { padding:20px }
BODY.print H1 { margin:20px 0 }
BODY.print A { text-decoration:underline; }
BODY.print .cimg { float:right; padding:0 0 10px 10px; }
BODY.print OL LI { background:none !important }
BODY.print LI { background:none !important; }
BODY.print UL LI, BODY.print LI LI { list-style-type:square !important;  padding:2px 0 2px 0 !important; margin-left:12px; }

/* Kontaktformular */
.bordertop { border-top:1px solid #d2d2d1; padding:8px 0 8px 0  }
.inputfield, .smallinputfield, .inputfieldtip { border:1px solid #d2d2d1; background:#f5f5f4; font-size:12px; padding:2px; width:260px; }
.smallinputfield { width:110px; }
.inputfieldtip { width:200px; }
#weiterempfehlen INPUT { border:1px solid #dedfdc; background:#f5f5f4; padding:2px; }

.dropdown { background:#f5f5f4; border:1px solid #d2d2d1; padding:2px; }

TEXTAREA { padding:6px; border:1px solid #dedfdc; background:#f5f5f4; font-size:12px; width:340px; }
.buttontd { background:#eeeed1 }
.greybox { border:1px solid #d2d2d1; width:340px; background:#f5f5f4; padding:6px; margin-bottom:6px }
.alert { border:2px solid #ff5b5b; color:#ff5b5b; padding:6px; margin:6px; font-weight:bold; }

.formerror {color:#0a8296; }

#solcial_links {float: right; margin-top: -37px;}
