/*  FARBEN
	TIB-Farben:
		rot: #e2001a
		blau: #172983
*/
body {
	margin:0;
	padding:0;
	overflow-x:hidden;
	overflow-y:scroll;
	font-family:Arial, Helvetica, sans-serif;
	font-size:80%;
	line-height:145%;
	background:url(../img/bg.jpg) #fff repeat-x;
	color: #333;
}
a { outline:none; text-decoration:none; color:#152e88; cursor:pointer }
a:hover { text-decoration:underline }
a img { border:none }
#page-wrap {
	width:1000px;
	margin:0 auto;
	position:relative;
	overflow:hidden;
}
#header {
	background:url(../img/tib_header.jpg);
	margin:2px 0 20px 0 ;
}
#header a {
	display:block;
	text-indent:-9999px;
	width:1000px;
	height:77px;
}
#rubrikhead {
	width:988px;
	height:75px;
	padding:0 12px
}
#rubrikhead img {
	float:left;
}
#rubrikhead p {
	width:844px;
	height:70px;
	border:1px solid #CCC;
	background:url(../img/gardient.jpg);
	margin:0 0 0 120px;
}
#content {
	width:980px;
	overflow:hidden;
	padding:0 10px;
	margin:20px 0 0 0;
	min-height: 400px;
	height: auto !important;
	/*height: 400px;*/
	position:relative;
	z-index:1;
}
#col1,#col2 {
	float:left;	
	margin:0 35px 0 0
}
#col1 {
	width:510px;
	margin:0 35px 0 0
}
#col2 {
	width:21%;

}
#col3 {
	width:170px;
	margin:0;
	float:right;
}
#footer {
	width:960px;
	padding:20px;
	border-top:20px solid #ededed;
	margin:50px 0 0 0;
	height:50px;
	text-align:right;
}
.tibbox {
	margin:0 0 20px 0;
	position:relative;
	overflow:hidden;
}
.tibbox .top {
	float:right;
}
.tibbox ul {
	list-style:none;
	margin:0;
	padding:0;
}
.tibbox li {
	padding:0 0 15px 0;	
}
.infobox {
	padding:10px 5px;
	border:1px solid #ededed;
}
h2 .top {
	position:absolute;
	top:2px;
	right:7px;
}
/* ALIGNMENT */

.a-left { text-align:left; }
.a-center { text-align:center; }
.a-right { text-align:right; }

.v-top { vertical-align:top; }
.v-middle { vertical-align:middle; }
.v-bottom { vertical-align:bottom; }

/* HINWEISE */

.hinweis { background:#e8fae7; border:1px solid #8cf148; color:#427605; }
.warning { background:#f8fae7; border:1px solid #eff148; color:#dfdc0a; }
.error { background:#FAEBE7; border:1px solid #F16048; color:#DF280A; }
.message, .hinweis, .warning, .error { font-size:0.95em !important; font-weight:bold !important; margin:0 0 20px !important; padding:4px 8px 4px 0px !important;}
.message { background:url(../img/note_msg_icon.png) 10px 5px no-repeat #fafafa; border:1px solid #ccc; color:#898989; text-align: center; }

/* SPORTANGEBOTE */
.sporthighlight {
    float:left;
    list-style:none;
    margin:0;
    padding:0;
}
#collab {
	display:none;
	width:940px;
	height:390px;
	background:#e5e9ff;
	position:absolute;
	top:42px;
	left:-840px;
	z-index:100;
	padding: 20px 0 0 65px;
	-moz-border-radius:3px;
}
#collab li {
	float:left;
	text-align:center;
	width:200px;
	margin:0 20px 0 0;
	background:none;
}
#collab .longword {
	padding:0;
	line-height:20px;
}
#collab a {
	font-size:15px;
	width:auto;
	display:block;
	padding:7px 0 4px;
	margin: 0 0px 0px 0;
	min-height:35px;
	line-height:35px;
	border-bottom:1px solid #172983;
	background:none;
	color:#172983!important;
}
#collab a:hover {
	background:#172983;
	color:#fff!important;
}
/* events */
.tag {
	padding:5px;
	background:#172983;
	color:#fff;
	float:left;
	text-align:center;
	width:15px;
}
.pro100 {
	width:100% !important;
}
.table {
	float:left;
	width:94%;
}
.tablehead {
	padding:5px 5px 5px 15px;
	border:1px solid #ededed;
}

.tablehead .date {
	width:150px;
	float:left;
}
.tablehead .title {
	margin:0 0 0 155px;
	display:block;
	font-weight:bold;
}
.tablecontent {
	padding:5px 5px 5px 15px;
	border-left:1px solid #ededed;
	border-right:1px solid #ededed;
	border-bottom:1px solid #ededed;
	clear:both;
	overflow:hidden;
}
/* OFTEN USED */

