@CHARSET "utf-8";



/*********************
*** HTML Properties 
*********************/
* {
	margin:0px;
	padding:0px;	
}
body {
	text-align: center;
	font-size: 11px;
	color:#333333;
	line-height:1.3em;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	overflow-y:scroll;
	background: #fff;
}

img {
	border:0px;	
	display:block;
}

table,td,tr,th {
	font-size:1em;	
}



/*********************
*** Allemeine Formtatierungen
*********************/

* {
	font-color:#333333;
	font-family: Arial,Helvetica,Verdana,sans-serif;
	font-size: 12px;
	line-height:18px;
}

h1 {
	font-size: 18px;
	letter-spacing: 0.05;	
	line-height: 20px;
	font-weight:bold;
}

h2 {
	font-size: 14px;
	font-weight:bold;
}

h3 {
	font-weight:bold;
}

h4 {
	color: #666666;
	font-weight:bold;
}

p {

}

a:link, a:visited, a:hover, a:active {
	text-decoration: underline;
}
a:link,a:visited,a:active {
	color:#e20019;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
	color: #e20019;
}

/*
ul{
	margin-left:15px;
}
*/
ol {
	margin-left:18px;
}

/*********************
*** Helpers
*********************/

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	/*height: 1%;*/
	height: auto;
}

.INACT {
	display:none;
}



/*********************
*** News
*********************/

.tx-veranstaltungen-pi1 a, .tx-veranstaltungen-pi1 a:link, .tx-veranstaltungen-pi1 a:visited,
.news-latest-morelink a, .news-latest-morelink a:link, .news-latest-morelink a:visited,
.contentElement  a.internal-link , a.mail, a.mail:hover   {
	text-decoration: none;
	color: #333333;
	font-weight:normal;
	font-size:12px;
	background-image: url("../img/pfeil.gif");
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
}

.tx-veranstaltungen-pi1 a:hover,
.news-latest-morelink a:hover {
	text-decoration:underline;
	color: #e20019;
}

/*********************
*** Spotlight
*********************/
#leftColumn a:link, #leftColumn a:visited, #leftColumn a:hover, #leftColumn a:active, #leftColumn a:visited {
	text-decoration: none;
	/*color:#e20019;*/
	color: #333333;
	line-height: 15px;
}
#leftColumn a:hover {
	text-decoration: underline;
	color: #e20019;
}


#leftColumn span.detail {
	color: #999999;
	font-weight:bold;
}


#leftColumn a.internal-link:link,#leftColumn a.internal-link:visited,#leftColumn a.internal-link:hover, #leftColumn a.internal-link:active, #leftColumn a.external-link-new-window, #leftColumn a.mail, #leftColumn a.mail:hover, #leftColumn a.mail:active, #leftColumn a.mail:visited  {
	color:#333333;	
	background-image:url(../img/pfeil.gif);
	background-position:left center;
	background-repeat:no-repeat;
	text-decoration: none;
	margin-left:0;
	padding-left:15px;
	width:100%;
	float:left;
}

#leftColumn a.internal-link:hover, #leftColumn a.external-link-new-window:hover, #leftColumn a.mail:hover {
	text-decoration:underline;
	color: #e20019;
	
}

/*
#leftColumn div.csc-textpic-text a {
	text-decoration: normal;
	color: #e20019;
	font-weight: normal;
	background-image:none;
}
#leftColumn div.csc-textpic-text a:hover {
	text-decoration: underline;
	background-image:none;
}
*/
/*
#leftColumn div.csc-textpic-text a.internal-link, #leftColumn div.csc-textpic-text a {
	text-decoration: none;
}
*/



.news-latest-morelink a:hover, .contentElement  a.internal-link:hover  {
	text-decoration:underline;
	color: #e20019;
}

#quicksearchInput {
	width: 130px;
}
.quicksearchSubmit {
	margin-left:5px;
	margin-top: 2px;
	vertical-align:top;
	width:78px;
}

.contentElement, .news-latest-item {
	margin-bottom:10px;
}

#keyvisual {
	float:left;
	width:300px;
	overflow:visible;
	z-index:2;
}


/*********************
*** Layout
*********************/

#site {
	width:980px;
	padding:0px 0px 0px 0px;
	overflow:hidden;
	text-align: left;
	margin:auto;
	/*background: url("../img/background_bfh.jpg");*/
}



#metaArea {
	height:128px;
	/*background: url("../img/logo.jpg");*/
	background-repeat:no-repeat;
}
#logo {
	width:378px;
	height:74px;
	float:left;
	margin-top:27px;
	margin-left: 5px;
}

