@charset "utf-8";
/* 

Stylesheet-Template
should only contain values for positioning
default css-item-layout:

#foo, .bar {
	position: ....;
	top: ...; //right, bottom, left
	float: ...;
	margin: 1px 0 2px 3px;
	padding: 1px 1px 0 1px; //0 and not 0px!
	border: 1px solid black; //and other border-stuff
	background: color img-url position position repeating
}
*/
body { padding:0px; margin:0px;  }
#MainWrapper { margin:auto; width:960px;  }
#TopHeader { margin-top:14px;}
#TopHeader .links { float:right;  width:280px; }
#TopHeader .links span {  padding:0px 3px 0px 3px; }
#TopHeader .flags { width:120px; padding-top:3px; }
#Header { width:958px; height:170px; background-image:url(../gfx_2009/headerbg.jpg); border:1px solid #599ee0; margin:10px 0px 5px 0px; }
#Header .logo { display: block; height: 140px; width: 255px; }
#Header .logo a { display: block; height: 100%; width: 100%; outline: none}
#Header .search {  margin:142px 2px 0px 0px; }

#Header .search input { border: none; margin-right: 2px; height: 18px; width: 145px; background-color: transparent;}
#Header .search input.searchbutton {  margin-right: 0; width: 59px; }

/* Navigation */
#Navi .first { height:45px; background-image:url(../gfx_2009/mainnav-bg.gif); background-position:bottom; background-repeat:repeat-x;} 
#Navi .first a {   display:block;float:left; height:30px; padding:11px 10px 0px 10px; border-right:1px solid #1c5b96; border-left:1px solid #1c5b96; margin-top:4px; }
#Navi .first a.active {  margin-top:0px; background-color:#4d96dc; padding-top:15px; border:none; }
#Navi .first a.lastitem { padding-right:18px; border-right:none;}
#Navi .first a:hover {  margin-top:0px; background-color:#4d96dc; padding-top:15px;  }

