html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend {
border:0;
font-family:inherit;
font-size:100%;
font-style:inherit;
font-weight:inherit;
margin:0;
padding:0;
vertical-align:baseline
}

body {
background:#FFF;
color:#000;
line-height:1
}

blockquote:before,blockquote:after,q:before,q:after {
content:""
}
q:before {
content:"„"
}
q:after {
content:"“"
}

.clearer {
clear:both;
font-size:1px;
height:0;
line-height:0;
padding:0
}

ul {
list-style:none
}

ul li {
position:relative
}

/* *************************************************************************** */

.skip {
display:none;
}

body {
background:#d5e1e2 url(/img/pattern8-pattern-20a.png);
font-family:Arial, sans-serif;
font-size:13px;
line-height:1.5em;
color:#444;
padding-bottom:64px;
}

#aktion-banner {
position:absolute;
display:block;
width:200px;
height:200px;
right:3px;
top:0;
text-indent:-999em;
background:url(/img/aktion-teppich.png);
overflow:hidden;
z-index:100;
}

#award {
display:block;
width:212px;
height:68px;
position:absolute;
top:300px;
right:35px;
z-index:9999;
background:url(/img/award.png);
text-indent:-999em;
overflow:hidden;
opacity:0.9;
}
#award:hover {
opacity:1;
}
body.home-slideshow #award {
top:185px;
right:30px;
}

/* Typography */

h1, h2 {
font-size:24px;
line-height:30px;
color:#f50;
margin:28px 0 21px 0;
font-weight:normal;
}

h3, h4 {
font-size:15px;
margin:2em 0 0.5em;
color:#282828;
line-height:1.5em;
font-weight:bold;
width:85%;
}

h3 span {
font-weight:normal;
}

#p-ueber-uns h3 {
margin-top:0 !important;
width:95% !important;
}
#p-ueber-uns p {
width:95% !important;
}

/*
h4 {
font-weight:bold;
font-size:12px;
color:#333;
margin:21px 0 12px;
}
*/

h5, legend {
font-weight:bold;
font-size:13px;
color:#333;
margin:0;
}

p, fieldset {
margin:0 0 21px 0;
}

a {
color:#f50;
text-decoration:underline;
}
a:visited {
color:#638899;
}
a:visited:hover {
color:#444;
}
a:hover, a:active {
color:#111;
}

em {
font-style:normal;
font-weight:bold;
}

small {
font-size:9px;
color:#999;
}

q {
color:#666;
}

ul.nolightbox {
padding-bottom:24px !important;
}

#content ol, #content ul {
margin:1.5em 1.5em 1.5em 26px;
}

#content ul {
margin-left:16px;
list-style:disc url(/img/bullet3.png) outside;
}

#content ol li {
margin-bottom:.75em;
padding-left:6px;
}

.error {
color:#f00;
}

code.error_text {
display:block;
color:#a00;
background:#eee;
padding:1em;
}

#content p {
width:95%;
}

#p-vorteile p {
width:95%;
}

#content p.aside {
font:bold 1.2em/150% Linux Libertine, Gentium, serif;
text-transform:uppercase;
text-align:center;
border:solid 2px #efefef;
border-width:2px 0;
color:#dd5509;
float:right;
padding:0.5em;
margin:0.5em;
width:120px;
display:block;
}

.clearit {
clear:both;
}

/* Layout */

#adminbar {
overflow:auto;
background:#eee;
padding:0.5em 12px 0.5em 0;
background:url(/img/line-dotted.png) repeat-x left bottom;
}

#adminbar p {
float:left;
display:inline;
margin:0;
margin-right:1em;
}

#adminbar ul {
float:right;
display:block;
margin:0;
}

#adminbar ul li {
display:inline;
margin-left:1em;
}

#container {
width:880px;
margin:0 auto;
background:#fff;
padding:16px 20px 16px 20px;
position:relative;
}

#container-bottom {
width:920px;
height:4px;
margin:0 auto 0 auto;
background:#fff;
font-size:0;
}

#signet {
margin:0;
}
#signet a {
display:block;
text-indent:-999em;
overflow:hidden;
width:600px;
height:102px;
background:url(/img/signet.png) no-repeat 0 0;
margin-bottom:16px;
}

#nav-meta {
list-style:none;
margin:0;
padding:0;
position:absolute;
top:10px;
right:20px;
}

#nav-meta li {
float:left;
border-left:1px solid #ddd;
line-height:1em;
margin:0 0 0 8px;
padding:0 0 0 8px;
}

#nav-meta li a {
color:#aaa;
font-size:11px;
text-decoration:none;
}

