@import url(reset.css);

/* Dieses CSS-File wird Ihnen prickelnd präsentiert von Gerrit van Aaken (praegnanz.de) */
/* Letzte Änderung: 18. März 2010 */

/* ----------------------------------------------------- Page layout */

body {
background: #fff url(img/back-top-full.gif) 0 0 no-repeat;
font: normal 0.875em/1.5714em georgia, "Times New Roman", serif;
color: #222;
}

#wrapper {
background: url(img/back-top-3.gif) 3px 0 no-repeat;
width: 970px;
margin: 0 auto;
padding: 0 14px;
padding-top: 0.75em;
min-height: 95%;
}

.widescreen #wrapper {
	background-position: 14px 0;
	padding: 0 25px;
	padding-top: 0.75em;
}

.nav {
font: normal 12px/1.5em "Lucida Grande", "Lucida Sans Unicode", arial, sans-serif;
color: #888;
}

a:link,
a:visited {
color: #ff7200;
text-decoration: none;
border-bottom: 1px dotted #ff7200;
}

a:focus, a:hover, a:active {
color: #222;
text-decoration: none;
border-bottom: 1px dotted #222;
}

.nav a:link,
.nav a:visited {
color: #888;
text-decoration: none;
border: none;
}

.nav a:focus,
.nav a:hover,
.nav a:active {
color: #222;
text-decoration: none;
border: none;
}

.nav .active a {
color: #FF7200;
}

input.text {
border: 1px solid #a1a1a1;
background: url(img/formshadow.gif) 0 0 repeat-x;
vertical-align: top;
font-size: 12px;
margin: 0;
height: 21px;
padding: 0 0 0 3px;
float:left;
}

#search input.button {
  width: 40px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", arial, sans-serif;
background: url(img/button.gif) 0 0 repeat-x;
color: #fff !important;
border: none;
margin: 0  0 0 5px;
height: 23px;
padding: 0 10px 0 10px;
vertical-align: top;
float: left;
}

#search input.button:hover {
background: #df6400;
}

/* ----------------------------------------------------- Headerbereich */

#nav-global {
float: left;
margin-bottom: 1em;
overflow: hidden;
}

#nav-global li {
display: inline;
margin-right: 1.5em;
}

#search {
float: right;
width: 210px;
text-align: right;
}

#search input {
	vertical-align: top;
	display: inline;
	width: 160px;
}

#search input:focus {
	border-color: #000;
}

#search button {
	vertical-align: top;
	width: 40px;
	padding: 0 0 2px 0;
	line-height: 1em;
}

#headerimages {
width: 460px;
height: 120px;
overflow: hidden;
float: left;
position: relative;
}

#headerimages img {
border: 1px solid #888;
margin-right: 7px;
}

#slot1, #slot2 {
  position: absolute;
  top: 0;
  left: 0;
}

#slot2 {
  left: 230px;
}

#logo {
clear: both;
float: right;
position: relative;
margin: 23px -11px 5px 0;
width: 510px;
border: none;
}

/* ----------------------------------------------------- Hauptnavigation */

#nav-main {
text-align: right;
clear: both;
float: right;
width: 480px;
height: 14em;
position: relative;
margin-top: -20px;
}

#nav-main.tall {
	height: 24em;
}

#nav-main li {
font-size: 1.25em;
float: left;
text-align: left;
position: relative;
}

#nav-main #menu_news { width: 97px; }
#nav-main #menu_system { width: 127px; }
#nav-main #menu_modelle { width: 87px; }
#nav-main #menu_service { float: right; text-align: right; }

#nav-main li span:hover {
	cursor: pointer;
	color: #222;
}

#nav-main li.active span {
color: #ff7200;
}

#nav-main ul {
text-align: left;
position: absolute;
float: left;
z-index: 1;
top: 1.5em;
left: 0;
padding-top: 0.25em;
width: 14em;
border-top: 1px solid #ff7200;
}

