/**************************/
/*                        */
/*   SEVERIN Master CSS   */
/*                        */
/**************************/

/****************/
/* BASE */
/****************/

* {
	border: none;
	margin: 0;
	outline: none;
	padding: 0;
}

.hidden {
	display: none;
}

.texthidden {
	text-indent: -5000em;
}

body {
	background: #fff;
	color: #222;
	font: 0.8em/140% Tahoma, Arial, sans-serif;
	text-align: center;
}

a {
	color: #3056a9;
	text-decoration: underline;
}

a:focus, a:hover {
	text-decoration: none;
}

#wrapper {
	background: url(/images/navigation.jpg) left repeat-y;
	margin: 0 auto;
	text-align: left;
	width: 980px;
} 

#navigation {
	background: url(/images/navigation.jpg) left repeat-y;
	float: left;
	width: 225px;
	border-top: 16px solid #fff;
}

#navigation a.mainLabel {
	font-size: 120% !important;
	color: #131217;
}

#navigation ul {
	list-style: none;
}

#navigation ul.sub {
	display: none;
}

#navigation ul li.open .sub {
	display: block;
}

#navigation li a {
	background: url(/images/navlink.jpg) top left repeat-y;
	color: #5d5d5d;
	display: block;
	font-size: 110%;
	margin-bottom: 2px;
	text-decoration: none;
	padding: 3px 0 3px 27px;
}

#navigation a.hasSubs {
	background: none;
	color: #222;
	font-size: 100%;
	margin-bottom: 0;
}

#navigation li li, #navigation li li li {
	background: url(/images/navigation.jpg) left repeat-y;
}


.tippspielNavigation, .tippspielNavigation li li, .tippspielNavigation li li li  {
	background: url(/images/tippspiel/navigation.jpg) left repeat-y !important;
}
.tippspielNavigation li a {
	background: url(/images/tippspiel/navlink.jpg) top left repeat-y !important;
}

.tippspielPrimary {
	background: url(/images/tippspiel/content-right.jpg) top right repeat-y !important;
}



#navigation li li a {
	background: none;
	color: #222;
	font-size: 100%;
	margin-bottom: 0;
}

#navigation ul ul ul {
	margin-left: 27px;
	margin-bottom: 4px;
}

#navigation li a.active {
	font-weight: bold;
}

#header .logo a {
	background: url(/images/logo.gif) top left no-repeat;
	display: block;
	height: 47px;
	margin: 27px 0 0 27px;
	text-indent: -5000em;
	width: 201px;
}
#header .lang-de a {
	background: url(/images/logo-de.gif) top left no-repeat;
}
#header .lang-en a {
	background: url(/images/logo-en.gif) top left no-repeat;
}
#header .lang-pl a {
	background: url(/images/logo-pl.gif) top left no-repeat;
}
#header .lang-it a {
	background: url(/images/logo-it.gif) top left no-repeat;
}

#header .logo {
	float: left;
}

#header .brand {
	background: #fff;
	float: left;
	height: 83px;
	width: 980px;
	overflow: hidden;
}

#header .right {
	margin-left: 700px;
	position: relative;
}

#header .flex {
	background: #fff url(/images/flex.jpg) left 2px repeat-x;
	clear: left;
	height: 190px;
	margin-top: 82px;
	position: relative;
}

#footer {
	background: url(/images/footer.jpg) 50% 0 repeat-y;
	clear: both;
	font-size: 80%;
	padding: 3px 0;
	text-align: center;
	width: 980px;
}

#primary {
	margin-left: 225px;
	background: url(/images/content-right.jpg) top right repeat-y;
	position: relative;
	border-top: 16px solid #fff;
}
.primary-white {
	background: #fff !important;
	padding-right: 0;
	background-image: none !important;
}

.primary-gradient {
	background: #fff url(/images/big-gradient.jpg) right top no-repeat !important;
}

.classic-content {
	padding: 15px 0 15px 25px;
	width: 480px;
	overflow: hidden;
}

.languages {
	height: 30px;
	margin: 27px 10px 0 0;
	position: absolute;
	right: 0;
	top: 0;
	_width: 250px;
}

.languages a {
	display: block;
	float: left;
	height: 20px;
	text-indent: -5000em;
	width: 24px;
}

.languages .de {
	background: url(/images/lang_de.jpg) top left no-repeat;
}

.languages .de {
	background: url(/images/lang_de.jpg) top left no-repeat;
}

.languages .en {
	background: url(/images/lang_en.jpg) top left no-repeat;
}

.languages .pl {
	background: url(/images/lang_pl.jpg) top left no-repeat;
}

.languages .it {
	background: url(/images/lang_it.jpg) 4px 3px no-repeat;
}

.languages .pl-active {
	background: url(/images/lang_pl_active.jpg) top left no-repeat;
}

