/*
File:         main.css

Beschreibung:	Haupt CSS-Datei fuer BDA-Webseite

Autoren:		  Dietrich Streifert (ds)

Copyright:    2009 Visionet GmbH

*/




/*************************************************************************
 *                             www.bda.de                                *
 *************************************************************************/

body {
  background-color: #c8d3d9;
  background-image: url(/bda-design/body-bg.png);
  background-repeat: repeat-x;
  background-position: 0 0;
}

a,
a:visited {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-style: normal;
  color:#0077ad;
}

div#topsearch-start {
  /* background-image: url(/bda-design/lefttopnav-bg.png);
  background-repeat: no-repeat;
  background-position: -44px -12px;*/
  position:absolute;
  top:20px;
  left:auto;
  width:206px;
  height:120px;
}

div#topsearch {
  background-color:transparent;
  position:absolute;
  top:20px;
  left:auto;
  width:200px;
  height:120px;
}

div#search {
  background-image: url(/bda-design/search-bg.png);
  position:absolute;
  top:78px;
  left:auto;
  margin-left:8px;
  width:182px;
  height:55px;
}

div#search form {
  padding:0;
  border:0;
  margin:0;
  font-size:1px;
}

div#search a#search-siteindex {
  display:block;
  position:absolute;
  top:2px;
  left:auto;
  margin-left:134px;
  height:18px;
  width:44px;
  border:0;
}
div#search input#search-input {
  position:absolute;
  top:27px;
  width:144px;
  height:22px;
  left:auto;
  margin-left:4px;
  padding:2px;
  border:0;
  font-size:13px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color:#58585a;
  background-color:transparent;
}

div#search input#search-submit {
  position:absolute;
  top:26px;
  width:23px;
  height:23px;
  left:auto;
  margin:0;
  padding:0;
  margin-left:154px;
  border:0;
  outline:0;
  font-size:1px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color:transparent;
  background-color:transparent;
  cursor:pointer;
}

div#topsearchnav {
  position:absolute;
  top:3px;
  width:120px;
  text-align:right;
  left:auto;
  margin-left:66px;
}

div#topsearchnav a {
  text-decoration:none;
  font-size:11px;
  font-weight:bold;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  line-height:17px;
  color:#87888a;
  border:0;
  padding:0;
}

div#topsearchnav a.topsearchnav-active {
  color:#bb5319;
  line-height:17px;
}

div#topsearchnav a:hover {
  color:#bb5319;
  line-height:17px;
}

div#topsearchnav a#topsearchnavhome {
  color:#0080ba;
}

div#topsearchnav a#topsearchnavhome:hover {
  color:#bb5319;
  line-height:17px;
}

div#leftnav-start {
  background-image: url(/bda-design/lefttopnav-bg.png);
  background-repeat: no-repeat;
  background-position: -30px 0px;
  position:absolute;
  top:140px;
  left:auto;
  width:206px;
  height:540px;
}

div#leftnav {
  background-color:#ffffff;
  position:absolute;
  top:146px;
  left:auto;
  width:178px;
  height:508px;
  margin-left:8px;
}

div#leftnavshadowright {
  position:absolute;
  margin-left:186px;
  top:150px;
  width:4px;
  height:504px;
  background-image: url(/bda-design/leftnavshadow-right-bg.png);
  background-repeat: repeat-x;
  background-position: 0 0;
  background-color:#899BA5;
	border:0;
	font-size:1px;
}

div#leftnavshadowbottom {
  position:absolute;
  margin-left:12px;
  top:654px;
  width:178px;
  height:4px;
  background-image: url(/bda-design/leftnavshadow-bottom-bg.png);
  background-repeat:no-repeat;
  background-position: 0 0;
  background-color:#899BA5;
	border:0;
	font-size:1px;
}

div#topnav-start {
  background-image: url(/bda-design/topnav-start-bg.png);
  position:absolute;
  top:20px;
  left:auto;
  margin-left:206px;
  width:720px;
  height:120px;
}

div#topnav-start-links {
  position:absolute;
  top:62px;
  margin-left:11px;
  font-size:12px;
  font-weight:bold;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-decoration:none;
}

div#topnav-start-links a {
  text-decoration:none;
  color:#00446b;
}

