/* RESET */
* { padding: 0; margin: 0; border: 0;}
INPUT, SELECT, TEXTAREA { border: 1px solid black; font-size: 99% }
OPTION { padding-left: 0.4em } /* avoid clipping in select-boxes */
HTML { height: 100%; }
BODY { /*height: 101%;*/ font-size: 100.01%; position: relative; } /* always show vertical scrollbar, correct fontsize, reposition on resize */   
TABLE { border-collapse: collapse; border-spacing: 0; }

/* COMMON SEMANTICS */
ACRONYM, ABBR { font-style: italic; border: none; text-decoration: none; }
STRONG        { font-weight: bold; }
EM            { font-style: normal; color: #CE6820; }
TABLE         { border-collapse: collapse; }
TH            { text-align: right; }
TH, TD        { padding: .5em; vertical-align: top; }
DT            { margin-top: .5em; font-weight: bold; }
DD            { margin-left: 0; padding-left: 0; margin-bottom: 1em; }
P             {}
UL, OL        {}
OL OL, UL UL  {}
PRE, CODE     { display: block; background-color: white; border: 1px solid #999; padding: 0.5em; margin: 1em 0; color: #666; font: 1.2em monospace; }
BLOCKQUOTE    { display: block; border-left: 1px dotted #666; }
H1, H2, H3    {}

/* COMMON PAGE ELEMENTS */
#map { border: 1px solid #999; }
#status-indicator { display: none;position: absolute; left: 50%; width: 16px; height: 16px; background: url(spinner.gif) no-repeat; }
#breadcrumb {}
.topofpage { display: block; clear: both; text-align: right; }

/* COMMON LINKS */
A, A:LINK { color: #C85A14; text-decoration: none; }
A:VISITED { color: #C85A14; text-decoration: none; }
A:HOVER   { color: #C85A14; text-decoration: none; }
A:ACTIVE  { color: #C85A14; }
A:FOCUS   { outline: none; }
A IMG     { border: none; }

/* GENERAL CLASSES */
.left   { float: left; margin-right: 1em; }
.right  { float: right; margin-left: 1em; }
.center { text-align: center; margin-left: 1em; margin-right: 1em; }
.block  { text-align: justify; }
.small  { font-size: smaller; line-height: 1.3em; }
.large  { font-size: larger; line-height: 1.3em; }
.hide   { display: none; }
.clear  { clear: both; }
.content_rechner { text-color:#000000; }
.content_rechner P { margin-top: 5px; margin-bottom: 8px; }

BODY { background-color: #4D4B33; font-size: 11px; font-family: Arial, Helvetica, sans-serif; line-height: 1.5em; color: #4C4B34; /*letter-spacing: .3px;*/}

/* AREAS / STRUCTURE */
#wrapper              { width: 845px; height: 520px; background-color: white; margin: 40px auto;}
#header               { width: 845px; height: 110px; background: url(bg_top.jpg) no-repeat; position: relative; }
#mainarea             { width: 845px; height: 410px; }
#left                 { position: relative; float: left; width: 140px; height: 410px; background-color: #FAF7EE; }
#right                { float: right; width: auto; height: 410px; }
#content              { /* margin-left: 140px; */ height: 330px; overflow: hidden; padding: 40px; }
#footer               { position: absolute; bottom: 0; width: 704px; margin-left: 140px; height: 117px; border-top: 1px solid #F4F1E2; font-size: 12px; overflow: hidden; display: none; }

/* CONTENT STYLES */
H1 { font-size: 16px; font-weight: bold; color: #CE6820; margin: 0 0 10px -2px; letter-spacing: .6px; margin-top: 3px;}
H2 { font-size: 16px; line-height: 40px; font-weight: normal; color: #897E5E; margin: 0; }
P  { margin-bottom: 10px; }
.top H1 { font-size: 24px; letter-spacing: 1px; }
#content UL, #content OL { list-style-position: inside; }
#content .col1 { float: left; width: 45%; }
#content .col2 { float: right; width: 47%; }
#content.gallery { padding-right: 16px; }
#content.fce-col1 ul.csc-menu {list-style-type: none; list-style-position: outside;  } 
#content.fce-col1 ul.csc-menu li {margin-bottom: 7px;}
#content.fce-col1 ul.csc-menu li a {font-weight: bold; color: #4C4B34;} 
#content .col1 ul.csc-menu {list-style-type: none; list-style-position: outside;  } 
#content .col1 ul.csc-menu li a {font-weight: bold;} 
#content .col2 ul.csc-menu {list-style-type: none; list-style-position: outside;  } 
#content .col2 ul.csc-menu li a {font-weight: bold;} 


/* LOGO */
#logo { width: 256px; height: 90px; position: absolute; left: 0; top: 0; }

/* LOGIN */
#login { position: absolute; bottom: 20px; left: 15px; display: none; }
#login LABEL { color: #939081; }
#login INPUT { height: 14px; width: 60px; border: 1px solid #D3D0C1; margin-top: 4px; padding: 2px; }

/* PAGINATION */
#pagination         { clear: both; height: 20px; list-style-type: none; margin: 15px 0; }
#pagination LI      { float: left; margin-right: 15px; }
#pagination A:HOVER { text-decoration: underline; }

/* IMAGELIST */
#imglist     { list-style-type: none; margin: 0; }
#imglist IMG { opacity: 0.4; filter: Alpha(opacity=40); }
#imglist .active IMG, #imglist A:HOVER IMG { opacity: 1.0; filter: Alpha(opacity=100); }
#imglist.singlecol LI { float: right; clear: right; padding-bottom: 12px;  }
#imglist.multicol LI  { float: left; padding: 0 22px 12px 0; }

/* NAVIGATION */
/* Main */
#nav_main        { position: absolute; bottom: 0; }
#nav_main UL     { list-style-type: none; }
#nav_main LI     { float: left; width: 140px; margin-left: 1px; position: relative; }
#nav_main .first { margin-left: 0; }
#nav_main A      { display: block; width: 126px; padding-left: 14px; line-height: 20px; color: #897D5F; background: url(bg_nav.png); }
#nav_main .current_page A, #nav_main .current_page_parent A, #nav_main A:HOVER { color: #F9F5EB; background-image: none; }
#nav_main .current_page A.home,       #nav_main .current_page_parent A.home,       #nav_main A.home:HOVER       { background: #827855; }
#nav_main .current_page A.produkte,   #nav_main .current_page_parent A.produkte,   #nav_main A.produkte:HOVER   { background: #B29964; }
#nav_main .current_page A.leistungen, #nav_main .current_page_parent A.leistungen, #nav_main A.leistungen:HOVER { background: #7E8B8A; }
#nav_main .current_page A.service,    #nav_main .current_page_parent A.service,    #nav_main A.service:HOVER    { background: #AA3028; }
#nav_main .current_page A.verlag,     #nav_main .current_page_parent A.verlag,     #nav_main A.verlag:HOVER     { background: #7C93AC; }
#nav_main .current_page A.druckhaus,  #nav_main .current_page_parent A.druckhaus,  #nav_main A.druckhaus:HOVER  { background: #C85A14; }
#nav_main .dropdown LI { margin-left: 0; }
#nav_main .dropdown A  { background: none; color: #F9F5EB; }
#nav_main .dropdown LI { background-image: none; }



/* AKTIV-ZUST�NDE VON DROPDOWN-NAVI */

#nav_main li.produkte ul.dropdown a.active {background-color: #C5AF7D;}
#nav_main li.leistungen ul.dropdown a.active {background-color: #94A2A2;}
#nav_main li.service ul.dropdown a.active {background-color: #CD4142;}
#nav_main li.verlag ul.dropdown a.active {background-color: #99AFC4;}
#nav_main li.druckhaus ul.dropdown a.active {background-color: #DF7028; }



/*#nav_main .current_page .dropdown,
#nav_main .current_page_parent .dropdown , */#nav_main .home .dropdown { visibility: hidden; }
#nav_main LI:HOVER .dropdown, #nav_main LI.over .dropdown  { display: block; }

/* Sub */
#nav_sub        { margin-top: 64px; }
#nav_sub UL     { list-style-type: none; }
#nav_sub LI     { width: 140px; margin-top: 1px; }
#nav_sub .first { margin-top: 0; }
#nav_sub A      { display: block; width: 126px; padding-left: 14px; line-height: 20px; color: #F9F5EB; background-color: #B29964; }
#nav_sub .current_page A, #nav_sub .current_page_parent A { padding-left: 6px; border-left: 8px solid white; }

/* Dropdown */
.dropdown      { position: absolute; top: 20px; left: 0; display: none; z-index: 1000; }
.dropdown LI   { clear: both; border-top: 1px solid white; }
.dropdown A:HOVER { background: transparent; color: #F9F5EB; }

/* CATEGORIES */
BODY.home           { background-color: #4D4B33; }
.home #content      { background: url(bg_main.jpg) no-repeat; height: 212px; overflow: hidden; }
.home #right        { display: none; }
.home #footer       { display: block; }
.home #footer P     { margin: 0; }
.home #footer IMG   { float: left; margin-right: 15px; }
.home #footer #col1 { float: left; width: 250px; border-right: 1px solid #F4F1E2; padding: 0 15px; height: 117px;}
.home #footer #col2 { float: right; width: 392px; padding: 0 15px; }
.home #nav_sub A.a, #nav_main .home LI A.a             { background-color: #b29964; }
.home #nav_sub A.b, #nav_main .home LI A.b             { background-color: #7E8B8A; }
.home #nav_sub A.c, #nav_main .home LI A.c             { background-color: #C85A14; }
.home #nav_sub A.a:HOVER, #nav_main .home LI A.a:HOVER { background-color: #C5B07C; }
.home #nav_sub A.b:HOVER, #nav_main .home LI A.b:HOVER { background-color: #94A2A2; }
.home #nav_sub A.c:HOVER, #nav_main .home LI A.c:HOVER { background-color: #D86E27; }
.home #nav_sub .current_page A,
.home #nav_sub .current_page_parent A { border-color: white; }
.home #footer #col1 h2 {background: url(bg_home_news.gif) no-repeat 0px 13px; text-indent: -10000px;}
.home #footer #col2 h2 {background: url(bg_home_referenz.gif) no-repeat 130px 13px; text-indent: -10000px;}
.home #footer #col2 .productofthemonth {font-size: 16px; line-height: 40px; font-weight: normal; color: #897E5E; margin: 0;}
.home #footer #col2 A {}

BODY.produkte              { background-color: #645232; }
.produkte #header          { background-image: url(produkte/bg_top.jpg); }
.produkte #nav_sub A.a, #nav_main .produkte LI A.a             { background-color: #b29964; }
.produkte #nav_sub A.b, #nav_main .produkte LI A.b             { background-color: #C5AF7D; }
.produkte #nav_sub A.a:HOVER, #nav_main .produkte LI A.a:HOVER { background-color: #C5AF7D; }
.produkte #nav_sub A.b:HOVER, #nav_main .produkte LI A.b:HOVER { background-color: #C5AF7D; }
.produkte #nav_sub .current_page A,
.produkte #nav_sub .current_page_parent A { border-color: #DF7028; background-color: #C5AF7D;}
.produkte H1               { color: #8F7348; }
.produkte #col1 { float: left; width: 240px; padding-right: 40px; }

BODY.leistungen                { background-color: #484C49; }
.leistungen #header            { background-image: url(leistungen/bg_top.jpg); }
.leistungen #nav_sub A.a, #nav_main .leistungen LI A.a       { background-color: #7E8B8A; }
.leistungen #nav_sub A.b, #nav_main .leistungen LI A.b       { background-color: #94A2A2; }
.leistungen #nav_sub A.a:HOVER, #nav_main .leistungen LI A.a:HOVER { background-color: #94A2A2; }
.leistungen #nav_sub A.b:HOVER, #nav_main .leistungen LI A.b:HOVER { background-color: #94a2a2; }
.leistungen #nav_sub .current_page A,
.leistungen #nav_sub .current_page_parent A { border-color: #CE6820; background-color: #94a2a2;} 
.leistungen H1                 { color: #727F7E; }

BODY.service              { background-color: #712126; }
.service #header          { background-image: url(service/bg_top.jpg); }
.service #nav_sub A, #nav_main .service LI A             { background-color: #a93028; }
.service #nav_sub A:HOVER, #nav_main .service LI A:HOVER { background-color: #CD4142; } 
.service #nav_sub .current_page A,
.service #nav_sub .current_page_parent A
                          { border-color: #CE6820; background-color: #CD4142;} 
.service H1               { color: #992923; }

BODY.verlag              { background-color: #3E5166; }
.verlag #header          { background-image: url(verlag/bg_top.jpg); }
.verlag #nav_sub A, #nav_main .verlag LI A             { background-color: #7b93ab; }
.verlag #nav_sub A:HOVER, #nav_main .verlag LI A:HOVER { background-color: #99AFC4; } 
.verlag #nav_sub .current_page A,
.verlag #nav_sub .current_page_parent A { border-color: #CE6820; background-color: #99AFC4;} /*HIER*/
.verlag H1               { color: #6E869F; }

BODY.druckhaus               { background-color: #7C7559; }
.druckhaus #header           { background-image: url(druckhaus/bg_top.jpg); }
.druckhaus #nav_sub A, #nav_main .druckhaus LI A             { background-color: #C85A14; }
.druckhaus #nav_sub A:HOVER, #nav_main .druckhaus LI A:HOVER { background-color: #DF7028; }
.druckhaus #nav_sub .current_page A,
.druckhaus #nav_sub .current_page_parent A { background-color: #DF7028; border-color: #6B6649; }
.druckhaus H1                { color: #8A7C61; }

#content.produktgalerie .col1 {width: 240px;}
#content.produktgalerie .col2 {width: 65px;}
#content.produktgalerie .col2 img {padding-bottom: 10px;}
#content.bildergalerie {	padding: 40px 0px 0px 40px; overflow: auto; height: 370px;}
#content.bildergalerie img {padding-bottom: 15px; padding-right: 15px;}
#content.bildergalerie a.backlink {	width: 187px; line-height: 10px;}
#content em {	text-decoration: underline; color: #4C4B34; }
#content ul.newslist {list-style-type: none; list-style-position: outside;  } 
#content ul.newslist li a {font-weight: bold; color: #4C4B34;} 
#content ul.newslist li.active a {text-decoration: underline;} 
#content .col2 .news-single-item {height: 350px; overflow: auto;}
#content .tx-wtgallery-pi1 {height: 335px; scroll: auto;}

#content .ap_wrapper_einspaltig { clear: both; height: 110px; }
#content .ap_wrapper_einspaltig .ap_links {float:left;height:85px;width:290px;}
#content .ap_wrapper_einspaltig .ap_links img {	float: left; margin-right: 10px;}
#content .ap_wrapper_einspaltig .ap_rechts {float:left;height:85px;width:290px; border-left: 1px solid #fff;}
#content .ap_wrapper_einspaltig .ap_rechts img {	float: left; margin-right: 10px; margin-right: 10px; margin-left: 10px; border-left: 1px solid #fff;}
#content .ap_wrapper_einspaltig h2 { color: #CE6620; font-weight: bold; font-size: 12px; line-height:24px;}

#content .ap_wrapper_zweispaltig { clear: both; height: 110px; }
#content .ap_wrapper_zweispaltig .ap_links {float:left;height:110px;width:290px; }
#content .ap_wrapper_zweispaltig .ap_links h2 { color: #CE6620; font-weight: bold; font-size: 12px;line-height:24px;}
#content .ap_wrapper_zweispaltig .ap_links img {	float: left; margin-right: 10px; }
#content .ap_wrapper_zweispaltig .ap_rechts {float:left;width:290px; border-left: 1px solid #ccc; height: 110px;}
#content .ap_wrapper_zweispaltig .ap_rechts img {float: left; margin-right: 10px; margin-left: 10px}
#content .ap_wrapper_zweispaltig .ap_rechts h2 { color: #CE6620; font-weight: bold; font-size: 12px; margin-left: 10px;line-height:24px;}

#content .ap_trenner { border-bottom: 1px solid #ccc; clear: both;}
#content a.backlink { display:block; text-align:right; width:620px;}
.news-single-item h2 {line-height: 20px; /*color: #CE6620; */ color: #000; font-size: 14px; font-weight: bold; }
.news-single-item h3 {font-size: 11px; font-weight: bold; margin-bottom: 10px;}

.newsdate {	float: left; display: none;}

BODY.news #content {	padding: 40px 0px 0px 40px; height: 370px;}
BODY.news #content .news-single-item { height: 370px; padding-right: 40px;}
BODY.news #content .news-single-item .news-single-img img { float: left; margin-right: 10px; margin-bottom: 10px;}
BODY.news #content .news-single-item img { float: left; margin-right: 10px; margin-bottom: 10px;}
BODY.news #content .col1 {	width: 240px;}
BODY.news #content .col2 {	width: 420px;}

BODY.ansprechpartner .content_wrapper {height: 331px; width: 665px; overflow: auto;}
BODY.ansprechpartner table tr td {width:200px; padding-bottom: 15px; padding-left: 0px; padding-top: 15px;}

.pagebrowser {	position:absolute;top:483px; font-weight: bold;}

BODY.news .news-latest-item img {	float: left; margin-right: 35px; margin-bottom: 35px; }
BODY.news .news-latest-container {height: 331px; overflow: auto;}
BODY.news .news-latest-item {	width: 610px; margin-bottom: 35px; clear: both;}
BODY.news .news-latest-item h2 {	line-height: 16px; font-weight: bold; margin-bottom: 10px; color: #C9561C;}
BODY.news .news-latest-item h3 {	margin-bottom: 10px; font-size: 12px;}

#footer #col1 h3 {	font-size: 14px;}
#footer a {	color: #4C4B34; font-size: 11px; }
#footer #col2 p.bodytext { 	margin-left: 130px; }

p.align-right { text-align: right; }
p.align-center { text-align: center; }

BODY.druckhaus.referenzen #content {	padding-right: 0px;}
BODY.druckhaus.referenzen #content p.bodytext {padding-right: 40px;}

DIV.content_rechner table tr td {	padding: 0px;}