/* ### Start allgemeine Definitionen */
body{
	font: normal 12px/1.4em Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 0;
	color: #666;
}

h1, h2, h3, h4 {
	padding: 0;
	margin: 0;
}

h1 {
	font-size: 18px;
	font-weight: normal;
	color: #101c4b;
	margin-bottom: 15px;
	text-transform: uppercase;
}

h2 {
	font-size: 14px;
	/*font-weight: normal;*/
}

p {
	padding: 0;
	margin: 0;
	margin-bottom: 15px;
}

a {
	color: #333333;
	font-weight: bold;
	text-decoration: none;
}

a:hover, a:active {
	text-decoration: underline;
}

a:visited {
	color: #44444;
}

form {
	padding: 0;
	margin: 0;
}

img {
	border: 0;
}

.linkarrow {
	background: url(../images/linkarrow.gif) center right no-repeat;
	padding-right: 12px;
}

ul, li {
	margin: 0;
	padding: 0;
}

table {
	border: 0;
	padding: 0;
	margin: 0;
	vertical-align: top;
}

table td {
	vertical-align: top;
}

.inv {
	position: absolute;
	left: -1000px;
	top: -1000px;
	width: 0;
	height: 0;
	padding: 0;
	margin: 0;
	overflow: hidden;
	display: inline;
	font-size: 0;
	text-indent: -1000px;
	background: none;
	border: 0;
}

.clearer {
	clear: both; 
	display: block; 
	margin: 0; 
	padding: 0; 
	height: 0; 
	line-height: 0; 
	font-size: 1px;
}
/* ### End allgemeine Definitionen */

div#wrapper{
	width: 1000px;
}

div#mood{
	background: transparent url(../images/logo.gif) no-repeat;
	width: 942px;
	height: 67px;
	margin-left: 28px;
}

body#home div#mood{
	background: transparent url(../images/logo_grey.gif) no-repeat;
}

div#stage{
	width: 942px;
	margin-left: 28px;
}

body#home div#stage{
	background: transparent url(../images/alu_gebuerstet.jpg) repeat;
	height: 461px;
	text-align: center;
}

img#start_udl{
	margin-top:85px;
}

.search {
	float: left;
	margin-top: 1px;
}

* html .search {
	margin-left: -20px;
}

.search input {
	background-color: #f0f0f0;
	height: 11px;
}


div#header{
	width: 940px;
	height: 100px;
	margin: 0 0 0px 28px;
	background: #fff url(../images/bg/header_top2.jpg) 0 0 no-repeat;
}

a.download {color: #000; padding: 10px 0 0 25px; display: block;}
a.download:hover {color: #000; text-decoration: none;}
a.download .title {font-weight: bold; text-decoration: underline;}

.doc {background: url(../images/icon/doc.gif) 0 10px no-repeat;}
.default {background: url(../images/icon/default.gif) 0 10px no-repeat;}
.pdf {background: url(../images/icon/pdf.gif) 0 10px no-repeat;}
.ppt {background: url(../images/icon/ppt.gif) 0 10px no-repeat;}
.xls {background: url(../images/icon/xls.gif) 0 10px no-repeat;}

div#footer {
background: url(../images/footer.jpg) 0 10px no-repeat;
margin:20px 0px;
padding-bottom:5px;
width:940px;
float: bottom;
}

div#header img{
	float: left;
	margin: 20px 55px 0 23px;
}

div#meta{
	width: 650px;
	height: 10px;
	padding: 0px 0px 0px 300px;
}
div#meta_links{
	width: 450px;
	height: 10px;
	padding: 5px 0px 0px 200px;
}

div#navi_main{
	padding: 40px 0px 0px 0px;
}

div#hp_image{
	width: 940px;
	height: 230px;
	margin: 0 0 0px 28px;
	background: #fff 0 0 no-repeat;
}

div#hp_image.hp_image_snippet {  
	z-index: 55;
} 

div#hp_image.hp_image_rotate {  
    height:  230px;  
    width:   740px;  
    padding: 0;  
    margin:  0;  
	z-index: -1;
} 

