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


/* Reset
--------------------------------------------------*/
* {
border:0 solid;
margin:0;
padding:0;
}

html {
height:100.1%;
font-size:100.1%;
}


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


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

a {
color:#326EA1;
background:inherit;
}


/*------------------------------------------------*/

acronym{
border-bottom:1px dotted #2b2b2b;
cursor: help;
}

/* Maincontainer
--------------------------------------------------*/

#maincontainer {
position:relative;
width:768px;
margin:0 auto;
background:url(images/maincont_bg_2.gif) left top repeat-y;
}


/* Topnavigation
--------------------------------------------------*/

#topnavi {
padding:0 0 0 22px;
width:100%;
color:inherit;
background-color:#fff;
}

#topnavi li {
float:left;
list-style-type:none;
}

#topnavi li a {
font:normal 1em/1.4em "lucida grande", verdana, sans-serif;
color:#54585E;
background-color:#fff;
text-decoration:none; 
display:block;
padding:3px 7px 5px 7px;
}

#topnavi li a:hover,
#topnavi li.active a {
color:#fff;
background-color:#464A4F;
}

#topnavi li a:focus {
color:#fff;
background-color:#8a8a8a;
}

/* Topnavigation 2
--------------------------------------------------*/

#topnav2{
width:769px;
height:21px;
background:#fff url(images/topnavi2_bg.gif) left top no-repeat;
}

#topnavi2 {
padding:0 0 0 20px;

color:inherit;
background-color:#fff;
}

#topnavi2 li {
float:left;
list-style-type:none;
}

#topnavi2 li a {
font:normal 1em/1.4em "lucida grande", verdana, sans-serif;
color:#54585E;
background-color:#fff;
text-decoration:none; 
display:block;
height:21px;
width:100px;
}

#topnavi2 li.archi a {
width:158px;
background:url(images/architektur.gif) 0 -21px no-repeat;
}
#topnavi2 li.desi a {
width:98px;
background:url(images/design.gif) 0 -21px no-repeat;
}
#topnavi2 li.medi a {
width:103px;
background:url(images/medien.gif) 0 -21px no-repeat;
}

#topnavi2 li a:hover,
#topnavi2 li a:focus {
background-position:0 0px;
}

#topnavi2 li a:active,
#topnavi2 li.active a {
background-position:0 0px;
}


/* Header
--------------------------------------------------*/

#header{
height:62px;
width:768px;
color:#848484;
background:#fff url(images/header_bg_2.gif) left top no-repeat;
}

.headerlogoimg {
float:right;
padding:139px 35px 0px 0px;
}

#logo {
height:189px;
background:url(images/logo_bg.gif) left top no-repeat;
}


/* Container Content
--------------------------------------------------*/


#content{
float:left;
width:452px;
min-height:600px;
padding:10px 20px 4em 35px;
margin:0;
color:#848484;
background-color:inherit;
}

#content p{
padding-bottom:15px;
}

#content h1 a {
margin:0 0 0 -2px;
text-decoration:none;
font:normal 100%/1.2em georgia,"lucida grande", verdana, sans-serif;
padding:3px;
color:#004A90;
background-color:inherit;
}

#content h1 a:hover,
#content h1 a:focus {
color:#fff;
background-color:#464A4F;
}

#content h1 {
padding:2px 0 5px 0;
margin:0 0 20px 0;
font:normal 180%/1.2em georgia,"lucida grande", verdana, sans-serif;
border-bottom:1px solid #848484;
color: #848484;
background-color:#efefef;
}

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

#content h2 {
padding:0 0 0 0;
margin:10px 0 12px 0;
font:normal 140%/1.4em georgia,"lucida grande",verdana, sans-serif;
color: #848484;
background-color:#efefef;
}

#content h3 {
margin:0 0 5px 0;
font:bold 0.9em/1.6em "lucida grande", verdana, sans-serif;
color:#848484;
background-color:#efefef;
}

#content h4 {
margin:0;
font-size:1em;
}

#content h2 a,
fieldset p a {
border:none;
text-decoration:none;
color:#5E8F2E;
background-color:#E6E6E6;
}

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

#content h2 a:focus,
fieldset p a:focus {
border:none;
text-decoration:none;
color:#000;
background:#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;
}

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

#content a:hover,
#content a:focus,
#content a:active {
font-weight: normal;
color:#F39642;
background:inherit;
}

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

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

#content strong{
background-color:#efefef;
color: #575757;
}

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


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

#sidebar {
width:220px;
float:right;
/*margin:1px 0 3em 0;*/
padding:8px 20px 0px 20px;
color:#666;
background-color:inherit;
}

#sidebar h1 {
clear:both;
margin:0 0 0 -16px;
/*padding:0 0 0 16px;
font:bold 1.4em/1.5em  georgia, "lucida grande", verdana, sans-serif;*/
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:12px 0 8px 10px;
padding:0px 0 2px 0;
font:bold 120%/1.5em "lucida grande", georgia, verdana, sans-serif;
color:#575757;
background:inherit;
}