.languages .en-active {
	background: url(/images/lang_en_active.jpg) top left no-repeat;
}

.languages .it-active {
	background: url(/images/lang_it.jpg) 4px 3px no-repeat;
}

#search {
	position: relative;
	right: -68px;
	top: 62px;
}

#search input.submit {
	background: #fff;
	left: 0;
	position: absolute;
	top: 0;
}

#search label {
	margin-right: 15px;
	color: #fff;
}

#search input.text {
	border: 1px solid #666;
	color: #555;
	font-size: 90%;
	padding: 0 2px 2px 2px;
	width: 138px;
}

#navigation .font-sizes {
	margin-left: 25px;
}

#navigation .font-sizes li {
	float: left;
	font-size: 100%;
	line-height: 25pt;
}

#navigation .font-sizes li a {
	background: none;
	margin: 5px;
	padding: 0;
}

#navigation .font-sizes li span {
	display: none;
}

#navigation a:hover, #navigation a:focus {
	text-decoration: underline;
}

.normal {
	font-size: 100%;
}

.big {
	font-size: 130% !important;
}

.bigger {
	font-size: 160% !important;
}

.full-width {
	width: 95% !important;
}

/****************/
/* BASIC TYPO */
/****************/

h1, h2, h3, h4, h5 {
	margin: 0 0 15px 0;
	padding: 0;
	font-size: 190%;
	line-height: 130%;
	color: #5e5e5d;
	line-height: 110%;
}

/* CHANGED 31-10-2008 Dominic, je -20% */
h2 {
	font-size: 150%;
}

h3 {
	font-size: 130%;
}

h4 {
	font-size: 110%;
}

h5 {
	font-size: 100%;
}

/* endchange */

#primary p, #primary ul, #primary ol, #primary li {
	margin: 10px 0;
}

#primary ul, #primary ol {
	margin-left: 15px;
	margin-bottom: 15px;
}

#primary ol {
	margin-left: 19px;
}

p.center {
	width: 530px;
	text-align: center;
}

#contents {
	padding: 0 4px 0 8px;
	width: 525px !important;
}

/****************/
/* CHRONIK */
/****************/

.flex .chronik {
	position:relative;
	width: 980px;
	overflow: hidden;
	height: 190px;
}

.flex .chronik .timeline a {
	display: auto !important;
	width: auto !important;
	height: auto !important;
}

.flex .chronik a.previous, .flex .chronik a.next {
	display: block;
	width: 28px !important;
	height: 49px !important;
	position: absolute;
	text-indent: -5000em;
	top: 105px;
	z-index: 100 !important;
}

.flex .chronik .next {
	right: 27px;
	background: url(/images/pfeil_rechts.png);
}

.flex .chronik .previous {
	left: 27px;
	background: url(/images/pfeil_links.png);
}

.clearfix {
	clear: both;
}

.nope {
	padding: 0 !important;
}

.timeline {
	background: url(/images/chronik/background.jpg) top left repeat-y;
	height: 190px !important;
	padding: 0 !important;
	margin: 0 !important;
	width: 1893px !important;
	position: absolute;
}

.chronik #chronikyearimage {
	position: absolute;
	top: 0;
	left: 0;
}

.timeline img {
	float: left;
}

p.center img {
  margin-top: 10px;
}

/****************/
/* SIDEBAR */
/****************/

.sidebar {
	float: right;
	width: 176px;
	background: url(/images/sidebar.jpg) top right no-repeat;
	padding: 15px 25px;
	font-size: 90%;
}

.sidebar-nope {
	float: right;
	width: 226px;
	background: url(/images/sidebar.jpg) top right no-repeat;
	font-size: 90%;
}

.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5 {
	margin: 0 0 5px 0;
}


.sidebar h3 {
	font-size: 140%;
}

#start-news {
	font-size: 80% !important;
}

/****************/
/* NEWS HOMEPAGE */
/****************/

.news-teaser {
	background: url(/images/news-teaser-bottom.jpg) bottom right repeat-y;
	float: left;
	width: 480px;
	margin-bottom: 20px;
	margin-top: 20px;
}

.news-teaser .inner {
	background: url(/images/news-teaser-top.jpg) top right no-repeat;
	padding: 15px 15px 0 15px;
}

.news-teaser-sidebar {
	background: url(/images/sidebar-news.jpg) top right no-repeat;
	padding: 10px 20px;
}

.news-teaser-sidebar img {
	display: block;
}

/****************/
/* WELTWEIT */
/****************/

#weltweit.sidebar {

}

#weltweit.europa {
	background: url(/images/sidebar_europa.jpg) top right no-repeat;
}

#weltweit.sidebar h4 {

}

#weltweit.sidebar h5 {

}