ul.hidden {
	display: none;
}

#nav-main #menu_system ul { width: 150px; }
#nav-main #menu_leidenschaft ul { width: 100px; }
#nav-main #menu_service ul { width: 90px; }

.slimscreen #nav-main #menu_service ul { left: auto; right: 0; }
.slimscreen #nav-main #menu_service ul li { text-align: right;}

#nav-main ul.sub1 {
left: 1px;
width: 155px;
}

#nav-main ul.sub2 {
width: 101px;
left: 155px;
}

#wrapper #nav-main .active ul.hidden {
display: block;
}

#nav-main ul li {
display: block;
float: none;
margin: 0;
font-size: 0.8em;
}

#nav-main ul a:link,
#nav-main ul a:visited {
color: #888;
}

#nav-main ul a:focus,
#nav-main ul a:hover,
#nav-main ul a:active {
color: #222;
}

#nav-main ul .active a {
color: #ff7200;
}


/* ----------------------------------------------------- Page Navigation */

#content .konzeptpaging {
	background: url(img/pagingleft.gif) 0 0 no-repeat;
	overflow: hidden;
	margin: 0 0 2.5em 0;
	padding: 0;
}

#content .pagingbottom {
	margin-top: 3em;
}

#content .konzeptpaging ul {
	padding: 0 13px 0 3px;
	margin: 0 0 0 10px;
	float: left;
	vertical-align: top;
	height: 20px;
	background: #cacaca url(img/pagingright.gif) right top no-repeat;
}

#content .konzeptpaging li {
	float: left;
	padding: 0;
	background: none;
	padding: 0;
	vertical-align: top;
	height: 18px;
	line-height: 17px;
	margin: 1px 0;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	margin-left: -1px;
	color: #fff;
}


#content .konzeptpaging li a,
#content .konzeptpaging li span {
line-height: 17px;
vertical-align: top;
padding: 0 0.5em;
background: #cacaca;
font-family: "Lucida Grande", "Lucida Sans Unicode", arial, sans-serif;
}

#content .konzeptpaging li a:link,
#content .konzeptpaging li a:visited {
	border: none;
	color: #fff;
}

#content .konzeptpaging li a:focus,
#content .konzeptpaging li a:hover,
#content .konzeptpaging li a:active {
	border: none;
	color: #fff;
	background: #888;
	border-bottom: 1px solid #888;
}

#content .konzeptpaging li.active a:link,
#content .konzeptpaging li.active a:visited {
	background: #fff;
	color: #333;
	cursor: default;
	border-bottom: 1px solid #fff;
}


#content .konzeptpaging li.active,
#content .konzeptpaging li .unlinked {
	background: #fff;
	color: #000;
	border-bottom: 1px solid #fff;
}

#content #blogpaging {
	margin: 2em 0 0 0;
}


/* ----------------------------------------------------- Inhaltsbereich */

.startpage #content {
width: 460px;
padding-top: 8.4em;
}

#content {
float: left;
width: 450px;
padding-top: 8px;
}

h1 {
font-size: 2em;
color: #ff7200;
padding: 2.9em 0 1.45em 0;
line-height: 1.25em;
}

.startpage h1 {
	padding: 2.9em 0 0.4em 0;
}

#content h1 a {
	border: none;
}

#content h2 {
font-size: 1.4286em;
margin: 1em 0 0.6em 0;
}

#content h3,
#sidebar h3 {
	font-weight: bold;
	color: #222;
	margin: 0 0.7em 0 0;
}

#content h4 {
	margin-bottom: 0.7em;
}

#content h2.result {
	margin-bottom: 0.2em;
}

#glossartext h2 {
	border-top: 1px solid #888;
	padding-top: 1em;
	margin-top: 1em;
}

#glossartext h3,
#content .spitzmarke {
margin: -0.1em 0.5em 0 0;
vertical-align: bottom;
float: left;
color: #ff7200;
}