div#hp_image.hp_image_rotate img {  
    padding: 0px;  
    border:  0pc;  
    background-color: #eee;  
    width:  740px; 
    height: 230px; 
    top:  0; 
    left: 0;
	z-index: -1;
} 


div#hp_snippet{
	width: 270px;
	height: 200px;
	margin: 10px 30px 20px 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	float: right;
}

.hp_snippet span.hp_snippet_headline{
	font-size: 16px;
	font-weight: bold;
	color: #222222;
	margin-bottom: 15px;
	text-transform: uppercase;
}
.hp_snippet span.hp_snippet_copy{
	font-size: 12px;
	font-weight: normal;
	color: #222222;
	margin-bottom: 15px;
}

#header ul.navi {
	padding-top: 28px;
}

div#content{
	width: 942px;
	margin-left: 28px;
	float: left;
	padding-bottom: 25px;
}

* html div#content{
	padding-bottom: 0;
}
*+ html div#content{
	padding-bottom: 0;
}

.contentLeft {
	float: left;
	width: 180px;
	margin-right: 10px;
	display: inline;
}

.contentCenter {
	float: left;
	width: 550px;
	margin-right: 15px;
	display: inline;
}

.contentHomepage {
	float: left;
	width: 940px;
	margin-right: 0px;
	display: inline;
}

* html .contentLeft {
	margin-right: 10px;
}

.contentright {
	margin-top: 0px;
	float: left;
	width: 170px;
	display: inline;
}

.intro {
	font-size: 14px;
	color: #101c4b;
}

.blockLeft, .blockRight {
	width: 223px;
	float: left;
	margin-top: 10px;
}

.blockLeft {
	margin-right: 30px;
}

.news p span, .termine p span {
	display: block;
}

.news span.date, .termine span.date {
	font-size: .9em;
	line-height: 1.5em;
}

.news span.headline, .termine span.headline {
	font-weight: bold;
}

.news span.headline a.linkarrow, .termine span.headline a.linkarrow {
	font-weight: normal;
}

.termine h2 {
	margin-bottom: 5px;
}

.termine h2 span {
	color: #de5a00;
}


.persoenlichkeiten a {
	font-size: .9em;
	line-height: 1.2em;
	color: #666;
	text-decoration: none;
}
.persoenlichkeiten a:hover {
	text-decoration: none;
}

.persoenlichkeiten a span {
	background: url(../images/linkarrow.gif) center right no-repeat;
}

.persoenlichkeiten div {
	width: 145px;
	margin-right: 20px;
	float: left;
	padding-top: 15px;
}

.persoenlichkeiten div.last {
	margin-right: 0;
}

.persoenlichkeiten div img {
	margin-bottom: 3px;
}