div#topnav {
  background-image: url(/bda-design/topnav-start-bg.png);
  position:absolute;
  top:20px;
  left:auto;
  margin-left:206px;
  width:720px;
  height:120px;
}

div#topnav-links {
  position:absolute;
  top:62px;
  margin-left:11px;
  font-size:12px;
  font-weight:bold;
  font-family:verdana;
  text-decoration:none;
}

div#topnav-links a {
  text-decoration:none;
  color:#00446b;
}

table#wrapper {
  display:block;
  width:100%;
  height:100%;
}
td#leftspacer,
td#rightspacer {
  width:1050px;
  font-size:1px;
}
td#centerspacer {
  width:922px;
  height:100%;
}

div#site {
	margin-top:16px;
  width:922px;
  height:720px;
}

div#siteshadowright {
  position:absolute;
  margin-left:926px;
  top:24px;
  width:4px;
  height:740px;
  background-image: url(/bda-design/siteshadow-right-bg.png);
  background-repeat: repeat-x;
  background-position: 0 0;
  background-color:#899BA5;
	border:0;
	font-size:1px;
}

div#siteshadowbottom {
  position:absolute;
  margin-left:210px;
  top:760px;
  width:720px;
  height:4px;
  background-image: url(/bda-design/siteshadow-bottom-bg.png);
  background-repeat: repeat-x;
  background-position: 0 0;
  background-color:#899BA5;
	border:0;
	font-size:1px;
}

div#contenttop {
  position:absolute;
  top:140px;
  left:auto;
  margin-left:206px;
  width:720px;
  height:40px;
  background-color:#ffffff;
  color:#58585a;
  font-size:12px;
  line-height:14px;
}

div#content {
  position:absolute;
  top:180px;
  left:auto;
  margin-left:206px;
  width:720px;
  height:480px;
  background-color:#ffffff;
  overflow:hidden;
}

div#article {
  position:absolute;
  top:0;
  left:auto;
  width:690px;
  height:460px;
  background-color:#ffffff;
  color:#58585a;
  padding:0 10px 10px 10px;
  overflow:auto;
  overflow-y:scroll;
  overflow-x:hidden;
}


div#bottomnav {
  position:absolute;
  top:660px;
  left:auto;
  margin-left:206px;
  width:720px;
  height:100px;
  background-color:#ffffff;
}


div#sliderver,
div#sliderhor {
	position:absolute;
	border:0;
  margin:0;
	background-color:#ffffff;
	font-size:1px;
  z-index:1;
}

div#sliderver {
  top:0;
  bottom:0;
  left:auto;
  margin-left:196px;
  width:4px; 
}

div#sliderhor {
  top:138px;
  height:4px;
  width:100%;
  left:0;  
}

div#topbuttons {
  position:absolute;
  top:108px; 
  left:auto;
  margin-left:208px;
  width:724px;
  z-index:10; 
}

a.topbutton,
a.topbutton:visited {
  display:block;
  background-image: url(/bda-design/button-top-bg.png);
  background-color:#034263;
  width:100px;
  height:35px;
  position:absolute;
  top:0;
  text-align:center;
  color:#ffffff;
  margin:3px;
  font-size:11px;
  font-weight:bold;
  font-family:verdana;
  text-decoration:none;
}

a.topbuttonactive,
a.topbuttonactive:visited {
  display:block;
  background-image: url(/bda-design/button-top-active-bg.png);
  background-color:#ee8213;
  color:white;
  width:100px;
  height:35px;
  position:absolute;
  top:0;
  text-align:center;
  color:#ffffff;
  margin:3px;
  font-size:11px;
  font-weight:bold;
  font-family:verdana;
  text-decoration:none;
}

a.topbutton:hover {
  background-image: url(/bda-design/button-top-active-bg.png);
  background-color:#ee8213;
  color:white;
}

a#topbutton1 {
  left:0;
}
a#topbutton2 {
  left:104px;
}
a#topbutton3 {
  left:208px;
}
a#topbutton4 {
  left:312px;
}
a#topbutton5 {
  left:416px;
}
a#topbutton6 {
  left:520px;
}
a#topbutton7 {
  left:624px;
}



