/* ---- ESSENTIALS ---- */
body { margin:0; padding:0; background: #ffffff; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:normal; color: #000000;}
img { border:0; margin:0; padding:0; }
hr { height:1px; margin:0; padding:0; background-color:#666; border:0; font-size:1px; }
div { margin:0; padding:0; }

span.left, span.middle, span.right { float:left; }
.clear { clear:both; display:block; height:1px; line-height:0px; font-size:1px; margin:0; padding:0; }

span.clearer { clear:left; margin:0px 0px 30px 0px; display:block; }

/* ---- FONTSTYLES ---- */

h1 { font: bold 12px/14px Verdana, Arial, Helvetica, sans-serif; color: #336; padding:0; margin-top:0; margin-bottom:10px; }
p, div, ul { font-size:12px; line-height:14px; }
span.mini { font-size:9px; }
ol { padding:0px 0px 10px 18px; margin:0px 0px 0px 0px; }
ul { padding:0px 0px 10px 16px; margin:0px 0px 0px 0px; }

a { font-size:11px; line-height:12px; text-decoration: underline; }

/* ---- LAYOUT-ELEMENTS ---- */
div#head {  }
div#logo { position:absolute; left:70px; top:0px; }
div#mainnav { position:absolute; top:69px; left:280px; }

div#idBox { position:absolute; left:731px; top:99px; width:8px; height:151px; 
            padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; }
div#idText { position:absolute; left:70px; top:119px; width:195px; z-index: 1; }
div#idTapete { position:absolute; left:0px; top:99px; width:205px; z-index:0; }
div#idFoto { position:absolute; left:280px; top:99px; width:205px; z-index:0; }
div#idTransA { position:absolute; left:280px; top:99px; width:42px; z-index:1; }
div#idTransB { position:absolute; left:322px; top:99px; width:205px; z-index:1; } 
div#directprojectlink { position:absolute; left:185px; top:213px; width:95px; }
div#projectslink { position:absolute; left:13px; top:223px; width:260px; }
div#idSlogan { position:absolute; top:251px; left:0px; width:739px; height:47px; 
               padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;}
div#sloganText { position:absolute; left:280px; top:275px; width:459px; 
                 padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; }

div#main { position:absolute; left:0px; top:298px; width:739px; padding-top:30px; }
div#container { width:739px; } 
div#content { width:440px; margin-left:280px; }

div#footer { position:relative; left:0px; top:0px; width:738px; height:22px; margin:0px 0px 0px 0px; 
                      padding: 0px 0px 0px 0px; background-color:#333366; border-top: solid #FFFFFF 1px; }
div#footertext { position:absolute; left:280px; top:4px; width:455px; color:#8282B8;
                   margin:0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
             
div#metanav {  }

/* ---- ID-BOX ---- */
div#idText h1 { color:#EBEBF5; font-weight:normal; text-transform:uppercase; font-size:10px;}
div#idText p { color:#EBEBF5; font-size:9px; margin-top:0; }
div#directprojectlink a { font-style:italic; color:#EBEBF5; font-size:10px; margin:0px 0px 0px 0px; }
div#directprojectlink a:hover  { color:#ffffff; }
div#projectslink a { font-style:italic; color:#EBEBF5; font-size:11px; margin:0px 0px 0px 0px; }
div#projectslink a:hover  { color:#ffffff;  }
div#sloganText H1,H2,H3,H4,H5 { font-size:15px; font-style:italic; font-weight:bold; padding:0px 0px 0px 0px;
                                margin:0px 0px 10px 0px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#ffffff; }

/* ---- MAIN-NAV ---- */
div#mainnav img { margin-right:71px; }

/* ---- SIDE-NAV ---- */
/* div#sidenav { position:absolute; top:60px; left:0; width:150px; } */
div#sidenav { position:relative; left:0px; top:25px; width:150px; text-align:right; float:left; }
div#sidenav a { color:#333366; text-decoration:none; font-weight:normal; display:block; margin:0px 0px 8px 0px; }

/* div#subnav { position:absolute; top:60px; left:165px; width:110px; } */
div#subnav { position:relative; left:15px; top:25px; width:105px; text-align:left; float:left;}
div#subnav a { color:#333366; text-decoration:none; font-weight:normal; display:block; margin:0px 0px 8px 0px; }