#nav-meta li a:hover {
color:#111;
}

.noborder { border:none !important; }

#phone {
position:absolute;
width:200px;
height:96px;
position:absolute;
background:url(/img/telefon.jpg) no-repeat 0 0;
top:36px;
right:42px;
text-indent:-999em;
}

#topnav {
display:block;
height:35px;
background:url(/img/bg-nav-main.png) repeat-x 0 0;
margin:0;
padding:0 5px 0 6px;
}

#topnav li {
float:left;
display:block;
height:30px;
margin-top:5px;
margin-left:-1px;
}

#topnav li a {
display:block;
height:30px;
color:#fff;
text-transform:uppercase;
font-family:Tahoma;
line-height:12px;
text-indent:-999em;
overflow:hidden;
}

#nav-start a { background:url(/img/nav-start.png); width:68px; }
#nav-vorteile a { background:url(/img/nav-vorteile.png); width:87px; }
#nav-vorgehen a { background:url(/img/nav-vorgehen.png); width:91px; }
#nav-raum-galerie a { background:url(/img/nav-raum-galerie.png); width:114px; }
#nav-projekte a { background:url(/img/nav-projekte.png); width:89px; }
#nav-produkt-lexikon a { background:url(/img/nav-produkt-lexikon.png); width:133px; }
#nav-ueber-uns a { background:url(/img/nav-ueber-uns.png); width:85px; }
#nav-kontakt a { background:url(/img/nav-kontakt.png); width:82px; }

#topnav li a:hover,
#p-home #nav-start a,
#p-kontakt #nav-kontakt a,
#p-produkt #nav-produkt-lexikon a,
#p-projekte #nav-projekte a,
#p-raum #nav-raum-galerie a,
#p-ueber-uns #nav-ueber-uns a,
#p-vorgehensweise #nav-vorgehen a,
#p-vorteile #nav-vorteile a {
background-position:0 -30px;
}

#header {
height:240px;
margin:4px 0 4px 0;
position:relative;
}

#trenner { font-size:0; height:9px; background:url(/img/trenner2.png) no-repeat 0 0; }
#trenner-home { font-size:0; height:9px; background:url(/img/trenner.png) no-repeat 0 0; }

.navigation {
margin:32px 0 33px 0;
}

.navigation ul {
margin:0;
}

.navigation li {
background:url(/img/bullet.png) no-repeat 8px 14px;
position:relative;
}

.navigation li ul li {
background:url(/img/bullet2.png) no-repeat 4px 13px;
position:relative;
}

.navigation li a {
position:relative;
text-decoration:none;
display:block;
padding:7px 0 7px 24px;
border-bottom:1px solid #ddd;
color:#444;
}
.navigation li a:visited {
color:#999;
}
.navigation.new-nav li a {
color:#333;

}
.navigation li ul li a {
padding-left:24px;
color:#333;
background:none;
text-transform:none;
border-bottom:1px dotted #ddd;
}

.navigation li a:hover,
.navigation li a.active {
color:#f50;
}

em.new {
background:#f50;
font-size:11px;
font-weight:bold;
color:#fff;
padding:0 2px 0 3px;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
}

#products h3 {
    width:100%;
}

#products .product-letter {
overflow:hidden;
}

#products ul {
    padding:0;
    margin:0;
    width:100%;
}

#products li {
    width:320px;
    display:block;
    float:left;
}

#col1, #col2 {
float:left;
width:304px;
}
#col1 { margin:0 32px 0 0; }

#products h3 {
border-bottom:1px solid #bbb;
}

#ref-container {
border-bottom:8px solid #000;
position:relative;
}

#ref-container h6 {
font-weight:bold;
color:#f50;
text-transform:uppercase;
font-size:1.2em;
}

#ref-container p {
font-weight:bold;
margin:0;
}

#ref-container ul,
#ref-nav {
margin:0 !important;
width:100% !important;
}
#ref-container ul {
height:450px;
}
#ref-container ul li {
display:block;
width:640px;
height:450px;
position:absolute;
}
#ref-container div {
position:absolute;
width:320px;
background:#fff;
top:290px;
left:0;
padding:8px 8px 14px;
}
#ref-nav {
width:100% !important;
}
#ref-nav li,
#ref-nav li a {
float:left;
background:#fff;
display:block;
width:auto;
height:24px;
text-align:center;
text-decoration:none;
line-height:2.5em;
color:#333;
font-size:10px;
font-weight:bold;
text-transform:uppercase;
-moz-user-select:none;
}
#ref-nav li {
margin:0 4px 0 0;
}
#ref-nav a {
border:solid #ddd;
padding:0 8px 0 8px;
border-width:0 1px 1px 1px;
}
#ref-nav li a:hover {
border:solid #ffba77;
border-width:0 1px 1px 1px;
color:#e6631a;
}
#ref-nav li a.active {
background:#000;
border:solid #000;
border-width:0 1px 1px 1px;
color:#e6631a;
}

