@CHARSET "ISO-8859-1";
body{
	background-color: #ebeff5;
	margin: 0;
	font-family: Arial;
	font-family: Arial;
	font-size: 0.625em;
}

ul,ol{	
    list-style-type: none;
    margin: 0;
    padding: 0;	
}

img{ border:none;}
h5,h4,h3{
	margin: 0;	
}

a:focus,
span:focus,
a:active,
span:active{
	background-color: #27485E !important;
	color: #FFFFFF !important;	
}
.clear { clear: both; margin: 0!important;}
.nbb{ border-bottom: none !important;}

#wrapper{
	width: 100em;
	margin: 0 auto;
}

#wrapper > div{
	margin-bottom: 1.8em;
}

a.more,
a.more2,
a.rss{
    background: url("../images/base/link_more_icon.png") no-repeat scroll left 0.1em transparent;
    color: #41799E;
    font-size: 1.2em;
    padding-left: 1.8em;  
}

a.more2{
	background-image: url("../images/base/link_more2_icon.png");
}

a.rss{
	background-image: url("../images/base/link_rss_icon.png");
}


/* Kopfbereich */
#head{    
	background: url("../images/base/skyline.png") no-repeat scroll center bottom #FFFFFF;
    height: 12.4em;
    position: relative;
}

#head a,
#head span{
	font-size: 1.2em;
	color: #a2a2a2;
}
#head a#directory{
	background: url("../images/base/head_tree_icon.jpg") no-repeat scroll 0 8px transparent;
    display: block;
    float: left;
    height: 2.7em;   
    margin-left: 2.3em;
    padding-left: 2.1em;
    padding-top: 0.6em;
    width: 8.8em;
}
#head ul#langSelect{
	float: left;    
}
#head ul#langSelect li{
    display: block;
    float: left;
    height: 2.3em;
    padding-top: 0.7em;
    text-align: center;
    width: 2.45em;
}
#head ul#langSelect li.active{background-color: #EBEBEB;} 
#head ul#langSelect li a{
	text-decoration: none;
}
#head ul#langSelect li.active a{color: #41799E;}
#head img{
	float: left;
	margin-left: 2em;
    margin-top: 2em;
}
#head_service{
    height: 12.5em;
    margin-left: 71.2em;

}
#head_service #searchStringHead.textinput{
    background: url("../images/base/head_search_arrow.jpg") no-repeat scroll 13.3em 50% #F0F4FA;
    height: 1.8em!important;
    line-height: 2em;
   /* margin-bottom: 2.35em;*/
    margin-left: 5.3em;
    padding-right: 2.3em;
    width: 12.15em;
}

#head_service form{
	margin-bottom: 3.1em;	
}


#head_service .contentSelection{
	color: #666666;
	float: left;
}

#head_service ul{
	display:block;
}
#head_service ul.contentSelection li{    
	background: url("../images/base/head_selectbox_arrow.jpg") no-repeat scroll 95% 1.1em #D7D7D7;
    display: block;
    float: left;
    height: 2.15em;
    margin-right: 0.4em;
    padding-left: 1em;
    padding-right: 2.8em;
    padding-top: 0.6em;
}

#head_service ul.contentSelection li.institutions,
#head_service ul.contentSelection li.targetGroups{ width: 6.05em;}
	


#head_service ul.contentSelection li.institutions li,
#head_service ul.contentSelection li.targetGroups li{
    padding-right: 1em;
    text-align: right;
    width: 16.4em;}

#head_service ul.contentSelection a,
#head_service ul.contentSelection span{color: #666666;cursor:pointer;font-weight:bold;}

#head_service ul.contentSelection span{font-size: 1em;}
#head_service ul.contentSelection li div{
    float: left;
  	left: -999em;   
    position: relative;
    text-align: left;
    text-transform: none;
    top: 0;	    
	opacity: 0.95;}
	
#head_service ul.contentSelection li div li{background-image: none;}

#head_service ul.contentSelection li.institutions:hover div.level_1,
#head_service ul.contentSelection li.targetGroups:hover div.level_1{
	display: block;
    left: -9.6em;
    top: 0.68em;}
    
#head_service ul.contentSelection li.targetGroups:hover div.level_1{left: -9.5em;}

#head_service ul.contentSelection li.targetGroups:hover{height: 2.25em;}
#head_service ul.contentSelection li.targetGroups:hover div.level_1{ top: 0.75em; }


@.. all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) { 
	#head_service form{
		margin-bottom: 3.15em;	
	}
	
	#head_service #searchStringHead.textinput{
		margin-left: 5.5em;
		width: 12.45em;
		background: url("../images/base/head_search_arrow.jpg") no-repeat scroll 13.7em 50% #F0F4FA;
	}
	#head_service ul.contentSelection li.targetGroups:hover div.level_1{left: -9.5em;}
}

