/*
Theme Name: development 9
Theme URI: http://www.development-9.de
Description: "development 9" Theme for Wordpress
Version: 3.0
Author: Ralf Kobert 
Author URI: http://www.fabrik1design.de
*/

/* Reset
--------------------------------------------------*/

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}

/* Body
--------------------------------------------------*/
body {
height:100%;
font:.75em/1.7em "lucida grande", verdana, sans-serif;
color:#848484;
background:#2a2d30 url(images/body_bg_3.gif) repeat-x left top;
}

/* Links
--------------------------------------------------*/

a {
color:#326EA1;
background-color:transparent;
}
li a {
color:#54585E;
background-color:#fff;	
}

/* Maincontainer
--------------------------------------------------*/
#maincontainer {
position:relative;
/*width:924px;*/
max-width:924px;
margin:0 auto;
background-color:#fff;
}

#container{
background-color:#fff;
margin:0;
padding:0;
}

/* Header
--------------------------------------------------*/
#header{
/*height:35px;
width:826px;*/
height:105px;
margin:0 90px 0 90px;
/*color:#848484;*/
}

/* Topnavigation 1
--------------------------------------------------*/
.top-menu {
height:30px;
width:70%;
}
#menu-topnavigation li {
float:left;
list-style-type:none;
}
#menu-topnavigation li a {
font:bold 1em/1.4em "lucida grande", verdana, sans-serif;
text-decoration:none; 
display:block;
padding:3px 7px 5px 7px;
}
#menu-topnavigation li a:hover,
#menu-topnavigation li.active a {
color:#fff;
background-color:#464A4F;
}
#menu-topnavigation li a:focus {
color:#fff;
background-color:#8a8a8a;
}
#menu-topnavigation li.current_page_item a{
color:#fff;
background-color:#464A4F;
}

/* Topnavigation 2
--------------------------------------------------*/
.top-menu2 {
float:right;
padding:45px 0 0 0;
color:inherit;
background-color:#fff;
}

#menu-topnavigation-2 li {
float:left;
}

#menu-topnavigation-2 li a {
display:block;
height:21px;
}

#menu-topnavigation-2 li.menu-item-1905 a {
width:158px;
background:url(images/architektur.gif) 0 -21px no-repeat;
}
#menu-topnavigation-2 li.current_page_item.menu-item-1905 a {
width:158px;
background-position:0 0px;
}

#menu-topnavigation-2 li.menu-item-1906 a {
width:98px;
background:url(images/design.gif) 0 -21px no-repeat;
}
#menu-topnavigation-2 li.current_page_item.menu-item-1906 a {
width:98px;
background-position:0 0px;
}

#menu-topnavigation-2 li.menu-item-1907 a {
width:103px;
background:url(images/medien.gif) 0 -21px no-repeat;
}
#menu-topnavigation-2 li.current_page_item.menu-item-1907 a {
width:103px;
background-position:0 0px;
}

#menu-topnavigation-2 li a:hover,
#menu-topnavigation-2 li a:focus,
#menu-topnavigation-2 li a:active,
#menu-topnavigation-2 li.active a  {
background-position:0 0px;
}

#menu-topnavigation-2 em{
position:absolute;
top:-500px;
left:-999px;
}

/* Image Bereich
------------------------------------------------------ */
#eyecatcher{
margin:0 98px 15px;
}

.headerimg {
width:100%;
height:auto;
}

#flashlogo {
width:78,55%;
height:auto;
}

div .mediaheader {
margin:40px 0 0 98px !important;
}

/* Container / Content
--------------------------------------------------*/
#content{
font:1.1em/1.4em "lucida grande", verdana, sans-serif;
float:left;
width:50%;
min-height:600px;
margin:10px 20px 4em 98px;
}

#content p{
margin-bottom:18px;
}

#content h1 {
margin:0 0 12px 0;
font:normal 1.8em/1.7em georgia,"lucida grande", verdana, sans-serif;
border-bottom:1px solid #848484;
color: #545454;
background-color:#fff;
}