#header {
	height:302px;
	margin-top:15px;
	background: url("../img/keyvisual_startseite_background.jpg");
	margin-bottom:18px;
	background-position: bottom;
	background-repeat: repeat-x;
	z-index: 1;
}
#schnelleinstieg {
	position: relative;
	width:230px;
	float:right;
	margin-top: 30px;
	overflow:hidden;
	z-index: 3;
}
#schnelleinstieg div.top {
	background-color:#ffffff;
	opacity:0.93;
	filter: alpha(opacity=93);
	padding-top:5px;
}

#schnelleinstieg div.bottom {
	background-color:#E2001A;
	height:15px;
	margin-top:8px;
	filter: alpha(opacity=100);
	opacity:1;
}

#topNavigation {
	width:100%;
	text-align:left;
	height:22px;
	background-image:url(/fileadmin/templates/img/mainmenu_border.gif);
	/*margin-bottom: 20px; */
}

#breadcrumb {
	height:20px;
}

#leftColumn {
	width:260px;
	float:left;
	min-height:200px;	
	margin-right:10px;
}

#breadcrumb, #breadcrumb a:link, #breadcrumb a:visited, #breadcrumb a:hover, #breadcrumb a:active {
	text-decoration: none;
	color: #999999;
	font-weight:normal;
	font-size:11px;
}
#breadcrumb a:hover {
	color: #333333;
}

}

.news-latest-morelink {
	margin-bottom:10px;
}




#middleColumn {
	margin-left:10px;
	margin-right:10px;
	width:460px;
	float:left;
}

#contentleft{
	width:220px;
	float:left;
}

#contentright{
	width:220px;
	float:right;
}

#rightColumn {
	float:left;
	width:220px;
	margin-left:10px;
	min-height:200px;
}

#contentArea {
	background: url("../img/linie_bg.jpg");
	margin-bottom:40px;
}

#contentArea h1 {
	padding-left:5px;
}

#content {
	min-height:200px;
}

#contentObjects {

}

#contentFooter {
}

#footer {
	border-top:1px solid #cccccc;
	margin-top:5px;
	text-decoration: none;
	height:25px;
	color: #cccccc;
	font-weight:bold;
	font-size:11px;
	/*background: url("../img/logo_efqm.jpg");
	background-repeat:no-repeat;*/

}

#footerleft {
	font-weight:normal;
	float:left;
	font-size:11px;
	margin-top:5px;
}
#footerright {
	float:right;
	font-size:11px;
	margin-top:5px;
}

#footerNavigation a:link, #footerNavigation a:visited, #footerNavigation a:hover, #footerNavigation a:active {
	text-decoration: none;
	color: #999999;
	font-weight:bold;
	font-size:11px;
}
#footerNavigation a:hover, #footerNavigation a.active {
	color: #000000;
}

/* bea5: original #facebook { float: right; width: 14px; height: 14px; background: url(../img/facebook.gif) top left no-repeat; } */
#facebook { float: right; width: 168px; height: 56px; margin-top: -38px; background-color:transparent;}
#facebook #icon3 { float:right; display: block; width: 56px; height: 56px; background: url(../img/icons/facebook-logo.png) top left no-repeat;}
#facebook #icon2 {float:right; display: block; width: 56px; height: 56px; background: url(../img/icons/twitter.png) top left no-repeat;}
#facebook #icon1 { float:right; display: block; width: 56px; height: 56px; background: url(../img/icons/rss-basic.png) top left no-repeat;}

/* original #facebook a { display: block; width: 14px; height: 14px;  } */
#facebook a { display: block; width: 56px; height: 56px;  }

*+html #facebook { position: relative; top: -25px; }
/*********************
*** Elemente
*********************/

#quicksearch {
	margin-bottom:30px;	
}



/*********************
*** Navigation and LanguageSelector
*********************/

.horizontalNavigation {
	list-style: none;
}
.horizontalNavigation li {
	float:left;	
}

.verticalNavigation,.verticalNavigation ul {
	list-style: none;
}

#mainNavigation {
	padding:0px;
	margin-left:10px;
	width:95%;
}

#mainNavigation li {
	margin-right:30px;
	height:28px;
}

#mainNavigation a:link, #mainNavigation a:visited, #mainNavigation a:hover, #mainNavigation a:active {
	text-decoration: none;
	color: #333333;
	font-weight:bold;
	font-size:15px;
}
#mainNavigation a.active {
	border-bottom: 5px solid #E2001A; 
	padding-bottom: 4px;
}

#mainNavigation a:hover {
	color: #999999;
}

#subNavigation {
	padding:0px;
	margin:0px;		
}
#subNavigation ul {
	margin-left:10px;	
	padding:0px;
}
#subNavigation li {

}