.crosslinks {
background:#f6f5ee;
padding:1em 2em;
margin:28px 0 32px 0;
border:1px solid #e6e2d1;
}

.crosslinks-team {
background:#eeece1 no-repeat 0 0;
padding:110px 1em 1em;
margin:28px 0 32px 0;
}

blockquote.crosslinks-team {
padding-bottom:1px;
}

.crosslinks-team.merten {
background-image:url(/img/bg-crosslinks-merten.jpg);
}

.crosslinks-team.goetz {
background-image:url(/img/bg-crosslinks-goetz.jpg);
}

.crosslinks-team.braack {
background-image:url(/img/bg-crosslinks-braack.jpg);
}

.crosslinks-team ul {
list-style-position:outside !important;
margin:-.5em 0 1em 0;
}

.crosslinks-team p {
font-style:italic;
}

.crosslinks-team strong {
font-size:1.1em;
font-style:normal;
}

#searchbox {
background:#eeece1 url(/img/bg-searchbox.jpg) no-repeat 0 0;
padding:96px 1em 1em 1em;
margin:28px 0 32px 0;
}

#searchbox input {
padding:4px 4px 4px 28px;
width:148px;
border:1px solid #ddd;
background:#fff url(/img/bg-searchinput.png) no-repeat 6px 5px;
}

#searchbox label {
font-weight:bold;
}

.crosslinks ul, .crosslinks ol {
width:95% !important;
list-style-position:outside !important;
}

#contact {
color:#fff;
background:#111;
position:relative;
margin:40px 0 32px 0;
overflow:auto;
}

#contact p {
padding:24px 0 16px 24px !important;
margin:0 0 4px;
font-family:Arial;
font-size:16px;
overflow:auto;
display:block;
line-height:14px;
}

#contact span {
font-size:11px;
font-family:Verdana, Arial, sans-serif;
font-weight:normal;
color:#888;
}

#contact p a {
color:#dd5509;
}

#sidebar {
width:208px;
display:block;
float:left;
}

#maincol {
position:relative;
width:640px;
float:right;
}

.addthis_button {
position:absolute;
right:0;
top:0;
}

#breadcrumbs {
height:24px;
padding:10px 0 0 20px;
background:#fff;
color:#111;
line-height:1em;
position:absolute;
width:860px;
bottom:-5px;
opacity:0.85;
font-size:12px;
font-weight:bold;
}

#breadcrumbs a {
padding:0 3px 0 3px;
}

#messages {
margin-top:2em;
overflow:auto;
}
#messages p {
margin:1em 0;
padding:0.75em 1em;
}
#messages .info_msg {
background:#ffa;
}
#messages .error_msg {
background:#fcc;
}

#content .prod-gal,
#content .prod-gal.marginal {
list-style:none;
width:660px;
overflow:auto;
margin:0 !important;
}
#content .prod-gal.marginal {
width:202px;
}

#content .prod-gal li {
float:left;
margin:0 16px 16px 0;
padding:0 !important;
}
#content .prod-gal.marginal li {
float:none;
margin:0 0 8px 0;
}

img.zoom-in {
position:absolute;
bottom:12px;
right:12px;
}

.imleft, .imright {
float:left;
clear:both;
margin:4px 16px 12px 0;
}
.imright {
float:right;
margin:4px 0 12px 16px;
}

ul.prod-gal li a, .imleft, .imright, a.pic-container {
position:relative;
border:1px solid #ddd;
padding:5px;
display:block;
width:190px;
height:190px;
}

#content ul.prod-gal.small li {
margin:0 4px 4px 0;
}
ul.prod-gal.small li a {
padding:3px;
}
ul.prod-gal.small li a,
ul.prod-gal.small li a img {
width:95px;
height:95px;
}
ul.prod-gal.small img.zoom-in {
width:16px;
height:16px;
}

a.pic-container {
margin:16px 0 16px 0;
}

ul.prod-gal li a:hover, .imleft:hover, .imright:hover, a.pic-container:hover {
border:1px solid #ff9600;
background:#f8f5e3;
}