#head_service ul.contentSelection li a,
#head_service ul.contentSelection li span{    
	text-decoration: none;
    white-space: nowrap;}

#head_service span.contentSelection{
    margin-right: 0.7em;
    padding-top: 0.5em;
}
/* /Kopfbereich */


/* Inhalt */
#main #content > div{
	float:left;
	margin-bottom: 1.8em;
	margin-left: 1.8em;
	background-color: #ffffff;
}

#content{
    display: block;
    float: left;
    width: 82.6em;
}
/* /Inhalt */


.hidden{
left: -9999em;
position: absolute;	}


.textinput { 
    border: 0.1em solid #D7D7D7;
    color: #919191;
    height: 2.1em;
    padding-bottom: 0;
    padding-left: 0.5em;
    padding-top: 0;
}


/* Fakultätspezifische Styles */
/* Fakultätsnavi */
#faculty_navigation ul li.WiSo{
	background-image: url("../images/faculties/navi_icon_wiso.jpg");
}

#faculty_navigation ul li.Rewi{
	background-image: url("../images/faculties/navi_icon_rewi.jpg");
}

#faculty_navigation ul li.Medi{
	background-image: url("../images/faculties/navi_icon_medi.jpg");
}

#faculty_navigation ul li.Phil{
	background-image: url("../images/faculties/navi_icon_phil.jpg");
}

#faculty_navigation ul li.MaNu{
	background-image: url("../images/faculties/navi_icon_manu.jpg");
}

#faculty_navigation ul li.Huma{
	background-image: url("../images/faculties/navi_icon_huma.jpg");
}

#faculty_navigation ul li.Verw{
	background-image: url("../images/faculties/navi_icon_verw.jpg");
}
/* /Fakultätsnavi */

/* Newsliste */
ol li.WiSo{	background-image: url("../images/faculties/table_border_wiso.jpg");	}
ol li.WiSo .date,
ol.newslist li.WiSo span{ color: #77b800!important;}
ol li.Rewi{	background-image: url("../images/faculties/table_border_rewi.jpg");	}
ol li.Rewi .date,
ol.newslist li.Rewi span{ color: #9c3c25!important;}
ol li.Medi{	background-image: url("../images/faculties/table_border_medi.jpg");	}
ol li.Medi .date,
ol.newslist li.Medi span{ color: #dc291e!important;}
ol li.Phil{	background-image: url("../images/faculties/table_border_phil.jpg");	}
ol li.Phil .date,
ol.newslist li.Phil span{ color: #71277a!important;}
ol li.MaNu{	background-image: url("../images/faculties/table_border_manu.jpg");	}
ol li.MaNu .date,
ol.newslist li.MaNu span{ color: #1178c7!important;}
ol li.Huma{	background-image: url("../images/faculties/table_border_huma.jpg");	list-style-type:none;}
ol li.Huma .date,
ol.newslist li.Huma span{ color: #ff9933!important;}
ol li.Verw{	background-image: url("../images/faculties/table_border_verw.jpg");	}
ol li.Verw .date,
ol.newslist li.Verw span{ color: #6dc6e7!important;}
/* /Newsliste */
/* /Fakultätspezifische Styles */

/* Footer */
#footer{
	background-color: #FFFFFF;
	font-size:1.2em;
	clear: both;
    height: 10.6em;
    padding: 1.3em 0 1.3em 1.45em;
}
#footer h5 {
	font-size:1em;
	margin-bottom: 0.45em;
}
#footer p {    
	letter-spacing: 0.02em;
    margin: 0 0 0.6em;}
#footer ul li {float:left;color: #555555;}
#footer ul li.left {
	width: 41.6em; 
	color: #a2a2a2;}
#footer ul li.left ul{ margin-top: 0.1em; }
#footer ul li.left ul li{
    height: 2em;
    letter-spacing: 0.04em;
    margin-right: 0.8em;
    padding-left: 1em;
    padding-top: 0.4em;}
#footer ul li.left ul li.impressum{ background: url("../images/footer/footer_icon_impressum.png") no-repeat scroll 0 0.5em transparent;}
#footer ul li.left ul li.contact{ padding-left: 1.6em;background: url("../images/footer/footer_icon_contact.png") no-repeat scroll 0 0.55em transparent;}
#footer ul li.left ul li.mobile{ background: url("../images/footer/footer_icon_mobile.png") no-repeat scroll 0 0.25em transparent;}
#footer ul li.left ul li.einrichtungen{
	background: url("../images/footer/footer_icon_einrichtungen.png") no-repeat scroll 0 0.7em transparent;
    padding-left: 2.2em;}
#footer ul li.left ul li a{color: #a2a2a2;}

#footer ul li.middle {    width: 23.8em;}
#footer ul li.middle a{
	background: url("../images/base/footer_selectbox_arrow.png") no-repeat 96% center #f0f4fa;
	border: 0.1em solid #D7D7D7;
    color: #919191;
    display: block;
    height: 1.4em;
    padding-bottom: 0;
    padding-left: 0.4em;
    padding-top: 0.2em;
    width: 17.3em;
    text-decoration: none;
	cursor:pointer;}
#footer ul li.middle .dropdown{ width: 17.3em;}
#footer ul li.middle div div a{
	border-left: 0.1em solid #D7D7D7;
	border-right: 0.1em solid #D7D7D7;
	border-bottom: 0.1em solid #D7D7D7;
	border-top: none;
	background-image: none;	
}
#footer ul li.right ul li {     margin-right: 0.4em; }
/* /Footer */