div#tree { position:relative; left:10px; top:0px; width:270px; text-align:left; vertical-align:top; float:left; }

/*--------------------------------------------------------------|
| dTree 2.05 | www.destroydrop.com/javascript/tree/             |
|---------------------------------------------------------------|
| written by 2002-2003 Geir Landrö, modified by stefan hartmann |
|--------------------------------------------------------------*/
.dtree {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 36px;
	color: #666;
	white-space: nowrap;
}
.dtree img {
	border: 0px;
	vertical-align: middle;
}
.dtree a {
	color: #333;
	text-decoration: none;
}
.dtree a.node, .dtree a.nodeSel {
	white-space: nowrap;
	padding: 1px 2px 1px 2px;
}
.dtree a.node:hover, .dtree a.nodeSel:hover {
	color: #333;
	text-decoration: underline;
}
.dtree a.nodeSel {
	background-color: #c0d2ec;
}
.dtree .clip {
	overflow: hidden;
}


/* ---- META-NAV/FOOTER ---- */
div#footer div#footertext a { color:#8282B8; text-decoration:none; font-weight:bold; 
                                       font-size:10px; line-height:12px; text-transform:uppercase; }
div#footer div#footertext a:hover, div#main div#footer div#footertext a.selected { color:#FFFFFF; }

/* ---- CONTENT ---- */
div#main div#content H1,H3,H4,H5,H6 { font: bold 12px/14px Verdana, Arial, Helvetica, sans-serif; 
                          padding:0; margin-top:0; margin-bottom:10px;}
div#main div#content H2 { font: bold 16px/18px Verdana, Arial, Helvetica, sans-serif; 
                          padding:0; margin-top:0; margin-bottom:10px;}
div#main div#content p { padding:0; margin:0px 0px 0px 0px; }

div#main div#content table.listing { padding:0px; margin:0px; width:100%;}
div#main div#content table.listing td { font: normal 11px Verdana, Arial, Helvetica, sans-serif; border-color: #999999;
                                padding:0px 10px 0px 0px; margin:0px; border-style:solid; border-width: 1px 0px 0px 0px; }     
div#main div#content table.listing td.header { font: bold 11px Verdana, Arial, Helvetica, sans-serif; 
                                       padding:0px 10px 0px 0px; margin:0px; border-width: 0px 0px 0px 0px; }


/* Beginn Kasten im Rahmen: Angaben zur Geschaeftsstelle ----------------------------------- */
div#infozurgeschaeftsstelle {
	visibility:hidden; display:none; position: absolute; font-size: 9px; top: 60px; color:#fff; width: 220px; left:110px
}

div#infozurgeschaeftsstelle h1 {
	visibility:hidden; display:none;
}

div#infozurgeschaeftsstelle p,
div#infozurgeschaeftsstelle a {
	color:#fff; 
	width: 200px;
	font-size:10px
}

div#infozurgeschaeftsstelle p {
	margin:2px 0 5px 0;
}

div#infozurgeschaeftsstelle a {
	font-weight:bold
}
/* Ende Kasten im Rahmen: Angaben zur Geschaeftsstelle ----------------------------------- */
/* Beginn Verbindungen im Kopf ----------------------------------------------------------- */

div#verbindungen {
	position:absolute; left:15px; top:208px; z-index:30
}

div#verbindungen a {
	display:block; width:22px; height:22px; margin-right:8px; background-repeat:none; float:left; 
}
div#verbindungen a.twitter {
	background-image:url(../grafik/twitter_a.png)
}
div#verbindungen a.twitter:hover {
	background-image:url(../grafik/twitter_b.png)
}
div#verbindungen a.facebook {
	background-image:url(../grafik/facebook_a.png)
}
div#verbindungen a.facebook:hover {
	background-image:url(../grafik/facebook_b.png)
}
div#verbindungen a.xing {
	background-image:url(../grafik/xing_a.png)
}
div#verbindungen a.xing:hover {
	background-image:url(../grafik/xing_b.png)
}
div#verbindungen a span {
	visibility:hidden; display:none;
}

/* Ende Verbindungen im Kopf ------------------------------------------------------------ */