ul.prod-gal .caption {
font-weight:bold;
display:block;
width:190px;
text-align:center;
position:absolute;
bottom:4px;
background:#111;
padding:4px 0;
opacity:0.8;
color:#fff;
}

#content div.teaser {
float:left;
margin:0 16px 16px 0;
padding:0 !important;
padding:5px;
display:block;
width:202px;
line-height:17px;
}

#content div.teaser h4 {
margin:0;
background:#222;
padding:8px;
color:#fff;
margin-bottom:-16px;
font-weight:normal;
font-size:11px;
}

#content div.teaser h4 span {
padding:0 4px 0 0;
font-weight:bold;
}

.newsitem {
margin-bottom:3em;
}

blockquote.merten {
font-style:italic;
overflow:hidden;
margin:1.5em 0;
}
blockquote.merten img {
float:left;
height:95px;
width:95px;
margin-right:1em;
border:solid 1px #ddd;
padding:2px;
}

/* ---  Homepage  ----------------------------------------------------------- */

body.home-slideshow #header,
#p-home #sidebar {
display:none;
}

#header-home {
padding:4px 0 4px 0;
position:relative;
}

#header-home ul {
margin:0;
}

#home-head {
width:40px;
height:20px;
position:absolute;
background:url(/img/home-head.png) no-repeat 0 0;
top:-20px;
right:24px;
}

#header-home h2 {
color:#000;
padding:32px 0 0 32px;
margin:0;
}

#header-home p {
font-size:16px;
line-height:24px;
width:470px;
padding:16px 0 0 32px;
color:#222;
}

#header-home h2 strong {
font-style:italic;
}

#header-home p.button-home a {
display:block;
height:29px;
width:415px;
background:url(/img/button-home.jpg) no-repeat 0 0;
text-indent:-999em;
margin:-10px 0 0 -14px;
overflow:hidden;
}

#home-content {
float:right;
width:560px;
}

#home-teaser {
float:left;
width:270px;
font-size:12px;
}

#home-teaser a:hover {
color:#fff;
}

#home-teaser h3 {
line-height:18px;
font-size:15px;
color:#f50;
margin:18px 0 1.1em 0;
width:100%;
}

#home-teaser h3 span {
display:block;
font-size:12px;
font-weight:normal;
color:#333;
}

#home-teaser img {
margin:0 !important;
padding:0 !important;
}

#home-teaser p {
background:#38302d;
width:230px;
color:#fff;
padding:20px;
margin-top:-6px;
line-height:18px;
}

#optional-content {
display:none;
}


/* Kundenstimmen (Vorteilsseite) */

#quotes {
float:right;
width:202px;
margin:36px 0 2em 0;
font-size:12px;
}
#quotes h4 {
margin:0 0 1em;
}
#content #quotes ul {
margin:0;
}

#marginal {
float:right;
width:202px;
margin:0 0 2em 0;
}

#marginal ul {
overflow:hidden !important;
}

#halfcontent {
float:left;
width:420px
}

.quotes {
width:100% !important;
}

.quotes li {
margin-bottom:18px;
list-style:none;
font:normal 1em/1.5em Arial, sans-serif;
background:#eeece1;
padding:16px;
}
.quotes q {
font-style:italic;
text-indent:-.35em;
display:block;
color:#444;
}
.quotes cite {
color:#777;
display:block;
padding:0.5em 0 0 0;
font-size:0.9em;

}


/* Impressum / Kontakt */

#p-impressum dl {
}
#p-impressum dt {
font-weight:bold;
}
#p-impressum dt a {
color:inherit;
text-decoration:none;
}
#p-impressum dd {
margin:0 0 2em 2em;
}

.vcard h3 {
margin:0;
}
.vcard small {
display:none;
}
.vcard .org,
.vcard .tel span {
font-weight:bold;
}

form input {
border:1px solid #ccc;
margin:4px 0 4px 0;
padding:2px;
}

#content form ol {
list-style:none;
margin:0;
}
#content form li {
padding:0;
}

form ol li label {
float:left;
width:140px;
display:block;
}

form .cb-group {
float:left;
width:180px;
}


/* Spezialseiten */

#p-aktion #sidebar {
display:none;
}

#p-aktion #maincol,
#p-home #maincol {
float:none;
width:auto;
margin:4px;
}

#p-home #maincol {
margin:0;
}

#p-aktion #content {
background:url(/img/p/aktion-content.gif) no-repeat right 0;
}

#p-aktion #footer {
background:#000;
padding:0 16px 5px 24px;
}

p.qa-q {
font-weight:bold;
line-height:1.5em;
margin-bottom:0.75em;
}

.useractions {
list-style:none;
margin:0 !important;
}