/* Anfang Suchergebnis*/
.seitenbalken {background: #e7e8ed;}
.seitenbalken table td {vertical-align: middle;}
.seitenbalken table td strong, .seitenbalken table td span {color:#000;}
.seitenbalken table td a {color:#666;}
.seitenbalken select {background-color: #ededed; margin-bottom: 0; width: auto;}

.seiten {table-layout: auto; font-size: 1em;}
.seiten a {color: #000000; padding: 0 3px;}
.seiten a:hover {color: #da5800;}
.seiten span {padding: 0 3px; font-weight: bold;}

.seitenbalken img {
	border: 0; 
	width: 8px; 
	height: 16px; 
	background: url(../images/blank.gif) 0px 0px no-repeat; 
	vertical-align: middle;
}
img.seiten_anfang {background-image: url(../images/seiten_anfang.gif);}
img.seiten_zurueck {background-image: url(../images/seiten_zurueck.gif);}
img.seiten_vor {background-image: url(../images/seiten_vor.gif);}
img.seiten_ende {background-image: url(../images/seiten_ende.gif);}

.suchergebnis ul {
	border-top: 1px solid #d5d5d5;
	margin: 5px 0;
	padding: 0;
	
}

.suchergebnis ul li {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	border-bottom: 1px solid #d5d5d5;
	padding: 4px 10px;
}

.suchergebnis ul li a {	
	display: block;
}

 

.sucheContent .left {
float:left;
width:195px;
}

.sucheContent .left span {
font-weight: bold;
color: #da5800;
}

.sucheContent .right {
float:right;
width:255px;
}

input, textarea, select {
	font-size:11px;
}
/* Ende Suchergebnis*/


/* Anfang Snippets */
.snippet {
	margin-bottom: 40px;	
	float: left;
}

.snippet a:visited{
	color: #666;
	
}

.snippet p {
	font-size: 11px;
	line-height: 1.3em;
	color: #999;
}

.snippet table td {
	padding-bottom: 5px;
}

.snippet table td.first {
	padding-right: 15px;
}

.snippet .pic {
	float: left;
}

.snippet .pic.multiple {
	margin-right: 2px;
}

.snippet .pic.multiple.last {
	margin-right: 0;
}

.snippet .pic p {
	padding: 2px 2px 0;
	clear: left;
}

.snippet .pic.single img {
	float: left;
	margin-right: 2px;
}

.snippet .pic.single img.last {
	margin-right: 0;
}

.snippet .standard {
	width: 400px;
	background-color: #f1f1f1;
	float: left;
}

.snippet .standardInner {
	padding:10px 8px 12px;
	
}

.snippet .standard h3 {
	font-size: 12px;
	color: #555;
	margin-bottom: 7px;
}

.snippet .standard a {	
	font-size: 12px;
}

.downloads ul li {
	list-style: none;
}

.downloads ul li a {
	background: url(../images/icon_pdf.gif) 0 1.6em no-repeat;
	padding: 5px 0 5px 30px;
	display: block;
	color: #737373;
}

* html .downloads ul li a {
	padding-top: 0px;
	padding-bottom: 0px;
}

.downloads ul li a:hover, .downloads ul li a:active {
	text-decoration: underline;
}
/* Ende Snippets */





/* Start Popups */
body#popupGallery3d {
	background: url(../images/bg_popup_berlin.jpg) 0 0 no-repeat;
	padding: 35px 0 0 37px;
	color: #666;
}

body#popupBerlin {
	background: url(../images/bg_popup_berlin.jpg) 0 0 no-repeat;
	padding: 30px 0 20px 29px;
	color: #333;
}

body#popupBerlin .contentLeft {
	width: 300px;
	margin-right: 18px;
}

body#popupBerlin .contentright {
	width: 280px;
	margin-top: 30px;
}

body#popupBerlin h1 {
	color: #fff;
	font-size: 20px;
	text-transform: none;
}

.gallery {
	width: 300px;
	position: relative;
	margin-top: 30px;
}

ul#galleryInner {
	list-style-style: none;
}

ul#galleryInner li {
	height: 45px !important;
}

.jcarousel-clip, .jcarousel-container {
	height: 310px !important;
}

.gallery .person {
	padding-bottom: 17px;
	float: left;		
}

* html .gallery .person {
	padding-bottom: 0px;
}

.gallery div.last {
	padding-bottom: 0;
}

.gallery .person img {
	border: 2px solid #fff;
	margin-right: 12px;
	float: left;
	width: 76px;
}

.gallery .person p {
	float: left;
	width: 207px;
	margin: 0;
}

.gallery span.arrow {
	margin: 5px 0 5px 31px;	
	display: block;
}

.mapShadowTop {
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 260px; 
	height: 10px; 
	background: url(../images/shadow_google_maps_top.png) 0 0 no-repeat;
}

.mapShadowLeft {
	position: absolute; 
	top: 10px; 
	left: 0; 
	width: 10px; 
	height: 375px; 
	background: url(../images/shadow_google_maps_left.png) 0 0 no-repeat;
}

.mapOuter {
	position: relative;
}

.metaPopup {
	margin: 10px 0 0 2px;
}

.metaPopup a {
	background: url(../images/icon_drucken.gif) 0 0 no-repeat;
	padding-left: 20px;
	padding-top: 1px;
	color: #666;
	
}