#content h1.second {
margin:30px 0 10px 0;
}

#content h1 a {
font:normal 100%/1.7em georgia,"lucida grande", verdana, sans-serif;
text-decoration:none;
padding:0 0 0 20px;
color: #848484;
background:#fff url(images/h1_gallery.gif) left center no-repeat;
}

#content h1 a:hover,
#content h1 a:focus {
color:#848484;
background:#fff url(images/h1_gallery_hover.gif) left center no-repeat;
}

#content h2 {
padding:0 0 0 7px;
margin:0 0 12px 0;
font:normal 1.3em/1.7em georgia,"lucida grande",verdana, sans-serif;
color: #545454;
background-color: #f1f1f1;
}

#content .col1 h2,
#content .col2 h2{
padding:0;
margin:0;
}

#content .col1 ul,
#content .col2 ul{
margin-bottom:15px;
}

#content h2 a {
font:normal 100%/1.7em georgia,"lucida grande", verdana, sans-serif;
padding:0 0 0 5px;
}

#content h2 a,
fieldset p a {
border:none;
text-decoration:none;
color: #004A90;
background-color:transparent;
}

#content h2 a:hover,
fieldset p a:hover {
border:none;
text-decoration:none;
color:#545454;
background-color:transparent;
}

#content h2 a:focus,
fieldset p a:focus {
border:none;
text-decoration:none;
color:#000;
background-color:#fff;
}

#content h3 {
margin:0 0 12px 0;
font:normal 1.2em/1.2em georgia,"lucida grande", verdana, sans-serif;
color: #545454;
background-color:#fff;
}

#content h4 {
margin:0 0 12px 0;
font:normal 1.05em/1.2em georgia,"lucida grande", verdana, sans-serif;
color: #545454;
background-color:#fff;
}

#content ul.bullet li{
list-style-type:none;
padding:0 0 0 15px;
color:#000;
background: #E6E6E6 url(images/content_li_bullet.gif) 0 .70em no-repeat;
}

#content ul li{
list-style-type:none;
line-height:1.5em;
}

#content a {
/*padding:2px 2px 2px 0;*/
font-weight: normal;
color:#004A90;
background-color:#fff;
}

#content a:hover,
#content a:focus,
#content a:active {
color:#F39642;
background-color:#fff;
}

#content a.imglink {
padding:0 !important;
}

#content a.imglink:hover,
#content a.imglink:focus,
#content a.imglink:active {
color:#6BA136;
background:#E6E6E6;
}

#content strong{
font-weight:bold;
background-color:#fff;
color: #575757;
}

#content .imgstatic {
margin: 0 0 0 -4px;
padding:0;
}

#content a img {
margin-bottom:7px;
}

#content p img {
height:auto;
margin:0 0 0 0;
padding: 0 0 -4px 0;
}

#content .catnav a{
padding:2px 5px 2px 5px;
/*font-weight:bold;*/
background-color: #e3e3e8;
color: #000;
text-decoration:none;
}

#content .catnav a:hover{
color:#fff;
background-color: #a4a6b2;
}

/* Sidebar 
--------------------------------------------------*/
#sidebar {
width:220px;
float:right;
margin:23px 100px 0px 20px;
color:#666;
background-color:inherit;
}

#menu-sidebar-first.menu li a{
font-weight:bold;
}

#menu-sidebar-first.menu li.current_page_item a{
color:#fff;
background-color:#464A4F!important;
}

#menu-sidebar-year.menu li.current-menu-item a,
#menu-sidebar-referenzen.menu li.current-menu-item a{
color:#fff;
background-color:#464A4F!important;
}

#menu-sidebar-typologisch ul.sub-menu li a{
padding:0 0 0 35px;
line-height:1.6em;
}

#sidebar h1 {
clear:both;
margin:0 0 0 -16px;
color: inherit;
background:#fff;
}