#content h3.spitzmarke {
	font-weight: bold;
	color: #222;
	line-height: 1.5em;
	margin: 0 0.7em 0 0;
}

p, li {
	line-height: 1.5em;
}

#content p.follow-p {
text-indent: 1.5em;
margin-top: -0.7143em;
}

#wrapper #content .meta,
#content #cpreview p.follow-p,
#content .comments p.follow-p,
#wrapper #content .nocopy p,
p {
	margin-top: 0;
	text-indent: 0;
	margin-bottom: 0.7143em;
}

.dhonishow-picture-alt p {
	margin-bottom: 0.6em;
}

#content .teaser {
	font-weight: bold;
	margin-bottom: 1em;
	color: #444;
}

table {
	width: 100%;
	border-bottom: 1px solid #888;
	margin: 0 0 1em 0;
}

table.fullwidth {
	width: 970px;
}

table td {
	border-top: 1px solid #888;
	padding: 0.2em 0.5em 0.2em 0;
}

table td div {
  position: relative;
  height: 47px;
  color: #888;
}


#haendler thead th {
  padding-bottom: 10px;
}

#haendler thead th span {
  cursor: pointer;
  font-family: arial, sans-serif;
  text-transform: uppercase;
  font-size: 11px;
  letter-spacing: 1px;
  color: #FF7200;
  border-bottom: 1px dotted #FF7200;
}

#haendler thead .headerSortDown span {
  background: #FF7200;
  padding: 2px 3px;
  color: #fff;
  border: none;
}

#haendler thead .headerSortUp span {
  background: #ccc;
  padding: 2px 3px;
  color: #fff;
  border: none;
}


#haendler {
  margin-top: 1.5em;
  border-top: 1px solid #999;
}

#haendler thead th span:hover {
  color: #000;
}

#haendler thead .headerSortDown span:hover,
#haendler thead .headerSortUp span:hover {
  color: #fff;
}


table td div p {
  position: absolute;
  font-size: 12px;
  bottom: 0;
  left: 0;
  width: 600px;
}

table .noborder td {
  border: none;
}

table th {
	padding: 0.2em 0.5em 0.2em 0;
	color: #888;
}


table .topshop td {
	background: #f6f6f6;
}

hr {
	color: #222;
	border: none;
	margin: 2em 0;
	height: 1px;
	overflow: hidden;
	background: #222;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

#content ul {
	margin-bottom: 1em;
}

#sidebar ul li,
#content ul li {
	background: url(img/bullet.gif) 1px 0.5em no-repeat;
	padding-left: 13px;
	margin-bottom: 0.5em;
}

#sidebar .dhonishow ul li {
	background: none;
	padding-left: 0;
	margin-bottom: 0;
}

#content ol.roman li {
	list-style: upper-roman inside;
}

#content ol li {
	list-style: decimal outside;
	margin-bottom: 0.75em;
	margin-left: 1.4em;
}

#content .block {
	overflow: hidden; 
}

#content img {
	margin: 10px 0 10px 0;
}

#content .newsarticle {
clear: both;
overflow: hidden;
padding-bottom: 2em;
}

#content .newsarticle h1 {
	padding-top: 0;
}

#wrapper #content p.more {
	text-indent: 0;
	margin-top: 0.1em;
}

#content .newsarticle .bu p {
font-size: 12px;
font-family: "Lucida Grande", "Lucida Sans Unicode", arial, sans-serif;
color: #222;
line-height: 1.5em;
padding-right: 2em;
}

.newsarticle .bild {
	padding: 0 0 5px 0;
	overflow: hidden;	
}

.spaltelinks {
	width: 160px;
	float: left;
	margin-top: 4px;
	margin-bottom:3px;
}

.newsarticle .bild img {
border: 1px solid #888;
}

.newsarticle .thumb {
	margin-right: 10px;
	float: left;
}

#content .articleimage {
	float: right;
	margin: 0;
}