.useractions li {
list-style:none;
float:left;
}

a.useraction {
display:block;
text-indent:-999px;
overflow:hidden;
margin:4px 8px -4px 0;
width:16px;
height:16px;
background-repeat:no-repeat;
background-color:transparent;
}

a.ua_del {
background-image:url(/img/icon_delete.png);
}
a.ua_reload {
background-image:url(/img/icon_reload.png);
}

#partners {
width:100%;
}

#partners .t-akt {
display:none;
}

#partners th, #partners td {
text-align:left;
vertical-align:baseline;
background:#eee;
border-bottom:solid 1px #ddd;
padding:0.2em 1em;
}
#partners th {
background:#f9f9f9;
border-top:solid 1px #eee;
border-bottom:solid 1px #eee;
}

#partners tfoot td, #partners tfoot th {
font-weight:bold;
background:#e7e7e7;
border-color:#bbb;
border-top:none;
}

#partners tr:hover td {
background:#ffa;
}

#footer {
height:24px;
background:url(/img/footer-team.jpg) no-repeat;
margin:48px 0 0 0;
padding:162px 16px 3px 24px;
font-size:9px;
text-align:right;
}

#footer a {
color:#b2b2b2;
}

#footer a:hover {
color:#e95d0f;
}

/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
position:absolute;
top:0;
left:0;
z-index:90;
width:100%;
height:500px;
}
#jquery-lightbox {
position:absolute;
top:0;
left:0;
width:100%;
z-index:100;
text-align:center;
line-height:0;
}
#jquery-lightbox a img { border:none; }
#lightbox-container-image-box {
position:relative;
background-color:#fff;
width:250px;
height:250px;
margin:0 auto;
}
#lightbox-container-image { padding:10px; }
#lightbox-loading {
position:absolute;
top:40%;
left:0%;
height:25%;
width:100%;
text-align:center;
line-height:0;
}
#lightbox-nav {
position:absolute;
top:0;
left:0;
height:100%;
width:100%;
z-index:10;
}
#lightbox-container-image-box > #lightbox-nav { left:0; }
#lightbox-nav a { outline:none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
width:49%;
height:100%;
/*zoom:1;*/
display:block;
}
#lightbox-nav-btnPrev {
left:0;
float:left;
}
#lightbox-nav-btnNext {
right:0;
float:right;
}
#lightbox-container-image-data-box {
font:10px Verdana, Helvetica, sans-serif;
background-color:#fff;
margin:0 auto;
line-height:1.4em;
overflow:hidden;
width:100%;
padding:0 10px 0;
}
#lightbox-container-image-data {
padding:0 10px;
color:#333;
}
#lightbox-container-image-data #lightbox-image-details {
width:70%;
float:left;
text-align:left;
}
#lightbox-image-details-caption { font-weight:bold; }
#lightbox-image-details-currentNumber {
display:block;
clear:left;
padding-bottom:1.0em;
}
#lightbox-secNav-btnClose {
width:66px;
float:right;
padding-bottom:0.7em;
}

/* END OF jQuery lightBox plugin */

#home-scroller {
height:280px;
overflow:hidden;
position:relative;
}
#home-scroller ul {
position:absolute;
width:9999px;
}
#mycarousel li {
position:relative;
float:left;
}
#mycarousel li h2 {
display:block;
width:520px;
height:80px;
position:absolute;
top:120px;
left:0;
z-index:2000;
margin:0;
padding:0;
}

#mycarousel li h2 a {
display:block;
text-indent:-999em;
overflow:hidden;
width:520px;
height:80px;
}

#mediaControl { position:absolute; top:212px; z-index:1000; }

#mediaControl li {
display:block;
width:20px;
height:20px;
float:left;
margin: 0 4px 0 0;
background-color:#38302d;
list-style: none;
border:solid #000;
border-width:0 1px 1px 0;
}

#mediaControl a {
display:block;
width:20px;
height:20px;
text-align:center;
overflow:hidden;
line-height:20px;
text-decoration:none;
color:#fff;
font-size:12px;
font-weight:bold;
}

#mediaControl li.active a,
#mediaControl a:hover { 
background-color:#f50 
}

a.badge {
	display:block;
	overflow:hidden;
	width:110px;
	height:110px;
	position:absolute;
	z-index:100;
	left:770px;
	background:url(/img/badge.png) no-repeat 0 0;
	text-indent:-999em;
}

#header-home a.badge {
top:4px;
}

.mail-result {
padding:1em;
margin-bottom:2em;
font-weight:bold;
background:#f8f5e3;
}