#sidebar h1.d9text{
width:236px;
height: 29px;
background:url(images/d9_text_logo.gif) left top no-repeat;
}

#sidebar h2 {
clear:both;
margin:0 0 8px 0px;
font:bold 1.2em/1.5em "lucida grande", georgia, verdana, sans-serif;
color:#575757;
background-color:#fff;
}

#sidebar h4 {
margin:0 0 10px 0;
font:bold .985em/1em  georgia, "lucida grande", verdana, sans-serif;
color:#383D44;
background:#fff;
}

#sidebar h4.first{
margin:20px 0 10px 0;
}

#sidebar p{
padding-left:12px;
}

#sidebar ul#level1{
padding-top:20px;
}

#sidebar ul {
margin:0 0 15px 0;
list-style-type:none;
background-color:#fff;
}

#sidebar ul li {
margin:0;
padding:0;
line-height:1.3em;
}

#sidebar ul li ul {
margin:0;
padding:0;
}

#sidebar ul li#mycategoryorder-9{
margin:0 0 30px 0;
}

#sidebar ul.work{
padding:6px 4px 6px 10px;
color:inherit;
background: #EDF4FC;
}

#sidebar ul.work li{
line-height:1.7em;
}

#sidebar li a {
display:block;
padding:4px 4px 4px 10px;
font-weight:normal;
text-decoration:none;
color:#575757;
background:#fff !important;
}

#sidebar li li a {
padding:3px 4px 3px 10px;
}

#sidebar li li li a {
padding:3px 4px 3px 26px;
}

#sidebar li.pagelev1active a.pagelev1current,
#sidebar li.pagelev2active a.pagelev2current,
#sidebar li.current-cat a {
color:#575757;
background:#e6e6e6;
}

#sidebar li a:hover, 
#sidebar li a:focus,
#sidebar li a:active {
color:#575757;
background-color:#e6e6e6 !important;
}

#sidebar ul#level1 li a{
font-weight:bold;
}

#level1active a {
color:#575757;
background:#C8C8C8 !important;
}

#sidebar form p {
padding:0 0 10px 0;
}

#sidebar form {
margin:0;
padding:4px 0 0 0;
}

#sidebar form #s,
#content form p label input {
width:220px;
margin:0;
padding:4px 0;
text-align:left;
}

#sidebar input#searchsubmit {
width:auto;
max-width:300px;
padding: 3px 6px;
color:#000;
background-color:#D3D3D3 !important;
font-size:92.5%;
text-align:center;
border: 1px solid #7A8089;
}

#sidebar #searchsubmit:hover,
#sidebar #searchsubmit:focus {
background-color:#095E94 !important;
color:#fff;
}

#sidebar p.searchsubmit {
margin:0;
padding:0 0 8px 0;
}

#sidebar li#search-3{
list-style-type: none;
}

#searchform input#s{
margin-bottom:5px;
}

#searchform .screen-reader-text{
position:absolute;
top:-500px;
left:-999px;
}

#sidebar input,
#content form p label input {
margin:0 0 8px 0;
}

#sidebar ul#relposts li a.relposttitle{
font-weight:bold;
color:inherit;
background:#e1e1e1 !important;
}

#sidebar ul#relposts li p.relposttext a.more{
padding:3px 0 10px 0;
color:red;
background:#fff;
}

#sidebar ul#relposts li p.relposttext a:hover.more,
#sidebar ul#relposts li p.relposttext a:focus.more{
color:#000;
background:#fff !important;
}

#sidebar ul li.active a {
color:#fff;
background-color:#464A4F !important;
}

#sidebar ul li.referenzen a{
margin:20px 0 0 0;
}

#sidebar ul li.nav2te a{
margin:0 0 15px 15px;
}

/* Footer
-------------------------------------------------- */
#footer{
margin: 0 98px 0 97px;
clear:both;
height:3em;
line-height:3em;
text-align:left;
color:#dfdfdf;
background-color:#2a2d30;
border-bottom: 1px solid #616161;
}