.metaPopup a:hover, .metaPopup a:active {
	color: #666;
}





.gallery .galleryPopup {	
	position: absolute;
	top: -14px;
	left: 0;
	background: url(../images/bg_galleryPopup.png) 0 0 no-repeat;
	color: #666;
	padding-bottom: 8px;
	width: 302px;
	height: 390px;
	z-index: 10;
}

.gallery .galleryPopup a.closeButton img {
	border:0;
	height:18px;
	width:18px;
	position: absolute; 
	top: 1px; 
	right: 12px;
	background: url(../images/bt_schliessen.png) 0 0 no-repeat;
}

* html .gallery .galleryPopup a.closeButton img {
	right: 11px;	
	/*background: url(../images/bt_schliessen_ie6.gif) 0 0 no-repeat;*/
}

.gallery .galleryPopup h2 {
	color: #101c4b;
	padding: 0 15px 5px 15px;
}

.gallery .galleryPopup h2 span {
	color: #666;
	font-weight: normal;
}

.gallery .galleryPopup p {
	padding: 0 35px 0 15px;
	margin: 0;
}

.gallery .galleryPopup img {
	border: 1px solid #fff;
	width: 289px;
	height: 162px;
}

.gallery .reiterPopup {
	float: left;
	background: url(../images/pop_gallery_bg_pic.gif) 0 0 no-repeat;
	width: 291px;
}

.gallery .reiterPopup ul {
	float: right;
}

.gallery .reiterPopup ul li {
	float: left;
	display: block;
	list-style: none;
}

.gallery .reiterPopup ul li a {
	color: #999;
	display: block;
	font-size: 11px;
	padding-top: 1px;
}

.gallery .reiterPopup ul li.current a {
	color: #000;
}

.gallery .reiterPopup ul li.current a.tipps {
	background: url(../images/pop_gallery_li_tipps_hi.gif) top left no-repeat;
	height: 27px;
	width: 76px;
}

.gallery .reiterPopup ul li a.tipps {
	padding-right: 20px;	
}

.gallery .reiterPopup ul li.current a.tipps {
	padding-left: 25px;
	margin-right: -43px;
}

.gallery .reiterPopup ul li a.zurPerson {
	width: 62px;
	margin-right: -2px;
}

.gallery .reiterPopup ul li.current a.zurPerson {
	background: url(../images/pop_gallery_li_person_hi.gif) top left no-repeat;
	height: 27px;
	width: 67px;
	padding-left: 7px;
	margin-right: -7px;
}

.gallery .galleryPopup a.arrow {
	background: url(../images/link_arrow.gif) 0 7px no-repeat;
	padding-left: 12px;
	display: block;
	margin-top: 10px;
}


/* Anfang 3d Gallery */
#gallery3d {
	font-size: .9em;
	line-height: 1.2em;
	color: #666;
	position: relative; 
	float: left;
}

#gallery3d img {
	border: 2px solid #fff;
}

#gallery3dWindow {
	background-image: url(../images/gallery3d/bg_gallery3d.jpg);
	width: 559px;
	height: 316px;
	margin-bottom: 30px;
	position: relative;
	overflow: hidden;
}

#gallery3d p.hint {
	width: 50px;
	float: left;
}

#gallery3dChoice {
	width: 490px;
	float: left;
}

#gallery3dChoice div {
	width: 88px;
	float: left;
	position: relative;
}

#gallery3dChoice div span {	
	position: absolute;
	top: 49px;
	left: 59px;	
}
#gallery3dChoice div span a {	
	background-image: url(../images/bt_gallery3d_info_off.gif);
	display: block;
}
#gallery3dChoice div span a:hover, #gallery3dChoice div span a:active {	
	background-image: url(../images/bt_gallery3d_info_on.gif);
}
#gallery3dChoice div span img {	
	border: 0;
	width: 16px;
	height: 15px;
}

#gallery3dChoice div.last {
	width: 80px;
	float: left;
}