/* Dropdown */
div.dropdown{position: relative;}

div.dropdown div{ 
    left: -999em;
    position: absolute;
    top: 1.7em;
    
}
div.dropdown:hover div{ left: 0; display:block;}
#footer .dropdown div{ top: 1.75em; }
/* /Dropdown*/

/* Hiddennavigation */
#head ul.hiddennavigation{
position: absolute;
left:-2000em;
top: 0;
height:0;
z-index: 120;    
}

#head ul.hiddennavigation li { float: none; }

#head ul.hiddennavigation a:focus{
	position: absolute; 
	left:1333.4em; 
	top: 0; 
	width: 20em;    
	font-weight: bold;
	font-size:1.5em;
	color: #FFFFFF;
	z-index: 120;
	background-color: #27485E;
	padding: 0.3em;}
/* /Hiddennavigation */

/* News */
#news{ padding: 1.8em; }

#news ol.newslist,
.detailNews ol.newslist{ 
margin-bottom: 0.8em; 
}

.content_left .detailNews {
    font-size: 0.8em;
    margin-bottom: 2.5em;
}

#news ol.events,
.detailNews ol.events{ border-top: 0.1em solid #DFE2E8; }
.detailNews ol.events{ 
	margin-left: 13.3em;
    margin-top: 0;}
 
#news ol li,
.detailNews ol li{
    border-top: 0.1em solid #DFE2E8;
    line-height: 1.3;
    padding-bottom: 1.2em;
    padding-top: 1.2em;
    width: 41em;}
    
#news ol.newslist li,
.detailNews ol.newslist li{
    background-repeat: no-repeat;
    background-position: 0 1.4em;}
    
#news ol.events li,
.detailNews ol.events li{
    background-position: 0 1.55em;
    background-repeat: no-repeat;
    border: medium none;
    padding-bottom: 0;
    padding-top: 1.1em;}
    
.detailNews ol.events li{ margin-bottom: 1em; }
    
#news ol.events li > span,
.detailNews ol.events li > span{
content_left ol,ul{
    list-style-type:square;
    padding:0.2em;
}
    color: #adadad;
    margin-top: 0.1em;
    font-size: 1.2em;}
    
#news ol.events li > p,
.detailNews ol.events li > p{
	color: #555555;
	 font-size: 1.2em;}

.detailNews div.clear{margin: 0;}

#news ol.events li .date span,
.detailNews ol.events li .date span{
	clear: right;
    display: block;
    margin-left: 0;}
    
#news ol li p,
.detailNews  ol li p{ margin: 0.3em 0 0 1em; }

#news ol li.allNews a,
.detailNews ol li.allNews a{ margin-left: 1.1em; }

#news ol.events li span,
#news ol li p{
	display: block;
	margin-left: 3.4em;}
	
#news ol.newslist li span,
#news ol.newslist li p,
.detailNews ol.newslist span,
.detailNews ol.newslist p{
	font-size: 1.2em;
	margin-left: 1em;
	word-spacing: 0.1em;
	color: #525252;}

#news .date,
.detailNews .date{    
    float: left;
    text-align: center;
    width: 4.1em;}
    
#news .date .day,
.detailNews .date .day{
	font-size: 1.8em;
    font-weight: bold;
    height: 1em;}
    
#news .date .month,
.detailNews .date .month{	font-size: 1.2em;}

#news > div{ float: left; }

#news > div h3{
	font-size: 1.2em;
	color: #555555;
    margin-bottom: 1em;
    vertical-align: inherit;
    word-spacing: 0.15em;}
    
#news div div{ position: relative; }

#news div.article_teaser{	width: 34.5em; }

div.article_teaser{
	margin-bottom: 1.6em;
	margin-left: 1.7em;}

div.article_teaser img{
	margin-bottom: 1.2em;	
}

div.article_teaser .thumbWrapper{
    margin-bottom: 0;
    position: relative;
}