#footer p {
font-size:0.9em;
color:#dfdfdf;
background-color:#2a2d30;
margin:0;
padding: 0px 26px 0px 16px;
text-align:left;
}

#footer a{
text-decoration:none;
padding:3px 5px;
color:#dfdfdf;
background-color:#2a2d30;
}

#footer a:hover{
color:#000;
background-color: #E4E4E4;
}

#footer a:focus, #footer a:active{
background:#B4B4B4;
color:#000;
}

.footerleft{
float:left;
}

.footerright{
float:right;
}

/* Formulare
-------------------------------------------------*/
form {
padding:6px 0;
border:none;
}

form p {
padding:6px 0;
}

form label {
background:inherit;
color: #383D44;
}

form label em {
font-style:normal;
background:inherit;
color: #B1201F;
}

form input, form textarea {
padding:3px;
width:200px;
border:1px solid #B5B5B5;
font-family:Arial,Helvetica,sans-serif;
font-size:1em;
color:#383838;
background-color:#FFF;
}

form input:hover,
form input:focus,
form textarea:hover,
form textarea:focus {
color:#666;
background-color: #E5F3FF !important;
}

form textarea {
overflow:auto;
}

form .darkred {
color:#990000;
background-color:#fff;
}

#kontakt {
margin:35px 0 18px 0;
}

#kontakt p {
padding:0 0 3px 0;
margin:0;
}

#kontakt input,
#kontakt textarea {
margin:0 0 8px 0;
}

#kontakt .submit,
input#submit,
#content .submit{
width:auto;
font-size:.9em;
border-color: #787878;
background-color: #D3D3D3 !important;
color:#2b2b2b;
}

#kontakt .submit:hover,
#kontakt .submit:focus,
input#submit:hover,
input#submit:focus,
#content .submit:hover,
#content .submit:focus {
background-color:#095E94 !important;
color:#fff;
}

#kontakt #csubject,
#kontakt textarea,
textarea#comment {
width:80%;
}

/* Inhaltsverzeichnis
-------------------------------------------*/
.ddsg-wrapper {
margin:0;
padding:0 0 0 70px;
}

.ddsg-wrapper ul.ddsgposts1 {
padding: 0 0 16px 0 !important;
}

.ddsg-wrapper ul li {
margin:0 0 10px 34px !important;
font-weight:bold;
background:none !important;
}

.ddsg-wrapper ul li ul li {
margin:0 0 0 14px !important;
font-weight:normal;
/*background:url(images/bullet_content_list.jpg) left center no-repeat !important;*/
}

.ddsg-wrapper ul li ul li ul {
margin:0 0 14px 0 !important;
}

/* Verschiedenes
--------------------------------------------------*/

.clear {
float:none;
clear:both;
width:auto;
height:0;
border:0 none;
margin:0;
padding:0;
line-height:0px;
color:#f3f1e9;
background-color:inherit;
}

.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

.hilite {
color: #fff;
background-color: #f93;
}

.letter13{
font-size:0.8em;
text-transform: none;
font-weight:normal !important;
}

.red {
color:#B1201F;
background-color:inherit;
font-weight:bold;
}

.blue{
background: #dfdfdf;
color:#000;
}

.bold{
font-weight:bold;
}

fieldset {
border:0 solid;
}

#logo h1, #content a#inhalt,
legend, legend em, th,
#sidebar h1 span, #topnavi2 li em {
position:absolute;
top:-500px;
left:-999px;
}

.imgright {
float:right;
padding:0 0 10px 35px;
}

ul.verweise li{
padding:0 0 10px 0;
}

.imgtext{
font-size:0.9em;
color:#000;
background-color:inherit;
}

#teaser{
width:100%;
padding:0 0 10px 0;
margin:0 0 0 0;
color:red;
background-color:#fff;
}

#teaser h2{
margin:0 0 5px 0 !important;
padding:0 !important;
color:red !important;
background-color:#fff !important;
}