#gallery3dChoice span.arrow {
	width: 25px;
	float: left;
	padding-top: 25px;
}

#gallery3dChoice span.arrow img {
	border: 0;	
}


#contents { /* inhalt der Sprechblasen */
	font-size: .9em;
	line-height: 1.2em;
}

#lorem1, #lorem2 {
	width: 150px;
}

.hidden {
	display:none;
}


#screen {
	position:absolute;
	left: 0%;
	top: 10%;
	width: 100%;
	height: 80%;
	
	overflow: hidden;
}
#screen img {
	position: absolute;
	visibility: hidden;
	left: -10000px;
	filter: alpha(opacity=100);
}
#screen div {
	position: absolute;
	top: -10000px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	text-align: center;
	filter: alpha(opacity=100);
	color: #FFF;
}
#screen .texturl {
	color: #FF8000;
}


.fullImage {
	color: #fff;
	margin: 0 auto;	
	padding-top: 15px;
}

.fullImage.vertical {
	width: 454px;
}

.fullImage.vertical img {
	float: left;
	margin-right: 15px;
}

.fullImage.vertical p {
	float: left;
}

.fullImage.horizontal p {
	margin-top: 3px;
}


.backToChoice {
	display: block;
	background: url(../images/gallery3d/bt_zurueck_zur_auswahl.gif) 0 3px no-repeat;
	padding-left: 10px;
	color: #666;
	position: absolute;
	bottom: 65px;
	left: 0;
	z-index: 100;
}

* html .backToChoice {
	bottom: 80px;
}
*+ html .backToChoice {
	bottom: 80px;
}
/* Ende 3d Gallery */


/* Ende Popups */



/*
  USAGE: All you have to do is include this one line in your CSS file, with the
  tag names to which you want the script applied:
 */

.gallery .galleryPopup a.closeButton img { behavior: url(../js/iepngfix.htc) }

 /*
  Alternatively, you can specify that this will apply to all tags like so:
   * { behavior: url(iepngfix.htc) }
 */

/* Left Navigation */
.navi_left_element_xnx, .navi_left_element_xsx, .navi_left_element_xlx
{
	padding-top: 3px;
	padding-bottom: 3px;
	font-size: 11px;
}

.navi_left_element_xsx
{
	font-size: 9px;
}

.navi_left_element_xlx
{
	font-size: 13px;
}

.content_navi_left, .content_navi_left_hl, .content_navi_lefta, .content_navi_lefta_hl, .index_navi_left, .index_navi_left_hl {
	color: #003399;
	line-height: 18px;
	font-weight:bold
}
.content_navi_lefta, .content_navi_lefta_hl, .index_navi_left, .index_navi_left_hl {
	font-weight: normal;
}

.content_navi_left_hl, .content_navi_lefta_hl, .index_navi_left_hl {
	text-decoration: underline;
}

.navi_left_divider, .navi_left_divider2  {
	font-size:0em;
	height:0px;
	border-top: 1px solid #003399;
	margin-top:6px;
	margin-bottom:3px;
	width:24px;
}
.navi_left_divider2  {
	margin-top:3px;
	margin-bottom:6px;
}
/* Die Navistyles fuer alle Browser (PC: Firefox, Mozilla, Netscape6 und 7; Mac: Safari und Mozilla) ausser IE (Opera gar nicht beruecksichtigt) */

#naviebene3 li, #naviebene4 li, #naviebene5 li {border-top: 0 !important;
padding: 0 !important; /* +++ +++ +++ neu eingefuegt fuer die breiten menupunkte +++ */
}

#naviebene2 li {border-top: 1px solid #576081;
padding: 2px 0;    /* +++ +++ +++ neu eingefuegt fuer die breiten menupunkte +++ */
}

#naviebene1, #naviebene2, #naviebene3, #naviebene4, #naviebene5 {
width: 160px;
background: #0C5E84 0px 0px;
list-style: none;
margin: 0;
padding: 0;
}

#naviebene3{
    background: #0C5E84
}