a.topbuttonactive:visited span.topbuttoncontent,
a.topbutton:visited span.topbuttoncontent,
a.topbuttonactive span.topbuttoncontent,
a.topbutton span.topbuttoncontent {
  display:none;
  position:absolute;
  top:35px;
  left:0;
  width:88px;
  color:#87888a;
  background-color:#E0E9EF;
  font-size:9px;
  font-weight:bold;
  font-family:verdana;
  text-decoration:none;
  text-align:left;
  padding:4px 6px 6px 6px;
  line-height:12px;
}

a.topbuttonactive:hover span.topbuttoncontent,
a.topbutton:hover span.topbuttoncontent {
  display:block;
}

a#topbutton2 span.topbuttonspacer,
a#topbutton3 span.topbuttonspacer,
a#topbutton5 span.topbuttonspacer,
a#topbutton6 span.topbuttonspacer,
a#topbutton4 span.topbuttonspacer {
  display:block;
  height:5px;
}


div#bottombuttons {
  position:absolute;
  top:664px; 
  left:auto;
  margin-left:-3px;
  width:308px;
  z-index:10; 
}

a.bottombutton,
a.bottombutton:visited {
  display:block;
  background-image: url(/bda-design/button-bottom-bg.png);
  background-color:#034263;
  width:100px;
  height:35px;
  position:absolute;
  top:0;
  text-align:center;
  color:#ffffff;
  margin:3px;
  font-size:11px;
  font-weight:bold;
  font-family:verdana;
  text-decoration:none;
}

a.bottombutton:hover {
  background-image: url(/bda-design/button-bottom-active-bg.png);
  background-color:#ee8213;
  color:white;
}

a#bottombutton1 {
  left:0;
}
a#bottombutton2 {
  left:104px;
}
a#bottombutton3 {
  left:208px;
  display:none;
}


/*
 * linkes Menü
 */
table.menutable-links {
  border:0;
  width:168px;
  margin:0 0 0 4px;
}
/*
 * Menüpunkte
 */
td.menu {
  padding-top:9px;
  padding-bottom:1px;
}

td.menu a,
td.menu a:visited {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:11px;
  font-weight:bold;
  text-decoration:none;
  color:#00446b;
}

td.menu a:hover {
  color:#bb5319;
}

td.menu-active {
  padding-top:9px;
  padding-bottom:4px;
}

td.menu-active a,
td.menu-active a:visited {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:11px;
  font-weight:bold;
  text-decoration:none;
  color:#bb5319;
}

/*
 * Untermenüpunkte
 */

td.submenu {
  padding:4px 0 2px 8px;
}

td.submenu a,
td.submenu a:visited {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:10px;
  font-weight:bold;
  text-decoration:none;
  color:#00446b;
}

td.submenu a:hover {
  color:#bb5319;
}

td.submenu-active {
  padding:4px 0 2px 8px;
}

td.submenu-active a,
td.submenu-active a:visited {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:10px;
  font-weight:bold;
  text-decoration:none;
  color:#bb5319;
}


/*
 * Unteruntermenüpunkte
 */

td.subsubmenu {
  padding:4px 0 2px 16px;
}

td.subsubmenu a,
td.subsubmenu a:visited {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:10px;
  font-weight:normal;
  text-decoration:none;
  color:#00446b;
}

td.subsubmenu a:hover {
  color:#bb5319;
}

td.subsubmenu-active {
  padding:4px 0 2px 16px;
}

td.subsubmenu-active a,
td.subsubmenu-active a:visited {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:10px;
  font-weight:normal;
  text-decoration:none;
  color:#bb5319;
}


a#ankerganzoben {
  display:block;
  font-size:1px;
  height:0;
  width:0;
}


a#druckversionslink-text {
  display:block;
  position:absolute;
  float:right;
  text-decoration:none;
  color:#868789;
  font-size:10px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  left:auto;
  top:16px;
  margin-left:590px;
}

a#druckversionslink-img {
  display:block;
  position:absolute;
  float:right;
  text-decoration:none;
  background-image: url(/bda-design/drucken-bg.png);
  width:18px;
  height:18px;
  left:auto;
  top:15px;
  margin-left:666px;
}