body {font:76%/1 Arial,'Helvetica Neue',Helvetica,sans-serif;text-align:center;background-color:#000;background-image:url(../img/00_bg_body.jpg);background-position: center 0;background-repeat: no-repeat;background-attachment:fixed;}

* {margin:0;padding:0;}
img, form fieldset {border:none;}
ul {list-style:none;}
a {text-decoration:none;}
:focus {outline:0;}
.clearBoth {clear:both;}
.textRight {text-align:right;}


/*
1. LAYOUT -------------------------------------*/

#wrapper {width:980px;margin:0 auto;text-align:left;}
#home #wrapper {}

#header {width:980px;margin:0 auto;height:173px;position:relative;background-image:url(../img/00_bg_header.jpg);background-repeat:no-repeat;float: left;
	}

#contentArea {clear:both;float:left;padding:15px 0px 0 0px;width:980px;}

#primaryContent {float:left;width:580px;padding-right:35px;}
#secondaryContent {float: right;width: 310px;border: 10px solid #000;background: #000;color: #000;}
#secondaryContentBox {background: url(../img/00_bg_sidebar_content.png) no-repeat bottom;color: #000;padding:12px 30px 12px 30px; background-color:#e9efd1;}

#footerArea {clear:both;background:#000 ;text-align:center;padding-top:2px; margin-top: 40px;}
#footerContent {margin:0 auto;width:980px;text-align:left;border-top:4px solid #b0c75e;}
#contactInfo {padding:15px 0 12px 0;border-bottom:1px solid #222;background:url(../img/contactInfo-bg.png) repeat-x;}