#teaser a{
color:red !important;
background-color:#fff !important;
text-decoration: underline !important;
}

#teaser a:hover{
color:#383D44 !important;
background-color:#fff !important;
text-decoration: underline !important;
}

/* QR Code
------------------------------------------------- */
.qrcode{
margin:30px 0 0 10px;
}

/* Gallery styles
------------------------------------------------- */
#gallery{
margin:40px auto;
/*background:url(../img/panel.jpg) repeat-x bottom center #ffffff;
 The width of the gallery */
width:728px;
height:400px;
overflow:hidden;
}

/* Widgets 
-----------------------------------------------*/
#dropdown_mycategoryorder-3{
margin-left: 20px;
border:1px solid #c9c9c9;
width:150px;
}

#dropdown_mycategoryorder-3 option,
#dropdown_mycategoryorder-3.postform{
background-color:#f1f1f1;
}

#dropdown_mycategoryorder-3 option.level-0{
margin:0 0 2px 5px;
}

#sidebar ul li #mycategoryorder-4 .widget widget_mycategoryorder ul li .cat-item cat-item-10 current-cat a{
background-color:#cccccc;
font-weight:bold;
}

.col1{
float:left;
width:205px;
margin-right:20px;
}

.col2{
float:left;
width:205px;
margin-right:20px;
}

#content .col1 h2,
#content .col2 h2{
background-color:#fff;
color:#383D44;
font:bold 1.0em/1.7em "lucida grande", verdana, sans-serif;
}

#content .col1 a,
#content .col2 a{
display:block;
text-decoration:none;
padding:0 0 0 13px;
color:#848484;
}

#content .col1 a:hover,
#content .col2 a:hover{
color:#fff;
background-color:#2a2d30;
}

.more-link{
font:0.9em/1.7em "lucida grande", verdana, sans-serif;
text-decoration:none;
}

h2.entry-title{
padding-left:5px;
}

h3.widget-title{
list-style:none;
}


/* Media queries for responsive design
--------------------------------------------- */

/* --- iPad Landscape --- */
@media screen and (max-width: 1024px) {
body, html{
background-color:#fff;
}
#maincontainer {
position:relative;
max-width:1024px;
padding: 20px 150px 20px;
background-color:#fff;
}
#header{
width:100%;
height:100%;
padding:0;
margin:0;
float:left;
margin-bottom:20px;
}

.headerimg {
width:100%;
height:auto;
margin:0 0 30px 0;
}

#flashlogo{
width:100%;
height:auto;
max-width:1024px;
margin:0 auto;
}
#eyecatcher.noflashimg{
margin:0 0 30px 0;
padding:0;
width:100%;
height:auto;
}
#eyecatcher{
margin:0 0 30px 0;
padding:0;
width:100%;
height:auto;
}

.top-menu{
width:100%;
}

#menu-topnavigation li {
width:100%;
}

#menu-topnavigation li a {
font:bold 1.0em/1.4em "lucida grande", verdana, sans-serif;
color: #9499a0;
overflow: hidden;
background-color: #F0F0F0;
border-bottom: 1px solid #ddd;
text-align: center;
text-decoration:none; 
display:block;
padding:10px 10px 10px;
}

.top-menu2 {
float:left;
}

#container{
max-width:1023px;
padding: 0 0 0;
background-color: #fff;
}
#content{
min-height:0px;
width:100%;
margin:0 20px 0 0px;
padding:0;
float:left;
}
#container #sidebar{
width:100%;
border-top:1px solid #000;
float:left;
margin:0;
padding:20px 0 0 0;
}

#footer{
width:100%;
margin:0;
float:left;
}

/* Inhaltsverzeichnis
-------------------------------------------*/
.ddsg-wrapper {
margin:0;
padding:0 0 0 0;
}

.ddsg-wrapper ul.ddsgposts1 {
padding: 0 0 16px 0 !important;
}