img {
	margin:0 0 20px 0;	
}
.float {
	float:left;
	margin:0 10px 5px 0px;
}
.noborder {
	border:none;	
}
.right {
	text-align:right;	
}
.odd {
    background: #eee;
}
.suchmaske {
	/*width:210px!important;
	height:25px;
	z-index:100;
	padding:8px 5px 2px !important;
	margin:10px 6px 0 !important;
	margin:17px 0px 0 20px !important;
	position:absolute;
	right:0px;
	top:17px;*/
	width: 185px;
	margin: 10px 0;
	overflow: hidden;
}
.suchmaske form {
	width:180px !important;
}
.suchmaske input {
	padding:2px;
	font-size:12px;
	background:#fff;
	border:1px solid #ccc;
	float:left;
	margin:0 5px 0 0;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
}
.suchmaske .texteingabe { width:130px; padding: 4px;} 
.suchmaske .btn {
	margin:0;
	padding: 4px;
	background:url(../img/lupe.png) no-repeat center center #172983;
	font-size: 0px;
	color: #172983;
	text-indent: -100em;
	width: 30px;
	height: 25px;
	float: right;
	border:none;
	cursor:pointer;
	outline:none;
}

select {
	z-index:0;
	position:relative;
	width:250px;
	height: 22px;
	margin:0 0 15px;
}
form {
	width:510px;
	z-index:0;
	position:relative;	
}
form input {
	padding:5px;
	font-size:18px;
	background:#fff;
	border:1px solid #ccc;
	width:250px;
	color:#333;
}
form textarea {
	padding:5px;
	font-size:18px;
	background:#fff;
	border:1px solid #ccc;
	width:250px;
	height:70px;
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
}
form label {
	width:150px;
	display:block;
	float:left;
	text-align:right;
	padding:4px 10px 0 0;
    clear: left;
}
form .subbtn {
	width:150px;
    margin: 10px 0 0 160px;

}
form li ul { padding: 0;}
.fieldbox { padding-bottom: 15px }
.radio label { float: right; width: 250px; margin-right: 50px; }
.radio input { width: auto; margin: 8px 0 0 160px; }
form ul {list-style:none; margin:0; padding:0;}
.errorlist, .help { margin:0 0 0 160px !important; overflow:hidden; }
.help { color:#666666; }
.errorlist li { padding:0 4px 2px;color:#DF280A; }
.btn {
	width:auto;	
	background:#E2001A;
	color:#fff;
	-moz-border-radius:3px;
	border:none;
}
/*.twocolslayout {
	width:78%!important;	
}*/
#login {
	padding:40px 10px 10px;
	margin:0;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border:1px solid #ededed;
	overflow:hidden;
	min-height:160px;
	height:auto!important;
	height:160px;
	display:block;
	overflow:hidden;
}
#login .loginbtn {
	padding:5px;
	width:auto;
	clear:both;
	display:block;
	margin:0 0 0 160px;
}
/*** Superfish */
/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:0;
	padding:0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			20em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu ul li a:hover {
	background:#fff;
	color:#333!important;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			50px; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			20em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			20em; /* match ul width */
	top:			0;
}
/*** DEMO SKIN ***/
.sf-menu {

}
.sf-menu ul li a {
	margin:0!important;
	padding:5px!important;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#13a;
}
.sf-menu li li {
	list-style:none;
	background:#F0F0F0;
	position:relative;
	z-index:5000;
}
.sf-menu li li a {
	background:#F0F0F0 none repeat scroll 0 0;
	border-bottom:1px solid #DDDDDD;
	color:#333333!important;
	display:block;
	padding:7px 13px;
}
.sf-menu li li li {
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	outline:		0;
}
/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
float: left;
display:block;
height:11px;
line-height:1px;
margin:0 auto 0;
width:11px;
text-indent:-99999px;
background:url(../img/pfeil.png);
}
.sub {
   background:url(../img/pfeil.png) no-repeat center bottom; 
}
/*** shadows for all but IE6 ***/
.sf-shadow ul {
	border-bottom:1px solid #DDDDDD;
	border-left:1px solid #DDDDDD;
	border-right:1px solid #DDDDDD;
	padding:0;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}