.detailpage div.article_teaser{
    font-size: 0.8em;   
    position: relative;
    margin-left: 0;}

.content_left .article_teaser{ margin-bottom: 4em; }

div.article_teaser p{
    color: #555555;
    font-size: 1.25em;
    line-height: 1.6;
    margin-top: 0;}

div.article_teaser a{
	margin-bottom: 1em;}

div.article_teaser h3{
    font-size: 2.4em;
    font-weight: normal;
}

div.article_teaser h4{
    font-size: 1.2em;
    margin-top: 2em;
}

div.article_teaser span{
	position: absolute;
	top: 0;
	left: 0;
	background-color: #27485E;
    color: #FFFFFF;
    font-size: 1.2em;
    padding: 0.7em;}

div.descBottom.article_teaser span{
    bottom: 1.05em;
    display: block;
    height: auto;
    left: 0;
    max-width: 16em;
    top: auto;
}

/* /NEWS */

/* BREADCRUMB */
.breadcrumb { 
    font-size: 0.9em;}

.content_left .breadcrumb { margin-bottom: 1.7em; }	
.breadcrumb a{
	color: #41799e;
	text-decoration: none;}
.breadcrumb ul {padding-bottom: 0.8em;display:block;}
.breadcrumb ul li{
    background: url("../images/base/breadcrumb_arrow.png") no-repeat scroll 0 0.4em transparent;
    float: left;
    padding-left: 1.7em;
    padding-right: 0.8em;
    white-space: nowrap;}

.breadcrumb ul li.first{
	padding-left: 0;
	background: none;}

/* Linkliste */
.linkList li{
    font-size: 0.9em;
    padding-bottom: 1.1em;
}
.linkList hr{
    color: #E0E1E3;
    height: 0.1em;
    margin-top: 2em;
}
/* /Linkliste */

/* 
	Flash-Element 
	Angaben in px da es sich um Flashvideos handelt
*/

.flashElement{
    width: 600px;
    height: 355px;
    background-color: #adaeb3;
}
/* /Flash-Element */

/* Kontakt-Formular */
.contactForm label{
    float: left;
    line-height: 2em;
    width: 12em;}
.contactForm h3{   font-size: 1em;}
.contactForm input.textInput,
.contactForm select{
    clear: right;
    display: block;
    height: 1.6em;
    margin-bottom: 1em;
    width: 19.3em;
    border:none;
    background: url("../images/base/contactform_input_bg.png") no-repeat scroll 0 0 transparent;
}

@.. all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {
	.contactForm input.textInput,
	.contactForm select{width: 20em;}
} 

.contactForm select{
    color: #9A9A9A;
    height: 1.7em;
    padding: 0.1em;
    width: 19.3em;}
    
.contactForm input.submitButton{
    background-color: #42789C;
    border: 0.1em solid #2C5976;
    clear: both;
    color: #FFFFFF;
    display: block;
    font-size: 1em;
    margin-bottom: 0.5em;
    margin-left: 12em;
    padding: 0.2em;
}
.contactForm span{
    clear: right;
    display: block;
    font-size: 0.8em;
    padding-left: 14.2em;
    color: #999999;
}
/* /Kontakt-Formular */

/* Bilder-Galerie */
.imageGallery #controls,
.imageGallery #slideshow{ margin-bottom: 1em; }
.imageGallery #controls div{ margin-bottom: 0;}
.imageGallery #slideshow img{
 	max-height:29.58em;	
	height:auto !important;
	height:29.58em;
	
	max-width:50em;	
	width:auto !important;
	width:50em;
}
ul.thumbs li{
	float:left;
	padding-right: 0.75em;
	font-size: 1em;
	 margin-bottom: 0.3em;
}
.bottom.pagination{
    clear: both;
    display: block;
}

.imageGallery #controls .nav-controls a{
	color: #9b9b9b;
}
#thumbs{ height: 14em; }
#thumbs .nextPageButton,
#thumbs .prevPageButton{    
    display: block;
    height: 2.2em;
    width: 2.2em;
}
#thumbs .nextPageButton{
	background: url("../images/gallery/arrow_forward.png") no-repeat scroll 0 0 transparent;
	float: right;}
#thumbs .prevPageButton{
	background: url("../images/gallery/arrow_backward.png") no-repeat scroll 0 0 transparent;
	float: left;}
#slideshow .image-wrapper{
	position: relative;	
}
#slideshow .zoomIcon{	
	background: url("../images/gallery/zoom.png") no-repeat scroll 0 0 transparent;    
    display: block;
    height: 2.2em;
    position: absolute;
    right: 0.7em;
    bottom: 0.9em;
    width: 2.2em;
    cursor: pointer;}
/* /Bilder-Galerie */