.ddsg-wrapper ul li {
margin:0 0 10px 0px !important;
font-weight:bold;
background:none !important;
}

.ddsg-wrapper ul li ul li {
margin:0 0 0 0px !important;
font-weight:normal;
line-height:1.8em !important;
/*background:url(images/bullet_content_list.jpg) left center no-repeat !important;*/
}

.ddsg-wrapper ul li ul li ul {
margin:0 0 14px 0 !important;
}
}
/* --- iPad Portrait --- */
@media screen and (max-width: 880px) {
body, html{
background:#fff;
}
#maincontainer {
position:relative;
max-width:768px;
padding: 20px 20px 20px;
background-color:#fff;
}
#header{
width:100%;
height:100%;
padding:0;
margin:0;
float:left;
margin-bottom:20px;
}
#eyecatcher{
margin:0;
padding:0;
width:100%;
height:auto;
}
.headerimg {
width:100%;
height:auto;
}
#container{
max-width:767px;
padding: 0 0 0;
background-color: #fff;
}
#content{
min-height:0px;
width:100%;
margin:0 20px 10px 0px;
padding:0;
float:left;
}
#container #sidebar{
border-top:1px solid #000;
float:right;
margin:0;
padding:20px 0 0 0;
}
#footer{
width:100%;
margin:0;
float:left;
}
}
/* --- Smartphones and small Tablet PCs --- */
@media screen and (max-width : 740px){
body{
background:#fff;
}
#maincontainer {
padding: 20px 20px 20px;
background-color:#fff;
}
#header{
width:100%;
height:100%;
padding:0;
margin:0;
float:left;
}
.headerimg {
width:100%;
height:auto;
margin:0 0 20px 0;
}
#eyecatcher{
margin:0;
padding:0;
width:100%;
height:auto;
}
#flashlogo img {
width:100%;
height:auto;
margin:0 0 20px 0;
padding:0;
}
#content{
min-height:0px;
width:100%;
margin:0 20px 40px 0px;
padding:0;
float:left;
}
.top-menu {
margin:0 0 100px 0;
padding:0;
height:100%;
width:100%;
}
#menu-topnavigation li a {
font:bold 1em/1.4em "lucida grande", verdana, sans-serif;
color: #9499a0;
background-color:#fff;
text-decoration:none; 
display:block;
padding:4px 10px 4px;
}
#menu-topnavigation li a:hover,
#menu-topnavigation li.active a {
color: #3d3d3d;
background-color:#fff;
}
#menu-topnavigation li.current_page_item a{
color:#3d3d3d;
background-color:#fff;
text-decoration:underline;
}
.top-menu2 {
float:right;
padding:0;
margin:0 0 20px;
height:100%;
width:100%;
}
.top-menu2 ul.menu li.menu-item {
width: 100%;
margin:0 0 10px 0;
float: none;
overflow: hidden;
background-color: #fff;
text-align: center;
}

#sidebar{
width:100%;
float:left;
padding:15px 0 0 0;
margin:0 0 40px 0;
border-top: 1px solid #bebebe;
}

#sidebar li a{
margin:0;
padding:0;
}

#menu-sidebar-first.menu li a{
font:bold 12px/1.7em "lucida grande", verdana, sans-serif!important;
}

#menu-sidebar-first.menu li.current_page_item a{
color:#fff;
background-color:#464A4F;
}

#menu-sidebar-year.menu li.current-menu-item a,
#menu-sidebar-referenzen.menu li.current-menu-item a{
color:#fff;
background-color:#464A4F!important;
}

#content p img.refimagegr {
width:100%;
height:auto;
}

#footer{
background-color:#fff;
padding:15px 0 0 0;
border-top: 1px solid #bebebe;
border-bottom:none;
}

#footer p{
margin:0 0 50px 0;
padding:0;
}

#footer a{
font:bold 12px/1.7em "lucida grande", verdana, sans-serif;
text-decoration:none;
padding:0;
margin:0;
color: #9499a0;
background-color:#fff;
display: block;
font-weight:bold;
}