#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 {
padding-bottom:5px;
list-style-type:none;
color:inherit;
background-color:#fff;
}

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

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

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

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

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

#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 #level1 li a:hover, 
#sidebar #level1 li a:focus,
#sidebar #level1 li a:active,
#sidebar ul#level1 li#level1active a {
color:#fff;
background-color:#464A4F !important;
}

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

#level1active a#level1current,
#level2active a#level2current,
#level3active a#level3current,
#menuref1active a#menuref1current,
#menuref2active a#menuref2current,
#menuref3active a#menuref3current,
.print2active a.print2current,
.medien2active a.medien2current,
#denkmal2active a#denkmal2current,
#innen2active a#innen2current,
#adenkmal2active a#adenkmal2current,
#aneubau2active a#aneubau2current,
#ainnen2active a#ainnen2current,
#agart2active a#agart2current {
color:#575757;
background:#e6e6e6 !important;
}

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

#sidebar p#rssfeed {
padding:30px 0 5em 0;
}

#sidebar #rssfeed a {
display:block;
width:69px;
height:37px;
color:#848484;
background:#fff url(images/rss_feed_button.gif) 0 0 no-repeat;
}

#sidebar #rssfeed a:hover,
#sidebar p#rssfeed a:focus,
#sidebar p#rssfeed a:active {
background-position:0 -37px;
}

#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:2px 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 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 20px 0 20px;
clear:both;
height:3em;
line-height:3em;
text-align:left;
color:#dfdfdf;
background-color:#54585E;
/*border-top:1px solid #9DDAF6;*/
border-bottom: 1px solid #616161;
}

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

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

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

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

p.footerleft{
float:left;
}

p.footerright{
float:right;
margin-right:20px;
}

/* 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%;
}

/* Referenzen Listen
----------------------------------------------*/

dl {
margin: 0;
display: block;
width:440px;
padding-bottom:15px;
margin-bottom:10px;
}

dt {
background-color: #E4E4E4;
color:inherit;
border-bottom: 1px solid #aaa;
padding: 2px 0px 2px 6px;
font-size: 1em;
font-weight: bold;
}

dt img {
vertical-align: baseline;
padding: 4px 0px 0px 0px;
}

dd {
font-size: 1em;
padding: 8px 0px 0px 6px;
color: #333;
background-color:inherit;
}

dd a{
color:#095E94;
background:inherit;
text-decoration:underline;
}

dl:hover {
color:inherit;
background: #E4F0FA;
}

.sfhover {
color:inherit;
background: #E4F0FA;
}

dd li {
list-style-type:none;
padding-bottom: 0px;
/*font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;*/
font:normal 1em/1.6em "lucida grande", verdana, sans-serif;
}

/* 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 a {
padding:3px;
}

.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;
}



/* Textzoom
-------------------------------------------- */

.textzoom {
z-index:4;
position:absolute;
top:62px;
left:14px;
padding:0;
line-height:0em;
}

.textzoom a {
border-bottom:none;
margin:0;
line-height:0em;
font-size:0;
}

.textzoom a img:hover,
.textzoom a:focus img,
.textzoom a:active img {
color:#000;
background:#9E112A !important;
}


/* Skipnav
--------------------------------------------------*/

ul#skipnav {
margin:0;
padding:0;
height:0;
}

ul#skipnav li {
list-style-type:none;
display:inline;
}

ul#skipnav li a {
position:absolute;
top:-500px;
left:-999px;
text-decoration:none;
}

ul#skipnav li a:focus,
ul#skipnav li a:active {
z-index:5;
display:block;
position:relative;
top:212px;
left:24px;
width:21em;
border:1px solid #fff;
margin:0;
padding:0 0 1px 4px;
font:bold .9em/2em "Lucida Grande", verdana, sans-serif;
text-align: left;
color:#fff;
background-color:#9E112A;
}

ul#skipnav li a:hover {
border:1px solid #fff;
color:#fff;
background-color:#8a8a8a;
}

/* 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:#095E94;
color:#fff;
}

.bold{
font-weight:bold;
}

fieldset {
border:0 solid;
}

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

.bspimagegr {
border: 1px solid #000;
}

.bspimagethumb{
border: 1px solid #686868;
width:72px;
height:36px;	
}

#content p.bspimgbg{
margin-top:-15px;
}

img.refimagegr{
border:1px solid #000;
}

img {
border:none;
}

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

.rspace {
margin-right:20px;
}

.tspace {
padding-top:18px;
}

.tbspace{
padding:15px 0 15px 0;
}

ul.legend li{
margin-top:25px;
font:1em/1.6em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif !important;
}

#flashlogo{
height:189px;
background:url(images/logo_bg_3.gif) left top no-repeat;
padding:0 0 0 20px;	
}

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:#efefef;
}

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

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

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