#naviebene4, #naviebene5 {
	background: #0C5E84;
}

#naviebene1 a, #naviebene2 a, #naviebene3 a, #naviebene4 a, #naviebene5 a {
width: 144px;
color: #cccccc;
background: #101C4B;
text-decoration: none;
font: bold 11px arial, sans-serif;
display: block;
padding: 2px 8px;
}

#naviebene2 a {
background: #0C5E84 url(../images/blank.gif) 0px 0px no-repeat ;
font: normal 11px arial, sans-serif;
color: #ffffff;
padding: 1px 8px;
line-height: 14px;
}

#naviebene3 a, #naviebene4 a, #naviebene5 a {
width: 136px;
color: #ffffff;
background: #1376A0 url(../images/nav3_quod.gif) 8px 6px no-repeat;
font: normal 11px arial, sans-serif;
padding: 1px 8px 1px 16px;
line-height: 14px;
}

#naviebene4 a {
width: 128px;
color: #ffffff;
background: #3E92B6 url(../images/nav4.gif) 16px 6px no-repeat;
padding: 1px 8px 1px 24px;
}

#naviebene5 a {
width: 128px;
color: #ffffff;
background: #509DBB  url(../images/nav4.gif) 23px 6px no-repeat;
padding: 1px 4px 1px 28px;
font-style: normal;
}

#naviebene1 a:hover, #naviebene1 #current1 {
background: url(../images/nav1_pfeil.gif) 0px 4px no-repeat;
font: bold 11px arial, sans-serif;
color: #fff;
}

#naviebene2 a:hover, #naviebene2 #current2 {
background: #B7BAC9 url(../images/blank.gif) 0px 0px no-repeat;
font: normal 11px arial, sans-serif;
color: #101C4B;
line-height: 14px;
}

#naviebene3 a:hover, #naviebene3 #current3 {
background: #E7E8ED url(../images/nav3_quod.gif) 8px 6px no-repeat;
font: normal 11px/1.2em arial, sans-serif;
color: #576081;
line-height: 14px; text-decoration: none;
}

#naviebene4 a:hover {
background: #E7E8ED  url(../images/nav4.gif) 16px 6px no-repeat;
font-weight: normal; text-decoration: underline;
color: #576081;
}

#naviebene4 #current4 {
background: #E7E8ED url(../images/nav4.gif) 16px 6px no-repeat;
padding: 1px 8px 1px 24px;
font-weight: normal; text-decoration: underline;
}

#naviebene5 #current5 {
background: #E7E8ED url(../images/nav4.gif) 23px 6px no-repeat;
padding: 1px 8px 1px 33px;
font-weight: normal; text-decoration: underline;
}

.sn_grey {border: 1px solid #aeadad; margin-top: 15px; background-color: #eaeaea; width:170px}
.sn_grey h4 {background: #d6d5d5; padding: 5px 0 3px 10px; display: block;font: normal 13px arial, sans-serif;font-weight: bold;}
.sn_grey h5 {padding: 5px 10px 0px;}
.sn_grey p {padding: 0px 10px 5px;}
.sn_grey .label {color: #000;}
.sn_grey_field {width: 100%;}
.sn_grey_field_search {}
.sn_search_field {padding: 5px 8px 5px;;}
.sn_search_field input, .sn_grey_field_search input {width: 100%; margin-bottom: 5px;}

.sn_white {border: 1px solid #aeadad; margin-top: 15px; margin-right: 15px;background-color: #eaeaea; width:170px; float: left;}
.sn_white h4 {background: #d6d5d5; padding: 5px 0 3px 10px; display: block;font: normal 13px arial, sans-serif;font-weight: bold;}
.sn_white h5 {padding: 5px 10px 0px;}
.sn_white p {padding: 0px 10px 5px;}
.sn_white .label {color: #000;}
.sn_white_field {width: 100%;}
.sn_white_field_search {}
.sn_search_field {padding: 5px 8px 5px;;}
.sn_search_field input, .sn_white_field_search input {width: 100%; margin-bottom: 5px;}