#weltweit.sidebar ul {
	margin: 0;
	padding: 0;
}

#weltweit.sidebar ul li {
	list-style: none;
	margin: 0;
	padding: 0;
}

/****************/
/* HEUTE */
/****************/

.flex .heute {
	background: url(/images/severin-heute/heute-header.jpg) top left no-repeat;
	position: relative;
}

.flex .heute .heute-bottom {
	background: url(/images/severin-heute/heute_sundern_bottom.jpg) top left no-repeat;
	height: 59px;
	width: 980px;
	position:absolute;
	top: 128px;
	left: 0;
}

.flex .heute .heute-bottom-shenzhen {
	background: url(/images/severin-heute/heute_shenzhen_bottom.jpg) top left no-repeat;
	height: 59px;
	width: 980px;
	position:absolute;
	top: 128px;
	left: 0;
}

.flex .heute .heute-bottom span, .flex .heute .heute-bottom-shenzhen span {
	color: #5e5e5d;
	font-weight: bold;
	top: 3px;
	font-size: 90%;
	position:absolute;
}

.flex .heute .heute-bottom span.first {
	left: 130px;
}
.flex .heute .heute-bottom-shenzhen span.first {
	display: none;
}

.flex .heute .heute-bottom span.first-active {
	font-size: 120%;
	top: 20px;
	left: 130px;
}
.flex .heute .heute-bottom-shenzhen span.first-active {
}

.flex .heute .heute-bottom span.second {
	left: 255px;
}
.flex .heute .heute-bottom-shenzhen span.second {
	display: none;
}

.flex .heute .heute-bottom span.second-active {
	font-size: 120%;
	top: 20px;
	left: 255px;
}
.flex .heute .heute-bottom-shenzhen span.second-active {
}

.flex .heute .heute-bottom span.third {
	left: 390px;
}
.flex .heute .heute-bottom-shenzhen span.third {
	display: none;
}

.flex .heute .heute-bottom span.third-active {
	font-size: 120%;
	top: 20px;
	left: 390px;
}
.flex .heute .heute-bottom-shenzhen span.third-active {
}

.flex .heute .heute-bottom span.fourth {
	left: 515px;
}

.flex .heute .heute-bottom span.fourth-active {
	font-size: 120%;
	top: 20px;
	left: 515px;
}

.flex .heute .heute-bottom span.fifth {
	left: 630px;
}
.flex .heute .heute-bottom span.fifth-active {
	font-size: 120%;
	top: 20px;
	left: 630px;
}

.flex .heute .heute-bottom span.sixth {
	left: 765px;
}

.flex .heute .heute-bottom span.sixth-active {
	font-size: 120%;
	top: 20px;
	left: 765px;
}

.flex .heute .heute-top {
	z-index: 10;
	position:absolute;
	top: 25px;
	left: 119px;
}

.flex .heute .shenzhen {
	z-index: 10;
	position:absolute;
	top: 25px;
	left: 245px;
}

.flex .heute .heute-top ul {
}

.flex .heute .heute-top ul li {
	list-style: none;
	display: inline;
}

.flex .heute .heute-top ul li.first {
	margin-right: 11px;
}
.flex .heute .shenzhen ul li.first {
	margin-right: 12px;
}

.flex .heute .heute-top ul li.second {
	margin-right: 16px;
}

.flex .heute .heute-top ul li.third {
	margin-right: 18px;
}

.flex .heute .heute-top ul li.fourth {
	margin-right: 18px;
}

.flex .heute .heute-top ul li.fifth {
	margin-right: 15px;
}

.flex .heute .heute-top ul li.sixth {
	margin-right: 0px;
}

/****************/
/* FORMS */
/****************/

#primary form input, #primary form textarea, #primary form select {
	width: 300px;
	border: 1px solid #0055A4;
	padding: 2px;
	margin-top: 3px;
	margin-bottom: 7px;
}

#primary form textarea {
	width: 300px;
	height: 150px;
}

#primary form p {
	clear: both;
}

#primary form .checkbox_block input {
	width: 20px !important;
	float: left;
	margin-right: 10px;
	position: relative;
	top: 0px;
	margin-left: 127px;
}

#primary form label {
	display: block;
	float: left;
	width: 147px;
	clear: both;
	text-align: right;
	position: relative;
	top: 3px;
	left: -7px;
}

#primary form.label_left label {
	display: block;
	float: left;
	width: 147px;
	clear: both;
	text-align: left;
	position: relative;
	top: 3px;
	left: -7px;
}

#primary form .checkbox_block label {
	width: 300px;
	clear: none !important;
	float: left;
	position: relative;
	left: 0;
	text-align: left;
	top: 0;
}

