@charset "utf-8";
/* CSS Document */

body {
	background: #c4d5ea url(../images/bg-top.png) repeat-x center 0;
	padding: 0;
	margin: 0;
	text-align: center;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9pt;
	color: #575757;
}

h1, h2, h3, h4, h5 { color: #008751; font-weight: bold; padding: 0; }
h1 { font-size: 120%; }
h2 { font-size: 110%; }
h3 { font-size: 100%; }

img { border: 0; }

a, a:link { color: #4d4d4d; text-decoration: underline; }
a:visited { color: #494949; }
a:hover, a:focus { text-decoration: none; outline: none; }

p { line-height: 1.5; font-size: 90%; }


/* -----------------------
		 Allgemeine Klassen
---------------------------*/

.clear { clear: both; width: 0.1em; height: 0.1em; overflow: hidden; }

.block { display: block; width: 100%; height: 99%; }
.hide { display: none; }

.left { float: left; }
.right { float: right; }
.center { width: 100%; text-align: center; }

.small { color: #aaa; font-size: 8pt; }



/* -----------------------
		  Content-Table
---------------------------*/

.contenttable { padding: 0 !important; margin: 0 !important; border: 1px solid #222; border-width: 0 0 1px 1px; border-spacing: 0; background: none; }
.contenttable th, .contenttable td { border: 1px solid #222; border-width: 1px 1px 0 0; }
.contenttable .tr-even { background-color: #f5f5f5; }
.contenttable thead { background-color: #eee; font-weight: bold; }

/* Kalender */
.cal_width_left { margin-left: 0; padding: 20px 0; }
.monthSmallBasic { padding: 0 !important; border: 1px solid #fff !important; border-bottom-color: #777 !important; border-right-color: #777 !important; }
.monthSmallBasic img { display: none; }
.tx-cal-controller .bold a img, .month-large .day div.V9 img { float: right; }
.month-large .day div.V9 { line-height: 1 !important; margin: 10px 0 0 0; font-weight: normal !important; }
.month-large .day div.V9 a, .tx-cal-controller .padd a { text-decoration: none; }
.rowOn a, .rowOff a { font-weight: normal !important; }
.tx-cal-controller .padd { font-size: 90%; line-height: 1 !important; }



/* -----------------------
				 Formulare
---------------------------*/

.button {
	padding: 1px 3px;
	text-align: center;
	font: 80% Arial, Helvetica, sans-serif;
	color: #545454;
	background: #b8b8b8;
	border: 0;
	cursor: pointer;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
}
.button:hover { color: #444; }
.button a { text-decoration: none; }

.textfield { border: 1px inset #666; background: #fff; margin: 5px 2px; padding: 1px; font: 80% Georgia, "Times New Roman", Times, serif; color: #000; }
.textfield:focus { border: 1px solid #999; }

textarea {
	width: 560px;
	height: 100px;
	border: 1px solid #8b0111;
	background: #3d3d3d;
	margin: 2px 0 2px 2px;
	padding: 5px;
	font: 13pt Georgia, "Times New Roman", Times, serif;
	color: #fff;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

label { display: block; padding: 3px 0 1px 5px; text-align: left; }


/* -----------------------
	Spezifische Klassen/IDs
---------------------------*/

/* -----------------------
					 Main
---------------------------*/

#outer { background: url(../images/bg-outer.png) repeat-x 0px 148px; }
#inner-center { position: relative; z-index: 2; width: 899px; background: url(../images/shadow.png) repeat-y 0px 168px; margin: 40px auto 0 auto; padding: 0 19px; text-align: left; }
#top-banner { display: none; position: absolute; z-index: 1; top: -40px; left: 0; width: 100%; height: 180px; background: url(../images/bg-top.png) no-repeat center top; }

* html #inner-center { background: url(../images/shadow-ie6.gif) repeat-y 0px 168px; }

#top { position: absolute; z-index: 2; width: 900px; height: 20px; margin: -20px -10px 0 -10px; padding: 0 10px; background: url(../images/top_shadow.png) no-repeat -9px -10px;  }
* html #top { background: none; }


/* -----------------------
					 Navi
---------------------------*/
ul#navi { float: left; list-style: none; height: 20px; margin: 0; padding: 0 4px; -moz-box-shadow: #666 0px 0px 10px; -webkit-box-shadow: #666 0px 0px 10px; box-shadow: #666 0px 0px 10px; }
ul#navi li { position: relative; z-index: 500; float: left; background: url(../images/navi-bg.png) repeat-x left top; margin: 0; }
ul#navi li:hover { background-image: url(../images/navi-bg-hover.png); }
ul#navi li.active {
	position: relative; z-index: 520;
	background: url(../images/navi-bg-active.png) repeat-x left top;
	margin: -2px 0 0 0;
	border: 1px solid #fff; border-width: 2px 1px 0 1px;
	-moz-box-shadow: #666 0px 0px 10px; -webkit-box-shadow: #666 0px 0px 10px; box-shadow: #666 0px 0px 10px;
}

ul#navi li.active-ie6 {
	width: auto;
	position: relative; z-index: 520;
	background: url(../images/navi-bg-active.png) repeat-x left top;
	margin: -2px -1px 0 0;
	border: 1px solid #fff; border-width: 2px 1px 0 1px;
}

ul#navi li span.first { float: left; display: block; width: 6px; height: 20px; background: url(../images/sprite.png) no-repeat -9px -109px; margin: 0 0 0 -4px; }
ul#navi li span.last { float: right; display: block; width: 6px; height: 20px; background: url(../images/sprite.png) no-repeat -13px -109px; margin: 0 -4px 0 0; }
ul#navi li:hover span.first { background-position: -19px -109px; }
ul#navi li:hover span.last { background-position: -24px -109px; }
ul#navi li.active span.first { height: 22px; background-position: 0px -129px; margin: -2px 0 0 -5px; }
ul#navi li.active span.last { height: 22px; background-position: -10px -129px; margin: -2px -4px 0 0; }

ul#navi li a { display: block; padding: 3px 11px; color: #4d4d4d; text-decoration: none; }
ul#navi li.active a { padding: 4px 10px; }
ul#navi li span.active, ul#navi li span.active-set { position: absolute; top: 0; left: 0; display: block; float: left; width: 4px; height: 100%; background: #f9e04c; }

* html ul#navi { width: 570px; margin-left: -2px; }
* html ul#navi li { margin-bottom: -2px; }
* html ul#navi li.active { width: auto; }
* html ul#navi li.active a { margin-bottom: -2px; }
* html ul#navi li span.first,
* html ul#navi li span.last,
* html ul#navi li.active span.first,
* html ul#navi li.active span.last { display: none; }
* html ul#navi li span.active, * html ul#navi li span.active-set { height: 20px; }

*+ html ul#navi { width: 570px; }


/* -----------------------
					 Head
---------------------------*/

#header { position: relative; z-index: 600; width: 900px; height: 155px; *height: 154px; border-top: 2px solid #fff; _overflow: hidden; }
#header ul#banner-image-wrapper { position: relative; list-style: none; overflow: hidden; height: 155px; padding: 0; margin: 0; z-index: 500; text-align: right; }
#header ul#banner-image-wrapper li { right: 0; }
#header #banner { position: relative; float: left; width: 100%; height: 155px; background: url(../images/banner.png) no-repeat left top; overflow: hidden; margin: -155px 0 0 0; z-index: 550;}
* html #header #banner { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./fileadmin/templates/fcs-freiburg-2010/images/banner.png'); height: 154px; }

#header #logo { float: left; width: 240px; height: 96px; background: #fff url(../images/sprite.png) no-repeat 0px 0px; margin: 10px 0 0 80px; }
* html #header #logo { margin-left: 60px; }

#header ul#meta-navi { float: right; list-style: none; margin: 0; padding: 0 0 0 6px; background: url(../images/meta-navi.png) no-repeat left top; border-top: 2px solid #fff; font-size: 80%; }
#header ul#meta-navi li { float: left; margin: -1px 0 0 0; padding: 0; background: #fff; border-bottom: 2px solid #fff; }
#header ul#meta-navi li:hover { background: #f5f5f5; }
#header ul#meta-navi li a { padding: 0 6px; margin: 0; border-left: 1px solid #595959; text-decoration: none; }
#header ul#meta-navi li.first a { padding: 0 6px 0 3px; border-left: none; }


ul#choice-right { position: absolute; z-index: 600; right: 2px; bottom: -1px; list-style: none; height: 18px; margin: 0; padding: 0; font-size: 90%; -moz-box-shadow: #666 0px 0px 10px; -webkit-box-shadow: #666 0px 0px 10px; box-shadow: #666 0px 0px 10px; }
ul#choice-right li { position: relative; z-index: 800; float: left; background: url(../images/navi-bg.png) repeat-x left top; margin: 0; }
ul#choice-right li:hover, ul#choice-right li.active {
	position: relative; z-index: 820;
	background: url(../images/navi-bg-active.png) repeat-x left top;
	margin: -2px 0 0 0;
	border: 1px solid #fff; border-width: 2px 1px 0 1px;
	-moz-box-shadow: #666 0px 0px 10px; -webkit-box-shadow: #666 0px 0px 10px; box-shadow: #666 0px 0px 10px;
}
ul#choice-right li.active-ie6 {
	position: relative; z-index: 520;
	background: url(../images/navi-bg-active.png) repeat-x left top;
	margin: -2px -1px 0 0;
	border: 1px solid #fff; border-width: 2px 1px 0 1px;
}
ul#choice-right li span.first { float: left; display: block; width: 6px; height: 19px; background: url(../images/sprite.png) no-repeat -9px -109px; margin: 0 0 0 -3px;}
ul#choice-right li span.last { float: right; display: block; width: 6px; height: 19px; background: url(../images/sprite.png) no-repeat -13px -109px; margin: -4px -2px 0 0; }
ul#choice-right li:hover span.first, ul#choice-right li.active span.first { height: 21px; background-position: -17px -129px; margin: -2px 0 0 -5px; }
ul#choice-right li:hover span.last, ul#choice-right li.active span.last { height: 21px; background-position: -10px -129px; margin: -6px -3px 0 0; }

* html ul#choice-right li span.first,
* html ul#choice-right li span.last,
* html ul#choice-right li:hover span.first,
* html ul#choice-right li.active span.first,
* html ul#choice-right li:hover span.last,
* html ul#choice-right li.active span.last { display: none; }

ul#choice-right li a { display: block; padding: 2px 10px 2px 11px; color: #4d4d4d; text-decoration: none; cursor: pointer; }
ul#choice-right li:hover a, ul#choice-right li.active a { padding: 2px 9px 2px 10px; }
ul#choice-right li a span { float: left; }
ul#choice-right li a .icon-search, ul#choice-right li a .icon-portal { display: block; width: 14px; height: 14px; background: url(../images/sprite.png) no-repeat; margin: 0 0 0 3px; }
ul#choice-right li a .icon-search { background-position: -48px -96px; }
ul#choice-right li a .icon-portal { background-position: -76px -96px; }
ul#choice-right li:hover a .icon-search, ul#choice-right li.active a .icon-search { background-position: -34px -96px; }
ul#choice-right li:hover a .icon-portal, ul#choice-right li.active a .icon-portal { background-position: -62px -96px; }

* html ul#choice-right { float: right; position: static; margin-top: -16px; }
* html ul#choice-right li a { cursor: pointer; }
* html ul#choice-right li a .icon-search, * html  ul#choice-right li a .icon-portal { overflow: hidden; }
*+ html ul#choice-right { width: 145px; }
*+ html ul#choice-right li a span { cursor: pointer; }


#hr-line { position: relative; z-index: 700; width: 100%; height: 5px; background: url(../images/hr-line.png) repeat-x left top; border: 1px solid #fff; margin-left: -1px; font-size: 0px; -moz-box-shadow: #999 0px 1px 2px; -webkit-box-shadow: #999 1px 2px 3px; box-shadow: #999 1px 2px 3px; }
.hr-line-small { width: 100%; height: 1px; background: #b1b1b1; border: 1px solid #b1b1b1; border-width: 0 1px; font-size: 0px; }

#hr-shadow { position: absolute; z-index: 590; bottom: 0; width: 900px; height: 5px; margin: 0 -10px 0 -10px; background: url(../images/top_shadow.png) no-repeat -9px -22px; overflow: hidden; }
* html #hr-shadow { background: none; }


#main { position: relative; z-index: 600; margin-right: -1px; }
*+ html #main { position: static;  }

.vb #main { min-height: 300px; _height: 300px; background-color: #fff; padding: 20px; }


/* -----------------------
					 Left
---------------------------*/

#left-col { float: left; width: 149px; padding-bottom: 50px; }

#left-col #shortcut { width: 100%; height: 17px; background: url(../images/shortcut-bg.png) repeat-x top left; border: 1px solid #fff; border-width: 0 1px 1px 1px; }
#left-col #shortcut a { display: block; text-decoration: none; }
#left-col #shortcut a span { float: left; padding-left: 10px; }
#left-col #shortcut a .icon { display: block; width: 14px; height: 13px; background: url(../images/sprite.png) no-repeat 0px -96px; margin: 2px 7px; padding: 0; }
* html #left-col #shortcut a .icon { overflow: hidden; }

#left-col ul#shortcut-menu { display: none; position: absolute; z-index: 999; top: 0; left: 150px; list-style: none; width: 150px; margin: -1px 5px 5px 0; padding: 0; font-size: 90%; -moz-box-shadow: #999 2px 2px 3px; -webkit-box-shadow: #999 2px 2px 3px; box-shadow: #999 2px 2px 3px; }
#left-col ul#shortcut-menu li { position: relative; width: 100%; padding-right: 5px; }
#left-col ul#shortcut-menu li a { border-top: 2px solid #fff; background: url(../images/shortcut.png) repeat top left; display: block; width: 140px; padding: 2px 0 2px 10px; }
#left-col ul#shortcut-menu li span.active, #left-col ul#shortcut-menu li span.active-set { position: absolute; top: 0; left: 0; display: block; float: left; width: 4px; height: 100%; background: #f9e04c; }
#left-col ul#shortcut-menu ul { position: absolute; z-index: 999; top: 0; left: 155px; list-style: none; width: 150px; margin: -1px 10px 5px 0; padding: 0; -moz-box-shadow: #999 2px 2px 3px; -webkit-box-shadow: #999 2px 2px 3px; box-shadow: #999 2px 2px 3px; }

* html #left-col ul#shortcut-menu { position: static; width: 148px; margin: 0; overflow: hidden; }
* html #left-col ul#shortcut-menu li { position: static; float: left; }
* html #left-col ul#shortcut-menu ul { position: static; margin-bottom: 0; }
* html #left-col ul#shortcut-menu li li a {  padding: 2px 0 2px 15px; }
* html #left-col ul#shortcut-menu li li li a {  padding: 2px 0 2px 20px; }
* html #left-col ul#shortcut-menu li li li li a {  padding: 2px 0 2px 25px; }
*+ html #left-col ul#shortcut-menu { top: 163px; left: 170px; }


ul#subnavi { list-style: none; margin: 0; padding: 0; }
ul#subnavi li { position: relative; width: 100%; min-height: 18px; padding: 0; margin: 0; border: 1px solid #fff; border-width: 0 1px 2px 1px; overflow: hidden; }
ul#subnavi li a { display: block; width: 100%; background: url(../images/subnavi-bg.png) repeat-y top left; padding: 2px 0 1px 10px; text-decoration: none; }
ul#subnavi li span.active, ul#subnavi li span.active-set { position: absolute; top: 0; left: 0; display: block; float: left; width: 4px; height: 18px; background: #f9e04c; }
ul#subnavi ul { float: left; list-style: none; margin: 0; padding: 0 0 0 4px; background: #f9e04c; }
ul#subnavi ul li { height: auto; border: 0; font-size: 90%; margin: 0 0 -2px 0; padding: 0; }
ul#subnavi ul li a { background: #fff; display: block; width: 139px; padding: 2px 0 2px 6px; }

* html ul#subnavi li { position: static; }
* html ul#subnavi a { width: 150px; margin: 0; padding: 0 0 0 10px; }
* html ul#subnavi ul li a { padding: 3px 0 2px 6px; overflow: hidden; }
*+ html ul#subnavi ul li a { padding: 3px 0 2px 6px; overflow: hidden; }
*+ html ul#subnavi ul li:hover { margin-bottom: -4px; padding-bottom: 1px; }

.bottom-left { width: 150px; height: 58px; background: url(../images/sprite.png) no-repeat -90px -96px; }

#more-content { width: 150px; overflow: hidden; }

#content { float: left; width: 518px; padding: 20px 40px 30px 40px; }
#content div { line-height: 1.5; font-size: 100%; }


/* -----------------------
					 Right
---------------------------*/

#right-col { float: right; width: 150px; padding-bottom: 50px; }

#right-col #search, #right-col #portal, #right-col #news { border: 1px solid #fff; background: url(../images/search-news-bg.png) repeat-y top left; }
.bottom-right { width: 150px; height: 51px; background: url(../images/sprite.png) no-repeat -90px -154px; margin: -5px 0 15px 0; }
* html .bottom-right { position: static; z-index: 100; margin-top: -21px; }
*+ html .bottom-right { position: relative; z-index: 100; margin-top: -22px; }

#right-col #search { padding-top: 10px; text-align: center; }
#right-col #portal { display: none; padding: 10px 0 15px 0; text-align: center; }
* html #right-col #search, * html #right-col #portal { margin: -20px 0 0 0; padding: 0; }
*+ html #right-col #search, *+ html #right-col #portal { padding-top: 0; }
* html #right-col #search form, * html #right-col #portal form { padding: 10px 0 30px 0; }

#right-col #search .textfield, #right-col #portal .textfield { width: 90%; margin-left: 5px; }
#right-col #search .button, #right-col #portal .button { position: relative; z-index: 999; float: left; margin: 2px 0 0 10px; }
* html #right-col #search .button, * html #right-col #portal .button { position: static; margin-top: -20px; }
#right-col #portal .button { float: right; margin: 2px 10px 0 0; }
#right-col #portal label { margin: 0 0 -2px 3px; font-size: 90%; }
#right-col #portal .right a { float: right; font-size: 70%; margin: -11px -3px 0 0; }
#right-col #portal .merken { position: relative; z-index: 999; float: left; width: 65px; padding: 2px 0 0 5px; }
#right-col #portal .merken label { display: inline; float: right; margin: 0; padding: 2px 0; }
#right-col #portal .merken input { float: left; }
#right-col #portal .csc-header h1 { display: none; }
#right-col #portal div { margin: 0 3px; }
#right-col #portal .tx-felogin-pi1 div {font-size:90%; margin: 0 0 10px 0;}
*+ html #right-col #portal .right a { margin: -11px 0 0 0; }
*+ html #right-col #portal #pass { margin-top: -10px; }

#right-col h2 { height: 17px; background: url(../images/news-title-bg.png) repeat-x left top; margin: 0 0 -2px 0; padding-top: 2px; color: #4d4d4d; font-size: 90%; font-weight: normal; text-align: center; }
#right-col span.margin-left { float: left; display: block; height: 19px; width: 6px; background: url(../images/sprite.png) no-repeat 0px -109px; }
#right-col span.margin-right { float: right; display: block; height: 19px; width: 6px; background: url(../images/sprite.png) no-repeat -3px -109px; margin-top: -17px; }
#right-col #news { padding: 5px; font-size: 90%; }
#right-col #news .news-list-item { margin-bottom: 10px; }
#right-col #news .news-list-item span { float: none; font-size: 80%; color: #4d4d4d; padding: 0; }
#right-col #news .news-list-item h1 { height: auto; margin: 0; padding: 2px 0; font-size: 100%; color: #4d4d4d; background-image: none; text-align: left; }
#right-col #news .news-list-item h1 a { text-decoration: none; font-weight: bold; }
#right-col #news .news-list-item p { margin: 0; line-height: 1.2; }
#right-col #news .news-list-item span.news-list-morelink:before { content: " " }
#right-col #news .news-list-item .news-list-category { margin: 2px 0; font-style: italic; }
#right-col #news .news-list-item .news-list-category img, #right-col #news .news-list-item hr.clearer, #right-col #news .news-list-item .author { display: none; }
#right-col #bottom { width: 100%; height: 17px; background: url(../images/right-bottom-shadow.png) repeat-x left top; }

* html #right-col span.margin-left { margin-right: -3px; }


/* -----------------------
					 Foot
---------------------------*/
#foot { float: left; position: relative; z-index: 700; width: 912px; height: 39px; background: url(../images/foot.png) no-repeat center top; margin: -31px -7px 10px -6px; }

* html #foot { position: static; background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./fileadmin/templates/fcs-freiburg-2010/images/foot.png'); margin: 0; }
* html .overflow-foot { float: left; position: absolute; z-index: 999; width: 912px; height: 39px; margin: -31px -7px 10px -6px; overflow: hidden; }
*+ html #foot { position: absolute; }



/* -----------------------
				zwei Spalten
---------------------------*/

.content-left { width: 48%; margin-right: 4%; margin-right: 2%; }
.content-right { width: 48%; }


/* -----------------------
				Anpassungen
---------------------------*/

.tx-wecstaffdirectory-pi1, .tx-wecstaffdirectory-fullWidth, .tx-wecstaffdirectory-title { width: 520px !important; _overflow: hidden; }
.tx-wecstaffdirectory-fullWidth { *margin-top: -30px; }
.tx-wecstaffdirectory-title { margin: 0 !important; color: #008751; font-weight: bold; font-size: 110%; text-align: left; }
.tx-wecstaffdirectory-listheader { margin: 5px 0 10px 0; *margin-top: -40px; border-bottom-width: 1px; }
.tx-wecstaffdirectory-stafflist .fullwidth { margin-left: 10px; _margin-left: auto; }

/* News */
#content .news-list-container .news-list-item, #content .news-single-item .article { position: relative; background: #ebebeb; margin: 20px 0; padding: 5px; border: 1px solid #4d4d4d; border-width: 1px 0; }
#content .news-list-container .news-list-item h1, #content .news-list-item .article h2, #content .news-single-item .article h1, #content .news-single-item .article h2 { margin: 2px 0; }
#content .news-list-container .news-list-item h1, #content .news-single-item .article h1 { width: 390px; font-size: 110%; }
#content .news-list-container .news-list-item h2, #content .news-single-item .article h2 { width: 390px; font-size: 90%; }
#content .news-list-container .news-list-item .date, #content .news-single-item .article .date { position: absolute; top: 7px; right: 5px; font-size: 80% !important; font-weight: bold; }
#content .news-list-container .news-list-item .bottom, #content .news-single-item .article .bottom { width: 100%; height: 12px; font-size: 80% !important; font-weight: bold; }
#content .news-list-container .news-list-item .bottom span, #content .news-single-item .article .bottom span { display: block; }
#content .news-list-container .news-list-item .bottom .category, #content .news-single-item .article .bottom .category { float: left; }
#content .news-list-container .news-list-item .bottom .author, #content .news-single-item .article .bottom .author { float: right; }


@media screen and (-webkit-min-device-pixel-ratio:0){
	body { background: url(../images/bg-top.png) repeat-x center 0; background-color: #c4d5ea; font-family: Helvetica; font-size: 10pt; }
	#outer { margin: 0 -20px; }
	ul#navi li.active a { margin-top: -2px; }
	#header ul#meta-navi li { font-size: 85%; }
}