#content .articleimage img {
border: 1px solid #888;
margin: 5px 10px 20px 20px;
}

.archiv dt {
	float: left;
}

.archiv dd {
	margin-left: 6.5em;
	padding-bottom: 1em;
}

#content .newsarticle h2 {
margin-bottom: 0.2em;
}

#content  p.meta {
text-indent: 0;
font-style: italic;
margin-top: 1em;
clear: both;
padding-bottom: 1.3em;
/* border-bottom: 1px solid #ccc; */
}

#content p.blogdate {
	float: left;
	padding: 0 0 0 0;
	margin: -1em -0.3em 0 0;
	position: relative;
	top: 1em;
}

#content p.blogdate span {	
	font-style: italic;
}

.newsarticle p.first {
	font-weight: bold;
}

#content .newsarticle p,
#content .newsarticle ul,
#content .newsarticle ol {
text-indent: 0;
margin-bottom: 1em;
padding-right: 10px;
}

.meta .date {
margin: 0 0.9em 0 0.5em;
}


a.thickbox {
position: relative;
overflow: hidden;
border: none;
display: block;
}

a.thickbox img:hover {
border-color: #000;
}

.dhonishow a span,
a.thickbox span {
position: absolute;
width: 100%;
height: 100%;
background: url(img/lupe.png) -3000em -5000em no-repeat;
left: 0;
top: 0;
}

.dhonishow a:hover span,
.dhonishow a:focus span,
a.thickbox:hover span,
a.thickbox:focus span {
background-position: 50% 45%;
}


#content .meta a:link,
#content .meta a:visited {
color: #222;
text-decoration: none;
border-bottom: 1px dotted #222;
}


#content .meta a:focus,
#content .meta a:hover,
#content .meta a:active {
color: #FF7200;
border-bottom: 1px dotted #ff7200;
}

#content blockquote p {
	margin-left: 1.2em;
	margin-right: 1.2em;
}

#content object,
#content embed {
	margin-bottom: 0.6em;
}

#content .modell {
	position: relative;
	padding-bottom: 2em;
	margin-bottom: 3em;
	border-bottom: 1px solid #333;
}

#content .modell .dhonishow {
	position: absolute;
	left: 490px;
	top: 2.8em;
}

#content .modell .dhonishow ul {
	margin-bottom: 0;
}

#content .modell .dhonishow li {
	padding: 0;
	margin: 0;
	background: none;
}

#content .modell .dhonishow img {
border: 1px solid #888;
margin: 0 0 0 0;
}

#kundengalerie {
	width: 960px;
}

#kundengalerie div {
clear: both;
overflow: hidden;
border-top: 1px solid #888;	
padding-top: 1em;
}

#kundengalerie div.konzeptpaging {
	border: none;
}

#kundengalerie div.last {
	border-bottom: 1px solid #888;
}

#kundengalerie div div {
	padding-top: 0;
	clear: none;
	overflow: auto;
	border: none;
}

#kundengalerie .desc {
	float: right;
	width: 640px;
	padding-bottom: 1em;
}

#kundengalerie a.thickbox {
	float: left;
	margin: 0 0 15px 0;
}

#content #kundengalerie p {
	text-indent: 0;
	margin-bottom: 0.6em;
}

#wrapper #content #kundengalerie p.date {
	margin: 5px 0 0 0;
	margin-bottom: 0;
}

#content .gva_file_download_list li {
	margin-bottom: 1em;
	overflow: hidden;
}

#content .gva_file_download_list p {
	text-indent:0;
	margin-bottom: 0.3em;
}

#content .gva_file_download_list p.meta {
	margin: 0;
}


#content .gva_file_download_list h2 {
	font-size: 1em;
	font-weight:bold;
	margin: -0.1em 0 0.3em 0;
	
}

#content span.end {
	padding-right: 13px;
	background: url(img/bullet-big.gif) 100% 4px no-repeat;
}



/* ----------------------------------------- Form */

.zem-contact-form {
	width: 450px;
}