#primary form .submit {
	padding: 2px 2px 2px 26px;
	background: #fff url(/images/submit_button_redsquare.gif) left 2px no-repeat !important;
	font-weight: bold;
	border: none !important;
	width: auto !important;
	clear: both;
	margin-left: 147px !important;
	margin-top: 10px;
}

p.error {
	border: 2px solid #C4153A;
	padding: 5px 10px;
	margin-bottom: 20px;
	margin-right: 24px !important;
}

form span.error {
	color:#C4153A;
	padding-bottom: 10px;
	padding-left: 149px;
	position: relative;
	font-weight: bold;
	top: -5px;
	font-size: 90%;
	clear: both;
	display: block;
}

form span.info {
	color:#666;
	padding-bottom: 10px;
	padding-left: 149px;
	position: relative;
	font-weight: normal;
	top: -5px;
	font-size: 90%;
	clear: both;
	display: block;
}

/****************/
/* LEXIKON TOC */
/****************/

#primary .lextoc {
	padding:0;
	list-style: none;
	margin: 0;
	float: left;
	margin-top: 5px;
	margin-bottom: 20px;
	position: absolute;
	top: 40px;
	left: 25px;
}

.tochedline {
	margin-bottom: 60px;
}

#primary .lextoc li {
	float: left;
	margin-left: 0;
	margin-right: 2px;
	margin-bottom: 1px;
	margin-top: 1px;
}

.lextoc a {
	border: 1px solid #0055a4;
	display: block;
	padding: 2px;
	width: 17px;
	text-align: center;
	text-decoration: none;
}

#primary .lextoc .selected, #primary .lextoc a:hover, #primary .lextoc a:focus {
	background: #0055a4 !important;
	color: #fff !important;
}

/****************/
/* FAQ */
/****************/

.faqsection .question {
	text-align: right;
	float: left;
	width: 200px;
	font-weight: bold;
}

.faqsection .answer {
	float: right;
	width: 300px;
}

.faqblock {
	float: left;
	width: 540px;
	padding-left: 25px;
}

/****************/
/* HELPER */
/****************/

.red {
	color: #c4153a;
}

.bold {
	font-weight: bold;
}

.font-90 {
	font-size: 90%;
}

/****************/
/* INLINE LEXIKON LINKS */
/****************/

a.inline-lexikon {
	color: #45629F;
	text-decoration: none;
	border-bottom: 1px dashed #45629F;
}

a.inline-lexikon:hover, a.inline-lexikon:focus {
	color: #27437F;
	border-bottom: 1px solid #27437F;
}

img.slider {
	position: absolute;
	top: 4px;
	right: 6px;
	cursor: pointer;
	z-index: 18 !important;
}

#navigation ul.main li {
	position: relative;
}

#tooltip {
	position: absolute;
	background: #fff;
	padding: 3px;
}

.pdf-download {
	background: url(/images/pdf-download.gif) top left no-repeat;
	padding: 0 0 0 25px;
}

.pdf-download a {
	color: #2f55a8;
	text-decoration: none;
}

.sitemap ul li {
	font-size: 120% !important;
}

.sitemap ul li ul li {
	font-size: 90% !important;
}

.sitemap ul li ul li ul li {
	font-size: 80% !important;
}

.sitemap ul {
	margin-left: 12px !important;
}

.detail-list {
    width: 42%;
    float: left;        
}

.even-list {
    float: right;
}

.image-content {
    text-align: center;  
    margin-bottom: 12px !important;   
}

/** Startseite **/
.bundesliga {
	background: url(/images/fussball.jpg) 8px top no-repeat;
	margin: 6px 0 !important;
	padding: 8px 0 0 60px !important;
}

.pro-business {
	position: relative;
	height: 52px !important;
}

	.pro-business span {
		position: absolute;
		top: 9px;
		left: 120px;
	}
	
	.pro-business img {
		position: absolute;
		left: 0;
	}
	
#footer p .wcabg {
	display: none;
}

.teamlist {

}

	.teamlist li {
		width: 120px;
		height: 120px;
		float: left;
		margin: 0 20px 20px 0;
		list-style: none;
	}
	
.singleteam .teamname {
	padding: 38px 0 0 100px;
	font-size: 160%;
	height: 100px;
	float: right;
	margin-right: 120px;
}
	
.singleteam label {
	display: block;
	font-weight: bold;
}

.stadiumlist {

}

	.stadiumlist li {
		width: 200px;
		height: 60px;
		float: left;
		margin: 0 20px 20px 0;
		list-style: none;
	}
	
p.stadiumimages {
	float: right;
	width: 300px;
}

	p.stadiumimages img {
		display: block;
		margin: 0 auto 12px auto;
	}
	
p.stadiumname {
	font-size: 160%;
}
	
	p.stadiumname span {
		font-size: 70% !important;
	}