.footerColumn {float:left;width:240px;padding:30px 30px 30px 25px;border-top:1px solid #000;margin: 0 10px;}
.footerColumn.last {float:right;padding-right:0;background:none;}

#footerBottom {clear:both;margin:0 auto;height:60px;padding-top:20px;width:980px;border-top:2px solid #171717;}

.widePage #primaryContent {width:100%;background:none;}
.contentBox {float:left;width:580px;border: 10px solid #000;padding: 0px 20px 20px 20px;background-color: #0c070a;background-image:url(../img/00_bg_contents.png);background-position: bottom;background-repeat: repeat-x;margin-bottom: 10px;color:#aaa;}



/*
2. HEADER  -------------------------------------*/

a.logo {width:300px;height:137px;position:absolute;left:0;bottom:35px;background-image:url(../img/00_bg_header_logo.jpg);background-repeat: no-repeat; background-position:0 2px;text-indent:-9999px;}

ul.mainNavi {position:absolute;right:0;top:0;
	padding-right: 20px;}
ul.mainNavi li {float:left;height:97px;padding-right: 20px;}
ul.mainNavi li a {display:block;font-size:1.1em;color:#bbb;height:49px;padding-top:87px;text-align:center;}
ul.mainNavi li a:hover {color:#eee;border-bottom:1px solid #b0c75e;}
ul.mainNavi li.current a {color:#fff;font-weight:bold;border-bottom:2px solid #b0c75e;}
ul.mainNavi li a span {display:none;font-weight:normal;font-size:.7em;padding-top:4px;}
ul.mainNavi li a:hover span {display:block;color:#777;}

p.breadcrumbs {position:absolute;left:-1px;bottom:12px;font-size:.9em;color:#bbb;}
p.breadcrumbs a {color:#bbb;font-weight:bold;background:url(../img/breadcrumbs-arrow.png) 0 50% no-repeat;padding-left:10px;}
p.breadcrumbs a:hover {color:#999;}

form#search fieldset {position:absolute;right:0;bottom:6px;}
form#search fieldset input {width:160px;background:#eee url(../img/formSearch-bg.png) no-repeat;color:#ccc;font-size:.8em;border:1px solid #DFDFDF;padding:4px;}
form#search fieldset input#searchSubmit {width:34px;height:23px;cursor:pointer;background: url(../img/searchGo.png);color:#CC0000;font-weight:bold;border:none;margin-left:-6px;}
form#search fieldset input#searchSubmit:hover {color:#333;}
#search {visibility: hidden;}

#language {height: 18px;background-color: #000;color: #fff;font-size: 0.75em;padding: 5px 20px 0 0; text-align:center;}
#language a {color: #777;padding: 0px 0px 0 15px;height: 12px;}
#language a:hover {color: #ddd;}
#language ul {/* padding-left:830px; */ padding-left:780px;list-style-type: none;list-style-image: url(../bilder/00_language_box_passiv.jpg);}
#language li {display: inline;list-style-image: url(../bilder/00_language_box_passiv.jpg);}



/*
3. MAIN CONTENT  -------------------------------------*/

#contentPage #contentArea h1 {font-size:1.6em;line-height:1.1em;color: #b0c75e;text-transform: uppercase;font-family: Georgia, "Times New Roman", Times, serif;padding:20px 0 10px 0;}
#contentArea h2 {text-transform: uppercase;font-family: Georgia, "Times New Roman", Times, serif;font-size:1.1em;color:#b0c75e;padding:15px 0 0 0; line-height:1.3em;}
#contentArea h3 {clear:both;font-size:1.2em;color:#555;padding-top:10px;}
#secondaryContent h3 {font-size:1em;color:#666;text-transform:uppercase;font-weight:normal;padding-top:5px;}
#secondaryContent h2 {text-transform: uppercase;font-size: 0.9em;padding: 0px 0px 5px 25px;border: 1px solid #000;font-family: Georgia, "Times New Roman", Times, serif;font-weight: bold;background-color: #000;color: #b0c75e;background-image:url(../img/00_vorzeichen_ue_sidebar.png);background-repeat:no-repeat;background-position: 0 0px;}
#secondaryContentBox h3 {text-transform: uppercase;font-size: 1.0em;padding: 2px 10px 0 0px;font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;font-weight: bold;color: #000;line-height:1.25em;}
#secondaryContentBox h3 a {color: #000;}
#secondaryContentBox h3 span {font-size:0.9em; font-weight:normal;color:#b0c75e;}
#secondaryContentBox h3 a:hover { text-decoration:underline;}
#secondaryContentBox h4 {font-size: 1.0em;font-family: Georgia, "Times New Roman", Times, serif;font-weight: bold;color: #bccf76;line-height: 0.8em;font-style: italic;padding: 2px 0 5px 0; border-bottom: 1px dotted #b0c75e;}
#secondaryContentBox h4 span {color: #fff;}
#contentArea p {clear:both;font-size:1.15em;line-height:1.5em;padding:5px 0;color:#aaa;}
#contentArea #primaryContent blockquote p {color:#333;font:1.15em Georgia,'Times New Roman',Times,serif;line-height:1.5em;padding:10px 20px;text-indent:0px;margin:5px 0;border:1px solid #788743;margin: 20px 0;background: url(../img/00_bg_sidebar_content.png) repeat-x center;color: #000;background-color:#e9efd1;font-style:italic;}
#secondaryContent p {color:#666;font-size:1em;}
#secondaryContentBox p {font-size:0.9em;color: #000;padding:5px 0 0 0;}
#secondaryContent span {font-size:1em;font-weight: bolder;padding-right: 5px;}

/* note */
#secondaryContent .note {clear:both;width:200px;margin-top:10px;padding:14px 20px 20px 20px;background:#FFF8CF url(../img/note-bg.png) 0 100% no-repeat;font-size:.9em;color:#666;}

/* links */
#contentArea h2 a {text-transform: uppercase;font-family: Georgia, "Times New Roman", Times, serif;color:#b0c75e;}
#contentArea h2 a:hover {color:#d6e1aa;}
#footerContent h2 a {color:#ddd;}
#contentArea p a {color:#fff;text-decoration: underline;}
#contentArea p a:hover {border-bottom:2px solid #ccc;}

/* lists */
#primaryContent ul, #primaryContent ol, #secondaryContent ul {padding:5px 0 5px 28px;color:#999;}
#primaryContent ul span, #primaryContent ol span {color:#d6e1aa;font-weight:normal;}
#primaryContent ul li, #primaryContent ol li, #portfolioMore ul li, #portfolioText ul li {font-size:1.15em;line-height:1.4em;}
#primaryContent ul li, #secondaryContent ul li, #portfolioText ul li {list-style-type:disc;}
#primaryContent ol li {list-style-type:upper-roman;}

#secondaryContent ul {font-size:1em;line-height:1.4em;}
#secondaryContent ul li span {color:#666;}
#secondaryContent ul li a {color:#666;}

/* images */
#primaryContent img.bigImage {float:left;width:570px;border:5px solid #e8e8e8;}
/*#primaryContent img {padding: 0 0 10px 0;}*/
.img { padding: 0 0 10px 0;}
#primaryContent.portfolio img {float:left;width:570px;height:140px;margin-top:5px;border: 5px solid #333;}
#primaryContent.portfolio img:hover {border: 5px solid #444;}
#secondaryContent img {float:left;width:95px;height:70px;margin:5px 5px 5px 0;padding:5px;background:url(../img/roundedImg-bg.png);}
#secondaryContent a img:hover {background-position:0 80px;}
.contentBox img {float:left;margin:3px 6px 0 0;}

/* tables */
table {margin:20px 0;border-collapse:collapse;border-spacing:0;width:580px;}
table thead th {padding:5px 22px;}
table tbody th, table tbody td {padding:5px 22px;color:#444;text-align:center;}
table thead th {background:#b0c75e;color:#fff;}
table tbody {font-size:.9em;}
table tbody tr {background:#ddd;}
table tbody tr.alt {background:#eee;}

/* spalten - container */

#content620 {width: 640px;float: left;}

#content620 p {line-height: 1.45em;}

.article {border: 10px solid #000;padding: 0px 20px 20px 20px;background-color: #0c070a;background-image:url(../bilder/00_bg_contents.png);background-position: bottom;background-repeat: repeat-x;margin-bottom: 10px;}

.article a {color: #C0C0C0;text-decoration: underline;}

.columnPic {border: 1px solid #575757;margin: 0px 0 120px 0px;}


/*
4. FOOTER  -------------------------------------*/

/* contact info in the footer */
#contactInfo ul li {padding:6px 12px 6px 35px;color:#999;font-size:1.2em;display:inline;}
#contactInfo ul li a {color:#999;}
#contactInfo ul li a:hover {color:#ccc;}
#contactInfo span {color:#b0c75e;padding-right:7px;}

/* headers */
#footerContent h2 {font-size:1.1em;color:#ddd;clear:both;font-weight:bold;line-height:1.4em;}

/* text */
#footerContent p {clear:both;color:#aaa;line-height:1.4em;padding:0 10px 5px 0;font-size:1em;}
#footerContent p span {color:#555;font-size:.9em;}
#footerContent p a {color:#b0c75e;font-weight:bold;border-bottom:1px dotted #333;}
#footerContent p a:hover {color:#ccc;border-bottom:1px solid #555;}

/* links */
#footerBottom p a {color:#444;}
#footerBottom p a:hover {color:#666;}
#footerBottom p {float:right;clear:none;padding:0;text-align:right;font-size:.9em;color:#333;line-height:1.3em;}
#footerBottom p span {color:#b0c75e;font-weight:bold;}

/* link with an arrow */
a.goLink {background:url(../img/goLink-bg.png) 0 50% no-repeat;color:#bbb;font-weight:bold;padding-left:9px;text-transform:uppercase;font-size:.9em;}
a.goLink:hover {color:#ccc;background-position:1px 50%;}

/* lists */
#footerContent .footerColumn ul {padding-bottom:5px;}
#footerContent .footerColumn ul li {color:#aaa;font-size:1em;line-height:1.4em;}
#footerContent .footerColumn ul li a {background:url(../img/goLink-bg.png) 0 50% no-repeat;color:#aaa;padding-left:9px;}
#footerContent .footerColumn ul li a:hover {color:#ccc;}

/* images */
#footerContent img {float:left;margin:5px 5px 5px 0;}
#footerBottom img {float:left;}


/*
5. HOMEPAGE -----------------------------*/

/* slideshow */
#slideshowArea {width:980px;height:320px;position:relative; background-color:#000; margin: 20px 0 40px 0;}
#slideshow ul, #slideshow li {list-style:none;width:960px;height:320px;overflow:hidden;}

#prevButton, #nextButton {float:left;position:absolute;left:-70px;top:150px;text-indent:-9999px;background:url(../img/prevButton.png) no-repeat;width:40px;height:40px;}
#nextButton {float:right;left:810px;background-image:url(../img/nextButton.png);}
#prevButton a, #nextButton a {float:left;width:40px;height:40px;}

/* flash intro */
#flashcontentarea {width: 960px;height: 300px;border: 10px solid #000;background-color: #000;background-image:url(../bilder/00_bg_flashcontentarea.jpg);margin-bottom: 10px;margin-top: 5px;}
/* intro text */
#introContent {margin:0 auto;width:980px;text-align:left; }
#introColumn, #portfolioMore {float: right;width: 310px;border: 10px solid #000;background: #000;color: #000;}
.introColumnContent {background: url(../img/00_bg_sidebar_content.png) no-repeat bottom;color: #000;padding:12px 30px 12px 30px; background-color:#e9efd1; color: #000;}
#introColumnFooter {color: #aaa;padding-top:10px;}
.introColumn.wide, #portfolioText {float:left;width:580px;border: 10px solid #000;padding: 0px 20px 20px 20px;background-color: #0c070a;background-image:url(../img/00_bg_contents.png);background-position: bottom;background-repeat: repeat-x;margin-bottom: 10px;color:#000;}

#introContent h1 {font-size:1.6em;line-height:1.1em;color: #b0c75e;text-transform: uppercase;font-family: Georgia, "Times New Roman", Times, serif;padding:20px 0 10px 0;}
#introContent h1 span {font-size:1.2em;color:#ccc;font-style:italic;}
#introContent p {line-height:1.4em;font-size:.9em;padding-right:12px;padding-bottom: 10px;}
#introContent .introColumn.wide p {font-size:1.2em;color:#aaa;}
#introContent p a {color:#fff;font-weight:normal; text-decoration:underline;}
#introContent p a:hover {background:#b0c75e;color:#111;}
.introColumnContent p {color: #000;padding:5px 0 0 0;}
#introContent img {margin:20px 0 5px 0;}
#introColumn h2 {text-transform: uppercase;font-size: 0.9em;padding: 0px 0px 5px 25px;border: 1px solid #000;font-family: Georgia, "Times New Roman", Times, serif;font-weight: boldbackground-color: #000;color: #b0c75e;background-image:url(../img/00_vorzeichen_ue_sidebar.png);background-repeat:no-repeat;background-position: 0 0px;}
#introColumn h3 { line-height:1.15em;text-transform: uppercase;font-size: 1.0em;padding: 2px 10px 0 0px;font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;font-weight: bold;color: #000;}
#introColumn h4 {font-size: 1.0em;font-family: Georgia, "Times New Roman", Times, serif;font-weight: bold;color: #bccf76;line-height: 0.8em;font-style: italic;padding: 5px 0 6px 0; border-bottom: 1px dotted #b0c75e;}
#introColumn h5 { "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;font-weight: bold;color: #bccf76;line-height: 0.8em;font-style: italic;padding: 2px 0 2px 0; font-style: normal; text-transform: uppercase;}

/*
6. PORTFOLIO -----------------------------*/

.portfolioSlideshow {margin:10px 0;padding:0;}

ol#controls {float:left;font-size:1em;position:absolute;left:10px;bottom:10px;background:url(../img/transparentBg.png);width:755px;padding-left:5px;}
ol#controls li {margin:0 1px 0 0;padding:0;float:left;list-style:none;font-size:1em;}
ol#controls li a {float:left;color:#888;padding:5px 3px;text-decoration:none;}
ol#controls li.current a {color:#CC0000;font-weight:bold;}

#portfolioMore ul li {border-bottom:1px dotted #333;font-size:1em;color:#666;line-height:1.5em;padding:4px 0;}
#portfolioMore ul li span {}
.kunde {font-size:0.9em;font-weight:normal; font-style:italic;color:#444;}
.aufzaehlung {font-weight:bold;color:#b0c75e;}
a.linkButton {background:url(../img/linkButton-bg.png);width:310px;height:40px;float:left;color:#fff;text-align:center;font-weight:bold;line-height:40px;margin-top:25px;}
a.linkButton:hover {color:#ddd;}


/*
7. CONTACT FORM  -------------------------------------*/

.required {color:#b0c75e;font-size:1.2em;font-weight:bold;}

form fieldset input, form fieldset textarea {background:#fff;border:1px solid #ddd;color:#444;padding:4px;font-family:Verdana,'Helvetica Neue',Helvetica,sans-serif;}
form fieldset input:focus, form fieldset textarea:focus {background:#fafafa;border:2px solid #ddd;padding:3px;}
form fieldset label {color:#b0c75e;font-size:.9em;font-weight:bold;padding:12px 0 4px 0;display:block;}
form#contact {clear:both;}
form#contact fieldset textarea {width:425px;overflow:auto;margin-bottom:10px;}
form#contact fieldset .radio {border:none;background:none;margin:3px 0 3px 2px;font-size:.9em;color:#888;}
form#contact fieldset button {font:1em Arial,'Helvetica Neue',Helvetica,sans-serif;padding:4px 8px;cursor:pointer;color:#fff;background: url(../img/linkButton-bg.png);text-transform:uppercase;border:1px solid #333;}
form#contact fieldset button:hover {color:#777;}

/* after successfully sent message */
#primaryContent .success {float:left;color:#333;background:#FFFFCC;font-weight:bold;border:1px solid #ddd;margin:10px 0;padding:6px 50px;text-align:center;font-size:1em;}