.zem-contact-form legend {
	display: none;
}

.zem-contact-form textarea,
.zem-contact-form input.zemText {
border: 1px solid #a1a1a1;
background: url(img/formshadow.gif) 0 0 repeat-x;
vertical-align: middle;
padding: 2px 0 2px 3px;
width: 200px;
font-size: 13px;
font-family: "Lucida Grande", "Lucida Sans Unicode", arial, sans-serif;
}

.zem-contact-form textarea:focus,
.zem-contact-form input.zemText:focus {
border-color: #000;
}

#wrapper .zem-contact-form .zemRequirederrorElement {
	border-color: #c00 #c00 #c00 #c00;
}

.zem-contact-form textarea {
	width: 444px;
	height: 200px;
	font-size: 13px;
	line-height: 19px;
}

.zem-contact-form label {
display: block;
}

.zem-contact-form .field {
	clear: both;
	margin: 0 0 1em 0;
}

.zemSubmit {
background: url(img/button.gif) 0 0 repeat-x;
color: #fff !important;
font-family: "Lucida Grande", "Lucida Sans Unicode", arial, sans-serif;
border: none;
padding: 3px 10px;
vertical-align: middle;
font-size: 12px;
}

.zemSubmit:hover {
background: #df6400;
}

/* ----------------------------------------------------- Kommentar */

h2#Kommentar {
margin-top: 0;
}

.comments {
	margin-bottom: 3em;
}

.comments li {
	list-style: decimal outside;
	color: #ff7200;
	margin: 1.7em 0;
	margin-right: 10px;
}

.comments li.chef {
	border: 1px solid #bbb;
	padding: 2px 9px 0 0;
	border-bottom: none;
	border-left: none;
}

.comments strong,
#cpreview strong {
	font-weight: normal;
	display: block;
	color: #ff7200;
}

.comments p {
	color: #222;
}

#cpreview {
	padding: 0.5em 0.4em 0.1em 0.4em;
	margin-top: -1.5em;
	background: #e7e7e7;
	margin-right: 10px;
}

.comments-wrapper {
	margin-bottom: -3em;
}

.comments-wrapper .text label {
	width: 75px;
	float: left;
}

.comments-wrapper .area label {
	display: block;
}

.comments-wrapper .field {
	clear: both;
	padding: 10px 0 30px 0;
}

.comments-wrapper .text input {
	border: 1px solid #a1a1a1;
	background: url(img/formshadow.gif) 0 0 repeat-x;
	vertical-align: middle;
	width: 370px;
	height: 17px;
	padding: 3px 0 0 3px;
	font-size: 12px;
	float: left;
	margin-right: 10px;
}

.comments-wrapper .area {
	margin: 0;
	padding: 0;
}

.comments-wrapper textarea {
	border: 1px solid #a1a1a1;
	background: url(img/formshadow.gif) 0 0 repeat-x;
	width: 442px;
	height: 150px;
	padding: 3px;
	font-size: 12px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", arial, sans-serif;
}

.comments-wrapper .text input.checkbox {
	width: auto;
	height: auto;
	float: left;
}

.comments-wrapper .button input {
font-size: 13px;
background: url(img/button.gif) 0 0 repeat-x;
font-family: "Lucida Grande", "Lucida Sans Unicode", arial, sans-serif;
color: #fff !important;
border: none;
height: 21px;
padding: 1px 10px;
vertical-align: middle;
}

.comments-wrapper .button input.disabled {
background: #ccc;
color: #eee !important;
cursor: default;
}

.comments-wrapper .button input:hover {
background: #df6400;
}

.comments-wrapper .button input.disabled:hover {
background: #ccc;
}




/* ----------------------------------------------------- Sidebar */

#sidebar {
width: 480px;
float: right;
padding-top: 14px;
position: relative;
}

#glossarnavi {
	position: fixed;
}

#glossarnavi .gloss2 {
	position: absolute;
	top: 0;
	left: 225px;
}

