#col1 {
  width: 832px;
}

#col2{

}

#structure {
  margin:auto;
  height:100%;
}

#structure tr {
  vertical-align: top;
}

#structure tr td{

}

#header {
  height:70px;
  background: url(/fileadmin/dsv-jugend/images/structure/hintergrund-header.png);
  border-left: 2px solid white;
  border-right: 2px solid white;
  background-color: #a3a3ff;
}

#header div {
  position: relative;
  width: 830px; /* damit die Tabelle auch sicher 832px breit ist und nicht evtl. gestaucht wird */
  height:50px;
}

#header #header-pic {
  border: 0px;
  position: absolute;
  top: 15px;
  left: 60px;
}

#header #header-logo {
  position: absolute;
  right: 30px;
  top: 10px;
  height: 80px;
  border: 0px;
}

#banner{
  width: 170px;
  text-align: center;
  padding: 85px 0px 0px 0px;
  /* background: url(/fileadmin/dsv-jugend/images/structure/border.gif) repeat-y; */
}

#banner a {
  font-size: 10px;
}

#banner tr td{
  background: none;
  border-right:0px;
}

#navi {
  background: url(/fileadmin/dsv-jugend/images/structure/hintergrund-header.png) left -70px repeat-x;
  border-left: 2px solid white;
  border-right: 2px solid white;
  background-color: #a3a3ff;
}

#navi a{
  font-size: 14px;
}

#navi div{
  height:29px;
}


/* -- navigation styles ---------------------------------------------------- */
#mainNavigation{
   background-color:transparent;
   margin:0 0 0 12px;
   z-index:5;   
}

#mainNavigation li.mainNavigation{
	background:url('/fileadmin/dsv-jugend/images/structure/navitab_inactive_right.png') no-repeat right top;
	list-style:none;
  float:left;
  margin:0 -5px 0 0;
  height:100%;
  position:relative;
  z-index:5;   
  padding: 0px;
}

#mainNavigation li.mainNavigation a.mainNavigation{
  padding:8px 27px 0 17px;
  display:block;
  float:left;
	background:url('/fileadmin/dsv-jugend/images/structure/navitab_inactive_left.png') no-repeat left top;
  color:#e0e0e0;
  font-weight:bold;
  text-decoration:none;
}

#mainNavigation li a.mainNavigation:hover{
	color:#ffdd00;
}

#mainNavigation li.active{
	background:url('/fileadmin/dsv-jugend/images/structure/navitab_active_right.png') no-repeat right top;
}

#mainNavigation li.active a.mainNavigation{
   color:white;
	background:url('/fileadmin/dsv-jugend/images/structure/navitab_active_left.png') no-repeat left top;
}

.sublevelNavigation{
   display:none;
   position:absolute;
   top:30px;
   list-style:none;
   padding:0;
   background:url('/fileadmin/dsv-jugend/images/structure/menu_gradient.png') repeat-x bottom;
   background-color:#000099;
   border:1px solid white;
   border-top:0px;
   opacity:0;
   min-width:200px;
   z-index:5;   
}

.sublevelNavigation li{
	border-bottom:1px solid white;
  padding: 0px;
  margin: 0px;
}

.sublevelNavigation li a{
	display:block;
	color:#ffffff;
  padding:5px;
  text-decoration:none;
}

.sublevelNavigation li a:hover{
   color: #ffffff;
   background:url('/fileadmin/dsv-jugend/images/structure/gradientSublevelMenuItem.png') repeat-x left top;
	background-color:#ff8300;
}

.sublevelNavigation li a:visited{
   color:#ffffff;
}



#crumbtrail {
  height: 30px;
  background: url(/fileadmin/dsv-jugend/images/structure/hintergrund-crumbtrail.gif) repeat-y;
  list-style:none;
  padding:0px;
  border-left: 2px solid white;
  border-right: 2px solid white;
  background-color: #a3a3ff;
}

#crumbtrail div{
  margin: 0px 8px;
  padding: 5px 8px;
  position: relative;
}

#crumbtrail #leftpeak {
  left: 0px;
  top: 0px;
  position: absolute;
}

#crumbtrail #rightpeak {
  right: 0px;
  top: 0px;
  position: absolute;
}

#crumbtrail div li{
	display:inline;
  padding:0px;
	background:url('/fileadmin/dsv-jugend/images/structure/divider_breadcrumb.png') no-repeat left center;
  position:relative;
  margin: 0px;
}

#crumbtrail div li a{
	color:#ffffff;
  font-size:11px;
  font-weight:bold;
  margin:0 0 0 15px;
  border-bottom: 1px dotted;
}

#crumbtrail div li a:hover{
	color:#ff8300;
  text-decoration: none;
}

div#suche {
  float: right;
  width:220px;
  padding: 0px;
}

#suche input.text {
  background: url(/fileadmin/dsv-jugend/images/structure/suche-lupe.gif) no-repeat scroll left center #D3E1F3;
  padding: 2px 3px 1px 18px;
  width: 130px;
  height: 18px;
  float: right;
}

#suche input:focus {
  border:1px solid #a3a3ff;
  width:170px;
}

#suche input.button {
  background: #a3a3ff;
  border: 1px solid #a3a3ff;
  width:45px;
  color: #000099;
  font-size: 10px;
  padding: 1px 2px 1px 2px;
  height: 18px;
  top:-1px;
  float: right;
}

#suche input.button:hover {
  background: #000099;
  color: #a3a3ff;
}

#mainContent {
  background: url(/fileadmin/dsv-jugend/images/structure/hintergrund-main.png) 8px top repeat-y;
  border-left: 2px solid white;
  border-right: 2px solid white;
  background-color: #a3a3ff;
}

#mainContent #corner{
  position: relative;
}

#mainContent #leftcorner {
  top: 0px;
  left: 16px;
  position: absolute;
}

#mainContent #rightcorner {
  top: 0px;
  right: 16px;
  position: absolute;
}

#mainContent #subnavi div {
  margin: 0px 0px 0px 10px;
  position: relative;
}

#mainContent #subnavi{
  float:left;
  width: 168px;
  margin:10px 10px 10px 16px;
  position: relative;
}

#mainContent #subnavi div.submenuepoint{
  font-size: 115%;
  line-height: 100%;
  margin: 7px 10px;
  text-indent: -10px;
  
}

#mainContent #subnavi div.submenuepoint a{
  padding: 0px 0px 0px 10px;  
}

#mainContent #subnavi div.submenuepoint a:hover{
  background: url(/fileadmin/dsv-jugend/images/structure/submenu-arrow.gif) -5px -2px no-repeat;
}


#mainContent #subnavi div.subsubmenue {
  padding: 7px 0px 7px 15px;
  background:url('/fileadmin/dsv-jugend/images/structure/subsubmenue.gif') left 10px no-repeat;
}

#mainContent #mainframe{
  width: 600px;
  float:left;
  margin: 10px 16px 10px 10px;
}

#mainContent #cse-search-results iframe{
  width: 600px;
}

#footer-bar {
  height:8px;
  background: url(/fileadmin/dsv-jugend/images/structure/hintergrund-crumbtrail.gif) repeat-y;
  border-left: 2px solid white;
  border-right: 2px solid white;
  background-color: #a3a3ff;
}

#footer-bar div{
  height:2px;
}

#footer {
  height:30px;
  vertical-align:middle;
  border-left: 2px solid white;
  border-right: 2px solid white;
  background-color: #a3a3ff;
}

#footer div{
  text-align:center;
}