#languageSelect { 
	float:right;
	margin-top:27px;
	margin-left:15px;
	color: #cccccc;
}
#languageSelect a.active {
	color:#000000;
}
#metaNavigation {
	float:right;
	margin-right:20px;
	margin-top:27px;
	margin-left:10px;
	color: #cccccc;
}


#metaArea a:link, #metaArea a:visited, #metaArea a:hover, #metaArea a:active {
	text-decoration: none;
	color: #999999;
	font-weight:bold;
	font-size:11px;
}
#metaArea a.active {
	color: #000000;
}
#metaArea a:hover {
	color: #333333;
}
div#metaArea ul#languageSelect li.active a, div#metaArea ul#metaNavigation li a.active {
	color: #000000;
}

#contentArea h1  {
	color: #666666;
	background-color: #eeeeee;
	border-bottom: 1px solid #e4e4e4;
	font-size:14px;
	margin-bottom:15px;
}


#schnelleinstieg h1  {
	color: #666666;
	background-color: #eeeeee;
	border-bottom: 1px solid #e4e4e4;
	font-size:14px;
	margin-bottom:15px;
	margin-left:10px;
	padding-left: 5px;
}
#schnelleinstieg ul {
	padding-bottom: 18px;
	margin-left: 10px;
}
#schnelleinstieg li {
	list-style-type: none;
}
#schnelleinstieg a:link, #schnelleinstieg a:visited, #schnelleinstieg a:hover, #schnelleinstieg a:active {
	background-image:url(../img/pfeil.gif);
	background-position:left center;
	background-repeat:no-repeat;
	margin-left:0;
	padding-left:15px;
	text-decoration: none;
	color: #000000;
	font-weight:normal;
	font-size:12px;
}
#schnelleinstieg a:hover {
	text-decoration: underline;
	color: #e20019;
}

#quicksearch a {
	background-image:url(../img/pfeil.gif);
	background-position:left center;
	background-repeat:no-repeat;
	margin-left:0;
	padding-left:15px;
	text-decoration: none;
	color: #000000;
	font-weight:normal;
	font-size:12px;
	display:block;
}
#quicksearch a:hover {
	text-decoration:underline;
	color: #e20019;
}

#departemente ul {
	margin-left: 0px;
}
#departemente li {
	list-style-type: none;
	list-style-position: outside;
	margin-left: 0px;
}



#departemente a:link, #departemente a:visited, #departemente a:hover, #departemente a:active {
	background-image:url(../img/pfeil.gif);
	background-position:left 5px;
	background-repeat:no-repeat;
	margin-left:0;
	padding-left:15px;
	text-decoration: none;
	color: #000000;
	font-size:12px;
	list-style-position: outside;
	background-image: url("../img/pfeil.gif");
	background-repeat: no-repeat;
	display:inline-block;


}
#departemente a:hover {
	text-decoration: underline;
	color: #e20019;
}

div.csc-sitemap a,
ul.csc-menu a {

	background-image:url(../img/pfeil.gif);
	background-position:left 3px;
	background-repeat:no-repeat;
	margin-left:0;
	padding-left:15px;
	text-decoration: none;
	color: #000000;
	font-weight:normal;
	font-size:12px;
	display:block;
}

div.csc-sitemap ul,
ul.csc-menu ul { 
	line-height: 18px !important;
	padding: 0px;
	margin: 0px;
}

div.csc-sitemap li,
ul.csc-menu li { 
	line-height: 18px !important;
	list-style-type: none;
	list-style-position: outside;
	margin-left: 0px;
	float: left;
	display: block;
	width: 220px;
	margin-bottom: 3px;
}

ul.rgtabs-menu li {
	color: #666666;
	font-weight: bold !important;
	line-height: 18px !important;
}

ul.rgtabs-menu li a {
	color: #666666 !important;
	font-weight: bold !important;
	line-height: 22px !important;
	text-decoration: none;
}

ul.rgtabs-menu li a:hover {
	font-weight: bold !important;
	color: #333333 !important;
	text-decoration: none !important;
}

.rgtabs-menu li, #left .rgtabs-menu li {
	margin: 1px 0 0 !important;
}


.news-latest-item h3 a, .news-latest-item h3 a:visited {
	color:#333333;
	text-decoration: none;
}

.news-latest-item h3 a:hover, .news-latest-item h3 a:active {
	color:#E20019;
	text-decoration: none;
}

a.veranstaltungtitel, a.veranstaltungtitel:link,  a.veranstaltungtitel:visited , a.veranstaltungtitel:hover {
	background-image:none;
	font-weight: bold;
	padding-left: 0;
}

a.veranstaltungtitel:hover {
	color: #E20019;
	text-decoration:none;
}