.startpage #sidebar {
	width: 300px;
	margin-top: -2px;
}

#sidebar img {
border: 1px solid #888;
margin: 0 0 1em 0;
}

#sidebar .kundengalerie img {
	margin: 0 0 0.4em 0;
}

#sidebar .box {
	border-bottom: 1px solid #ff7200;
	padding: 0 0 15px 0;
	margin-bottom: 15px;
}

#sidebar h2 {
	color: #ff7200;
	margin-bottom: 0.95em;
	font-size: 15px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", arial, sans-serif;
}


#sidebar .box ul li {
	margin-bottom: 0.6em;
	padding-left: 12px;
	background: url(img/bullet-arrow.gif) 1px 0.45em no-repeat;
}

#sidebar .box li div a:link,
#sidebar .box li div a:visited {
	color: #222;
	border-bottom-color: #222;
}

#sidebar .box li div a:focus,
#sidebar .box li div a:hover,
#sidebar .box li div a:active {
	color: #000;
	border-bottom-style: solid;
}

#sidebar .box p {
	margin-bottom: 0.5em;
}

.rss {
	padding-left: 18px;
	background: url(img/rss.gif) 1px 0.45em no-repeat;
}

blockquote p {
	font-style: italic;
}

.source {
	text-align: right;
}

.box img {
	border: 1px solid #888;
}

/* ----------------------------------------------------- Footer */

.toplink {
	clear: both;
	width: 970px;
	margin: 0 auto;
	text-align: right;
}

#footer {
clear: both;
height: 50px;
width: 100%;
background: #fff url(img/back-bottom-full.gif) 0 bottom no-repeat;
}


/* ----------------------------------------------------- Dhonishow */

.dhonishow {
	overflow: hidden;
	float: left;
	width: 480px;
	position: relative;
}           

.dhonishow a {
border: none;
}

.dhonishow * {
	padding:  0;
	margin: 0;
	border:  none;
	list-style: none;
}                  

.dhonishow-element {
	overflow: hidden;
	width: 480px;
	height: 330px;
	text-align: left;
	position: relative;
}

.dhonishow-element img {
border: 1px solid #888;
}

.dhonishow-elements li {
	position: absolute;
	left: 0;
	top: 0;
	margin: 0;
	padding: 0;
}

#sidebar .dhonishow h3 {
	font-weight: normal;
	margin-bottom: -4px;
}

.dhonishow-navi {  
	margin-bottom: 2px;
	overflow: hidden;
	width: 480px;
	position: relative;
	min-height: 29px;
	padding: 0 0 5px 0;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	font-family: "Lucida Grande", "Lucida Sans Unicode", arial, sans-serif;
}

.dhonishow-navi li {
	line-height: 1.5em;
	}  
                  

.dhonishow-picture-alt {
	text-align: left;
	font-size: 0.8571em;
	float: left;
	color: #888;
	line-height: 1.4167em;
	width: 400px;
	padding-top: 0.8em;	
}   

.dhonishow-navi .dhonishow-next-button,
.dhonishow-navi .dhonishow-previous-button {
	position: absolute;
	text-indent: -999px;
	width: 29px;
	height: 29px;
	margin: 0;
	cursor:  pointer;
	-moz-outline: none;
	top: 0;
}
                                        
.dhonishow-navi .dhonishow-next-button {
	background: url(img/paging-right.gif) 0 0 no-repeat;
	right: 0;
}

.dhonishow-previous-button {
	background: url(img/paging-left.gif) 0 0 no-repeat;	
	right: 38px;
}

.dhonishow-next-button:hover {
	background-position: 0 -29px;
}

.dhonishow-previous-button:hover {
	background-position: 0 -29px;
}


.dhonishow-paging {
	float: right;
	font-size: 13px;
	width: 119px;
	text-align: center;
	margin-top: 0;
}

.dhonishow table {
	margin-bottom: 1em;
}