/*** sort ***/
.last { margin-bottom: 0; }
.screenReader { left: -9999px; position: absolute; top: -9999px; }
/*****Basic Layout*****/
#filter {margin: 0 0 20px; padding:0 15px; width: 490px; text-align:right; }
#filter label {display:inline;}
#filter li.current a, ul#filter a:hover { text-decoration: underline; }
#filter li.current a { color: #333; font-weight: bold; }
/*  TOP NAVIGATION */
ul#topnav {
	list-style:none;
	height:48px;
	margin:0;
	padding:0;
	position:relative;
	z-index:2;
}
ul#topnav li {
	float:left;
}
ul#topnav li a {
	color:#FFF;
	text-decoration:none;
	display:block;
	padding: 10px;
	margin:10px 6px 0;
	font-size:12px;
	text-transform:uppercase;
}
a.collabstate {
	background:#e5e9ff!important;
	color:#333!important;
}
a.sportangebote {
	background-color:#172983;
	-moz-border-radius:3px;
	padding:9px;
	color:#FFF;
	font-size:15px;
	z-index:5;
}
a.sportangebote:hover {
	background:#e5e9ff!important;
	color:#333!important;
}
/* NAVIGATION */
ul#navigation {
	list-style:none;
	margin:0;
	padding:10px;
	width:165px;
	background:url(../img/navi.gif) #f7f7f7 repeat-x top;
	/*z-index:9999;*/
}
ul#navigation li a {
	line-height:180%;
	font-size:1.2em;
	display: block;
}
a.aktiv {
	color:#e2001a;	
}
/* GALLERY */
.gallery {
	overflow: hidden;
	width:510px;
}
.gallery img {
	float:left;
	margin:0 20px 20px 0;
	padding:5px;
	background:#ccc;
	-moz-border-radius:3px;
}
.pagination {
	margin:10px;
	text-align:right;	
	clear:both;
}
.pagination span.pages {
	-moz-border-radius-bottomleft:3px;
	-moz-border-radius-bottomright:3px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-topright:3px;
	background-color:#FFFFFF;
	border:1px solid #999999;
	color:#666666;
	font-size:12px;
	margin:2px;
	padding:2px 4px;
}
.pagination span.current {
	-moz-border-radius-bottomleft:3px;
	-moz-border-radius-bottomright:3px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-topright:3px;
	background-color:#FFFFFF;
	border:1px solid #666666;
	color:#666666;
	font-size:12px;
	font-weight:bold;
	margin:2px;
	padding:2px 4px;
}
.pagination a, .pagination a:link {
	-moz-border-radius-bottomleft:3px;
	-moz-border-radius-bottomright:3px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-topright:3px;
	background-color:#FFFFFF;
	border:1px solid #152E88;
	color:#152E88;
	font-size:12px;
	margin:2px;
	padding:2px 4px;
	text-decoration:none;
}
#rubrikhead p {
	font-size:30px;
	color:#333;
	text-transform:uppercase;
	letter-spacing:0px;
	line-height:100%;
	padding:9px 0 0 20px;
	height:60px;
}
#rubrikhead small {
    font-size: 40%;
}
h1 {
	color:#999;
	font-weight:normal;
	margin:0 0 20px 0;
	font-size:20px;
}
h2 {
	font-weight:normal;
	color:#152e88;
	font-size:20px;
	border-bottom:1px solid #ccc;
	margin:0 0 10px 0;
	padding:0 0 5px 0;
	position:relative;
}
h2 .readmore {
	text-align:right;
	float:right;
	display:inline-block;
}
.navititle, h3 {
	font-size:18px;
	color:#666;
	margin:0 0 10px 0;
	font-weight:normal;
}
.readmore {
	font-size:12px;
	clear:both;
	font-weight:bold;
}
.sub {
	font-size:10px;
	color:#666;
	display:block;
	margin:0 0 5px 0;
}
.bild-rechts {
	float: right;
	margin-left:15px;
}
.bild-links {
	float:left;
	margin-right:15px;
}
.bild-im-text {
    vertical-align: bottom;
    border: 0pt none;
    margin: 0pt;
}
.listNav {
    margin:0 0 10px;
}
.ln-letters {
    overflow:hidden;
    border-left:1px solid silver;
    background: #eee;
}
.ln-letters a {
    font-size:1.0em;
    display:block;
    float:left;
    padding:2px 10px;
    border:1px solid silver;
    border-left:none;
    text-decoration:none;
    background: #fff;
}
.ln-letters a.ln-last {
    border-right:1px solid silver;
}
.ln-letters a:hover, .ln-letters a.ln-selected { 
    background-color:#eaeaea;
}
.ln-letters a.ln-disabled {
    color:#aaa;
}
.ln-letter-count {
    text-align:center;
    font-size:0.8em;
    line-height:1;
    margin-bottom:3px;
    color:#336699;
}
#player1 {
    width: 510px;
}
.ln-letter-count {
    top: 490px !important;
}
#playlist {
    width: 510px;
    height: 140px;
    overflow-y: scroll;
    list-style: none;
    margin: 0;
    padding: 0;
}
#playlist .list_item {
    border-bottom:1px solid silver;

}
#playlist .list_item a {
    display: block;
    padding: 6px 10px;
}
#playlist .list_item a:hover {
    background: #eee;
}
/* jQuery Countdown styles 1.5.9. */
.hasCountdown {
	border: 1px solid #ccc;
	background-color: #eee;
	height: 50px;
}
.countdown_rtl {
	direction: rtl;
}
.countdown_holding span {
	background-color: #ccc;
}
.countdown_row {
	clear: both;
	width: 100%;
	padding: 4px 8px;
	text-align: center;
	display:block;
	overflow:auto;
}
.countdown_show1 .countdown_section {
	width: 98%;
}
.countdown_show2 .countdown_section {
	width: 48%;
}
.countdown_show3 .countdown_section {
	width: 32.5%;
}
.countdown_show4 .countdown_section {
	width: 24.5%;
}
.countdown_show5 .countdown_section {
	width: 19.5%;
}
.countdown_show6 .countdown_section {
	width: 16.25%;
}
.countdown_show7 .countdown_section {
	width: 14%;
}
.countdown_section {
    padding-top: 4px;
	display: block;
	float: left;
	font-size: 75%;
	text-align: center;
}
.countdown_amount {

	font-size: 250%;
}
.countdown_descr {
	display: block;
	width: 100%;
}