#Navi .second  { border-bottom:1px solid #8dbcea; height:26px; background-image:url(../gfx_2009/subnav-bg.gif); background-repeat:repeat-x; }
#Navi .second a {  padding:5px 5px 0px 5px; display:block; float:left; background-image:url(../gfx_2009/spacer-sub.gif); background-position:right; background-repeat:no-repeat; height:22px; }
#Navi .second #navisub ul li a {  padding:5px 5px 0px 5px; display:block; float:left; background-image: none; height:22px; }
#Navi .second a:hover { background-color:#7eb3e7; }
#Navi .second a.active { background-color:#7eb3e7; color: black}
#Navi .second a.lastitem { background-image:none; }

 .third  { width: 200px; background-color: #7eb3e7; clear:both; float: left;}
 .third a {  padding:5px 5px 0px 5px; display:block; clear:both; float:left; background-position:right; background-repeat:no-repeat; height:22px; width: 190px;}
 .third #navisub ul li a {  padding:5px 5px 0px 5px; display:block; float:left; background-image: none; height:22px; }
 .third a:hover { background: transparent url(../gfx_2009/subnav2_active_bg.jpg) repeat-x top left; color: black; }
 .third a.active { background: transparent url(../gfx_2009/subnav2_active_bg.jpg) repeat-x top left; color: black;}
 .third a.lastitem { background-image:none; }

#Navi .breadholder { width:731px;}
#Navi .breadcrumb { position:absolute;}
#Navi .breadcrumb div { float:left; }
#Navi .breadcrumb div.left { width:23px; height:23px; background-image:url(../gfx_2009/ecke-links.gif); }
#Navi .breadcrumb div.right { width:23px; height:23px; background-image:url(../gfx_2009/ecke-rechts.gif); }
#Navi .breadcrumb div.center { height:20px; background-image:url(../gfx_2009/bread-bg.gif); background-repeat:repeat-x;padding-top:3px; }
#Navi .breadcrumb div.center span {  padding:0px 3px 0px 3px; }
#Navi .breadcrumb div.fixedwidth { width:543px; }
#Navi .breadcrumb div.spacer { width:32px; }
/* Navigation */
/* Content */
#Content select { background-color:#f0f0f0;  border:1px solid #e6e4e4; width:150px; margin:0px; }
#Content .leftc { width:200px;}


#Content .middlec ul { } 
#Content .middlec ul li{ list-style-type: outside; margin-left: 20px; list-style: disc}
#Content .middlec ol { } 
#Content .middlec ol li{ list-style-type: outside; margin-left: 20px; list-style: decimal}


#Content .middlec { padding: 40px 0 0 0; width: 725px; min-height: 750px; margin: 0 0 0 35px}
#Content .middlec .categorie .categorie_image { float: left; width: 220px}
#Content .middlec .categorie .categorie_text { float: left; }
#Content .middlec .categorie .categorie_text ul {}
#Content .middlec .categorie .categorie_text ul li{ list-style-position: outside; margin-left: 40px}
#Content .middlec .categorie .categorie_text h2{ margin: 0;}
#Content .middlec .printlink { padding:4px; margin:0px 0px 10px 0px; }
#Content .middlec .printlink a { background-image:url(../gfx_2009/pfeilrechts.gif); background-position:left; display:block; background-repeat:no-repeat; margin-bottom:10px; }
#Content .middlec .printlink a span { display:block; margin-left:15px; }
#Content .middlec .printlink .print { background-image:url(../gfx_2009/print.gif); background-position:right; display:block; background-repeat:no-repeat; }
#Content .middlec .printlink .print1 { display:block; margin:7px 30px 0px 0px;}
#Content .middlec .listItem {overflow: auto; width: 720px; border: 1px solid #dfdfdf; background-color: #fafafa; margin: 0 0 20px 0}
#Content .middlec .listItem .listItemPicture { width: 100px; margin-top: 20px; margin-left: 15px;}
#Content .middlec .listItem .listItemRightContent{ float: left; width: 570px; margin: 15px 0 0 15px;}
#Content .middlec .listItem ul.listItemUL {margin-left: 30px;}
#Content .middlec .listItem ul.listItemUL li {list-style-type: disc;}
#Content .middlec .listItem ul.listItemUL2 {margin-left: 30px;}
#Content .middlec .listItem ul.listItemUL2 li {list-style-type: decimal;}
#Content .middlec .listItem .listItemArrowSpan {margin-right: 5px;}
#Content .middlec .listItem .listItemContinue{margin-top: 10px; margin-bottom: 20px; float:right; margin-right: 20px;}
#Content .middlec .listItem .listItemContinue img{margin-right: 5px; margin-top: -3px; vertical-align: middle;}
#Content .middlec div.contactFormular{margin-top: 20px;}
#Content .middlec p.contactFormularP{margin-bottom: 20px;}
#Content .middlec div.contactFormular table input{ width: 200px; margin-left: 20px; margin-bottom: 10px; border: 2px solid #E7E7E7;}
#Content .middlec div.contactFormular table input.inputError{ width: 200px; margin-left: 20px; margin-bottom: 10px; border: 1px solid #b73331;}
#Content .middlec div.contactFormular table textarea{margin-left: 20px; margin-bottom: 10px; width: 350px; height: 240px; border: 2px solid #E7E7E7;}
#Content .middlec div.contactFormular table textarea.inputError{border: 1px solid #b73331;}
#Content .middlec div.contactFormular table input.submit{width: 100px}
#Content .middlec div.contactFormular table.rightTableContact{float:right;}
#Content .middlec div.contactFormular table td.first{vertical-align: top;}
#Content .middlec div.contactFormular p.errorMsg{width: 260px; margin-top: 20px;}
#Content .middlec div.rightDetailView{ min-height: 25px; background-color: #fafafa; float: right; width: 200px; border: 1px solid #eaeaea;}
#Content .middlec div.rightDetailView .topDetail { background:#FAFAFA url(/live/lsb_nds/gfx_2009/boxhead-bg.gif) repeat-x scroll left bottom; border-bottom: 1px solid #eaeaea; height: 23px; background-color: #fafafa; width: 100%;  cursor: pointer;}
#Content .middlec div.rightDetailView img.rightDetailArrow {float: right; margin: 4px 10px 0 0;}
#Content .middlec #slideDownRight { padding: 10px 0; border: 1px solid #eaeaea; border-top: 0px; margin-left:-1px; margin-top:4px; width:200px; background-color: #fafafa;}
#Content .middlec #slideDownRight div{margin-left: 10px; margin-right: 10px; }
#Content .middlec #slideDownRight div a{}
#Content .middlec #slideDownRight div h3{ margin-bottom: 18px; }
#Content .middlec h2 { margin: 3px 0 0 20px; }
#Content .middlec div.leftDetailView{width: 500px;}
#Content .middlec div.leftDetailView #topDetail { background:#FAFAFA url(/live/lsb_nds/gfx_2009/boxhead-bg.gif) repeat-x scroll left bottom; border: 1px solid #eaeaea; height: 25px; background-color: #fafafa; width: 480px; cursor: pointer;}
#Content .middlec div.leftDetailView #topDetail img{float: right; margin-right: 10px; margin-top: 7px;}
#Content .middlec div.leftDetailView #topDetail p{width: 120px; margin-left: 20px; margin-top: 3px;}
#Content .middlec div.leftDetailView #topDetailSlideDown{ width: 480px; background-color: white; display: none; border: 1px solid #eaeaea; border-top: 0px; padding-top: 10px;}
#Content .middlec div.leftDetailView #topDetailSlideDown div{ margin: 0 20px 10px; }
#Content .middlec div.leftDetailView #bottomDetail{margin-top: 10px; border: 1px solid #eaeaea; background-color: #fafafa; width: 480px; color: black;}
#Content .middlec div.leftDetailView #bottomDetail div.innerBottomDetail{margin: 20px;}
#Content .middlec div.leftDetailView #bottomDetail div.innerBottomDetail img.big{margin-right: 20px; margin-top: 20px; margin-bottom: 20px; margin-left: 20px; width: 400px;}
#Content .middlec div.leftDetailView #bottomDetail div.innerBottomDetail img.small{margin-right: 20px; margin-top: 20px; margin-bottom: 20px; float: left; width: 215px;}
#Content .middlec div.leftDetailView div.clearfix:after { content:"."; display:block; height:0; font-size:0; clear:both; visibility:hidden; }
#Content .middlec div.monthSelectBox{margin-top: 15px;}
#Content .middlec div.calendarItem{margin: 0 0 0 0;}
#Content .middlec div.calendarItem div.calendarViewItem{background: transparent url(../gfx_2009/boxhead-bg.gif) repeat-x bottom left; width: 720px; border: 1px solid #E4E4E4; cursor: pointer}
#Content .middlec div.calendarItem div.calendarViewItem ul.calenderViewUl{padding-top: 4px;}
#Content .middlec div.calendarItem div.calendarViewItem ul.calenderViewUl li{display: inline; list-style-type: none}
*html div.calendarItem div.calendarViewItem ul.calenderViewUl li{display: block; float: left;}
*+html div.calendarItem div.calendarViewItem ul.calenderViewUl li{display: block; float: left;}
#Content .middlec div.calendarItem div.calendarViewItem ul.calenderViewUl li.firstLI{ width: 140px; text-align: left;  display: inline-block;}
#Content .middlec div.calendarItem div.calendarViewItem ul.calenderViewUl li.secondLI{ width: 300px; text-align: center; display: inline-block}
#Content .middlec div.calendarItem div.calendarViewItem ul.calenderViewUl li.thirdLI{ width: 170px; text-align: right; display: inline-block}
#Content .middlec div.calendarItem div.calendarViewItem ul.calenderViewUl li.fourthLI{ width: 15px; text-align: right; display: inline-block}
*html #Content .middlec div.calendarItem div.calendarViewItem ul.calenderViewUl li.fourthLI{ margin-left: 10px;}
#Content .middlec div.calendarViewSlideDown{overflow: auto; background-color: #fafafa; padding-top: 20px; background-color: FAFAFA; display: none; color: black; width: 720px; border: 1px solid #E4E4E4; border-top: 0px;}
#Content .middlec div.calendarViewSlideDown div.innerSlideDown{margin: 20px; margin-right: 10px; margin-top: 0px;}
#Content .middlec p.searchResultsFirstP{margin-top: 30px;}
#Content .middlec p.searchResultsSecondP{display: inline;}
#Content .middlec div.calendarItem div.calendarViewSlideDown div.image {float: right; margin-bottom: 20px;}
#Content .middlec div.calendarItem div.calendarViewSlideDown table tr{height: 20px;}
#Content .middlec div.calendarItem div.calendarViewSlideDown table tr td.first{width: 150px;}
#Content .middlec div.tabPanels ul.topTabs{ float:left; margin-top: -24px;  width: 165px; height: 24px; border-bottom: 0px; background: transparent url(../gfx_2009/boxhead-bg.gif) 0px 1px;}
#Content .middlec div.tabPanels ul.topTabs li.firstTab{  height: 24px; width: 65px; border:1px solid #dfdfdf; border-bottom: 0px; list-style-type: none;  margin-left: 0}
#Content .middlec div.tabPanels ul.topTabs li.secondTab{ float: right; height: 24px;  width: 97px; border:1px solid #dfdfdf; border-bottom: 0px; list-style-type: none; margin-left: 0}
#Content .middlec div.tabPanels ul.topTabs a{ display: block; margin-top: 3px; height: 23px;}
#Content .middlec div.tabPanels ul.topTabs a:hover{  background-image: transparent; background-color: #fafafc;}
#Content .middlec div.tabPanels ul.topTabs a.selected{ background-image: transparent; background-color: #fafafc;}
#Content .middlec div.tabPanels{margin-top: 40px; }
#Content .middlec div.tabPanels div.inner{height: auto; }
#Content .middlec div.tabPanels #panel1{background-color: #fafafa; height: auto;width: 720px; display: block; padding: 0 20px 20px; border: 1px solid #dfdfdf;}
#Content .middlec div.tabPanels #panel1 div{margin-top: 30px;}
#Content .middlec div.tabPanels #panel1 div p{display: inline;}
#Content .middlec div.tabPanels #panel1 div img{vertical-align: middle;}
#Content .middlec div.tabPanels a.continuePanel{float:right;}
#Content .middlec div.tabPanels a.continuePanel img{margin-right: 5px; margin-top: -2px;}
#Content .middlec div.tabPanels ul.panelPager,
#Content .middlec div.tabPanels div.panelPager{ margin: 0 auto; text-align: center}
#Content .middlec div.tabPanels ul.panelPager li img{vertical-align: middle; margin-top: -2px;}
#Content .middlec div.tabPanels #panel2{ background-color: #fafafa; height: auto;width: 720px; padding: 0 20px 20px; border: 1px solid #dfdfdf;}
#Content .middlec div.tabPanels #panel2 div{margin-top: 30px;}
#Content .middlec div.tabPanels #panel2 div p{display: inline;}
#Content .middlec div.tabPanels #panel2 div p.panelFirstP{color: #426e9b;}
#Content .middlec div.tabPanels #panel2 div img{vertical-align: middle;}
#Content .boxstart { border:1px solid #e4e1e1; width:350px; background-color:#fafafa; margin: 5px 0px 10px 0px; }

#Content .boxstart a.startpageimage {display: block; width: 350px; height: 200px;}
#Content .boxmargin { margin-left: 20px;}
#Content .boxborder { border:1px solid #eeecec; }
#Content .boxstart .body { padding:5px; min-height: 165px;}
#Content p { line-height:20px; margin-top:5px; }
#Content p img { margin: 5px;}
#Content .rightc {}
#Content .boxhead { background-image:url(../gfx_2009/boxhead-bg.gif); background-repeat:repeat-x; border:1px solid #dddada; height:23px;   cursor: pointer;}
#Content .boxhead span {  display:block; margin: 3px 0 0 3px }
#Content .boxhead a {  display:block; margin: 8px 4px 0 0}
#Content .boxbody { background-color:#fafafa; border-left:1px solid #e4e1e1; border-bottom:1px solid #e4e1e1; border-right:1px solid #e4e1e1; padding:5px;}
#Content .boxbody ul.boxleft { list-style-type:none; line-height:20px;}
#Content .boxbody ul.boxleft span { display:block; width: 35px;  }
#Content .boxbody ul.boxleft a { display:block; width: 150px; }
#Content .weiter a { background-image:url(../gfx_2009/kleiner_pfeil_links.gif); background-position:left; display:block; background-repeat:no-repeat;}
#Content .weiter { margin:5px;}
#Content .weiter a span { display:block; margin-left:15px; }
#Content .box_ecke { float: left; width: 198px; margin-top:10px; border:1px solid #eeecec; padding:5px 0; }
#Content .box_ecke .boxb { list-style-type:none; line-height:20px; }
#Content .box_ecke .boxb li { clear:left;}
#Content .box_ecke .boxb a {  display: inline-block; width: 150px;}
#Content .box_ecke .boxb span { display:block; width:8px; margin:0px 9px 0px 3px; height:16px; background-color:#444bd6; }
#Content .box_ecke .boxb .blue { background-color:#444bd6; }
#Content .box_ecke .boxb .vio { background-color:#00a6d0; }
#Content .box_image { float: left; width: 198px; margin-top:10px; border:1px solid #eeecec; }
#Content .nomargborder { border-top:none; margin-top:0px; }
#Content .middlec .sitemap ul { line-height:20px; list-style-type: none; }
#Content .middlec .sitemap ul.first li { list-style-image: url(../gfx_2009/pfeilrechts.gif); margin-top: 20px}
#Content .middlec .sitemap ul.sub li { list-style-image: none; margin-top: 0px;}

#Content .middlec .sitemap ul li { list-style-type: none; }
#Content .middlec .sitemap .sub1 { margin-left:35px; }
#Content .middlec .sitemap .sub2 { margin-left:37px; }
/* Content */
/* Footer */
#Footer { margin-top: 50px; }
#Footer .top { margin-bottom:5px; }
#Footer .top span { padding:0px 3px 0px 3px; }
#Footer .bottom { border:1px solid #e4e4e4; background-image:url(../gfx_2009/footer-navi.gif); background-repeat:repeat-x; height:41px;}
#Footer .bottom ul { list-style-type:none; margin-top:5px; padding:0px 10px 0px 16px;}
#Footer .bottom li { display: inline; padding:0px 6px 0px 6px;}
/* Footer */
.left { float:left }
.right { float:right; }
.clearer{ clear:both; }



.top20 {
  margin-top: 20px;
}


/* Hauptnavigation 2.Ebene */
/*
#navisub, 
#navisub ul {padding:0px; margin:0; list-style:none; font-size:11px; position:relative; z-index:200;}
#navisub ul,
#navisub ul li {background-color: #7EB3E7}
#navisub {height:23px; padding:0; width:960px; text-align:left;}
#navisub table {border-collapse:collapse;top:20px;}
#navisub li {float:left; padding:0px;}
#navisub li li {float:none;}
#navisub li a li {float:left;}
#navisub li a {display:block; float:left; color:#2E4092; height:24px; padding:1px; line-height:24px; text-decoration:none; white-space:nowrap;}
#navisub li a.active {color:black; font-weight: normal}
#navisub li li a {height:20px; line-height:20px; float:none;}
#navisub li:hover {position:relative; z-index:300; }
#navisub a:hover {position:relative; z-index:300; color:#FFF;}
#navisub ul li a:hover {position:relative; z-index:300; color:#2E4092;}
#navisub :hover ul {left:0; top:23px;}
#navisub a:hover ul {left:-10px;}
#navisub ul {position:absolute; left:-9999px; top:-9999px;}
#navisub li:hover li:hover > ul {left:-15px; margin-left:100%; top:-1px;}
#navisub li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;}
#navisub ul li:hover > a {color:#FFF;}
#navisub li:hover li:hover > a {color:#222222;}
#navisub a:hover a:hover ul,
#navisub a:hover a:hover a:hover ul,
#navisub a:hover a:hover a:hover a:hover ul,
#navisub a:hover a:hover a:hover a:hover a:hover ul {left:100%; top:-1px;}
#navisub a:hover ul ul,
#navisub a:hover a:hover ul ul,
#navisub a:hover a:hover a:hover ul ul,
#navisub a:hover a:hover a:hover a:hover ul ul {background-color: #7EB3E7; position:absolute; left:-9999px; top:-9999px;}*/