#footer a:hover{
color:#3d3d3d;
background-color: #fff
}

.footerleft{
float:left;	
}

.footerright{
float:right;
}

.separator{
position:absolute;
top:-500px;
left:-999px;
}

.ddsg-wrapper {
margin:0;
padding:0;
}
}

/* --- Smartphones and small Tablet PCs --- */
@media screen and (max-width : 620px){
body{
font:0.85em/1.4em "lucida grande", verdana, sans-serif;
background:#fff;
}
#maincontainer {
padding: 20px 20px 20px;
background-color:#fff;
}
#header{
width:100%;
height:100%;
padding:0;
margin:0;
float:left;
}
.headerimg {
width:100%;
height:auto;
margin:0 0 20px 0;
}
#eyecatcher{
margin:0;
padding:0;
width:100%;
height:auto;
}
#flashlogo, embed {
width:100%;
height:auto;
}
#content{
min-height:0px;
width:100%;
margin:0 20px 40px 0px;
padding:0;
float:left;
}
.top-menu {
margin:0 0 30px 0;
padding:0;
height:100%;
width:100%;
}
#menu-topnavigation li {
float:none;
width:100%;
}
#menu-topnavigation li a {
font:bold 1.0em/1.4em "lucida grande", verdana, sans-serif;
color: #9499a0;
overflow: hidden;
background-color: #F0F0F0;
border-bottom: 1px solid #ddd;
text-align: center;
text-decoration:none; 
display:block;
padding:10px 10px 10px;
}
#menu-topnavigation li a:hover,
#menu-topnavigation li.active a {
color: #fff;
background-color: #585858;
}
#menu-topnavigation li.current_page_item a{
/*color:#3d3d3d;
background-color:#fff;
text-decoration:underline;*/
color: #fff;
background-color: #585858;
text-decoration:none;
}

.top-menu2{
display:none;
}

#sidebar{
width:100%;
float:left;
padding:15px 0 0 0;
margin:0 0 40px 0;
border-top: 1px solid #bebebe;
}

.sidebar-menu-1, .sidebar-menu-2{
margin:0;
padding:0;
width:100%;
}

#menu-sidebar-first.menu li a,
#menu-sidebar-referenzen.menu li a{
font:normal 1.1em/1.4em "lucida grande", verdana, sans-serif!important;
color: #9499a0;
overflow: hidden;
background-color: #F0F0F0!important;
border-bottom: 1px solid #ddd;
text-align: center;
text-decoration:none; 
display:block;
padding:10px 10px 10px;
}

#menu-sidebar-first.menu li.current_page_item a{
color:#fff;
background-color:#464A4F;
}

#menu-sidebar-year.menu li.current-menu-item a,
#menu-sidebar-referenzen.menu li.current-menu-item a{
color:#fff;
background-color:#464A4F!important;
}

#content p img.refimagegr {
width:100%;
height:auto;
}

#footer{
background-color:#fff;
padding:0;
border-top: 1px solid #bebebe;
border-bottom:none;
}

#footer p{
margin:0 0 50px 0;
padding:0;
}

.footerleft, .footerright{
width:100%;
}

.footerleft a{
font:normal 1.1em/1.4em "lucida grande", verdana, sans-serif!important;
color: #9499a0;
overflow: hidden;
background-color: #F0F0F0!important;
border-bottom: 1px solid #ddd;
text-align: center;
text-decoration:none; 
display:block;
padding:10px 10px 10px!important;
}

.footerright a{
font:normal 1.1em/1.4em "lucida grande", verdana, sans-serif!important;
color: #fff!important;
overflow: hidden;
background-color: red!important;
border-bottom: 1px solid #ddd;
text-align: center;
text-decoration:none; 
display:block;
padding:10px 10px 10px!important;
}

.separator{
position:absolute;
top:-500px;
left:-999px;
}

.ddsg-wrapper {
margin:0;
padding:0;
}
}