@charset "utf-8";
/* CSS Document
	Client: TSP
	Author: Marco Ganka | ocm laboratories | www.ocmlabs.com
	Date: 10/26/2009
	Version: 1.0
*/

body {
	background:#000;
	font-size:12px;
	font-family:Verdana, Geneva, sans-serif;
}

#wrapper {
	position:relative;
	z-index:1;
	top:-6px;
}

.clearer { clear:both; margin:0; padding:0; }

a { text-decoration:none; }

.detail { color:#08b300; }
.name-of-person { color:#0091dc }
.important { color:#dc0000; }

/* Headpart */
#head {
	position:relative;
	height:65px;
	background:url(../../Allgemein/css/images/headbg.png) repeat-x top left;
	color:#FFF;
	z-index:3;
}

#head a,
#head a:link,
#head a:visited,
#head a:acitve {
	color:#f1f2f2;
	text-decoration:none;
}

#head a:hover {
	color:#fff;
	text-decoration:none;
}

img.logo {
	padding:5px;
}

p.present {
	position:absolute;
	top:40px;
	left:575px;
	font-weight:bold;
}

p.tsphomepage {
	position: absolute; 
	left: 1020px; 
	top: 10px; 
	font-size: 0.9em;
	width:190px;
}

#head p.tsphomepage a { text-decoration:none; color:#65b7dc; }
#head p.tsphomepage a:hover { text-decoration:underline; color:#65b7dc; }

#weitereEvents { 
	width:893px;
	height:26px;
	position:absolute;
	left:62px;
	top:59px;
	z-index:2;
}

#weitereEvents_left {
	background:url(../../Allgemein/css/images/moreevents_left.png) no-repeat top left;
	position:absolute;
	left:0;
	top:0;
	width:469px;
	height:26px;
}

#weitereEvents_right {
	background:url(../../Allgemein/css/images/moreevents_right.png) no-repeat top left;
	position:absolute;
	right:-1px;
	top:0;
	width:55px;
	height:26px;
}

/* Main Content */
#mainContentWrapper {
	width:1220px;
	position:relative;
	float:left;
	/*background:url(images/main_content_bg.jpg) no-repeat top left;*/
	min-height:750px;
	background-color:#000;
	color:#fff;
}

#kachelBlau {
	background:url(../../Allgemein/css/images/kachelblauBgCenter.png) repeat-y;
	position:relative;
	top:105px;
	left:295px;
	width:661px;
	/*border:1px solid #fff;*/
}

#kachelblauInhalt {
	position:relative;
}
	
#eventName {
	background-color:#5A558B;
	width:370px;
	position:absolute;
	top:0;
	right:73px;
	height:130px;
	z-index:3;
}

#eventFooter {
	background-color:#5A558B;
	width:370px;
	position:relative;
	top:111px;
	left:531px;
	height:130px;
	z-index:3;
}

#kachelGrauTop {
	background:url(../../Allgemein/css/images/kachelGrauBgTop.png) no-repeat;
	width:840px;
	margin-left:-195px;
	height:30px;
	margin-top:100px;
	position:absolute;
}

#kachelGrauContent {
	background:url(../../Allgemein/css/images/kachelGrauBgCenter.png) repeat-y;
	width:840px;
	position:relative;
	top:-2px;
	left:-195px;
	z-index:1;
	
}

#kachelGrauBottom {
	background:url(../../Allgemein/css/images/kachelGrauBgBottom.png) no-repeat;
	width:840px;
	margin-left:-195px;
	height:74px;
	margin-top:-15px;
	position:relative;
}

#kachelGrauBottomUs {
	background:url(../../Allgemein/css/images/kachelGrauBgBottom.png) no-repeat;
	width:840px;
	margin-left:-195px;
	height:74px;
	margin-top:-5px;
	position:relative;
}

#submenu {
	position:relative;
	top:-4px;
	left:-109px;
	font-size:1em;
	background:url(../../Allgemein/css/images/kachelblauBgTop.png) no-repeat top left;
	width:770px;
	height:30px;
	margin:0;
	padding:0;
}

#submenu p {
	position:absolute;
	top:10px;
	left:8px;
}

#submenu .submenuItem {
	padding:0 7px;	
}	

#submenu a { color:#fff; }
#submenu a:hover { color:#fff; text-decoration:underline; }

#copyright {
	font-size:10px;
	background:url(../../Allgemein/css/images/kachelblauBgBottom.png) no-repeat top left;
	width:770px;
	height:30px;
	margin:-5px 0 0 0;
	padding:0;
	position:relative;
	bottom:-5px;
	left:-109px
}

#copyright p {
	position:absolute;
	bottom:10px;
	right:20px;
}


#boxMainContentWrapper {
	width:876px;
	left:-231px;
	position:relative;
}

#boxMainContentTop {
	height:111px;
	z-index:2;
	position:relative;
	top:-5px;
}

/* #boxMainContentTop img { padding:10px 0 0 20px; } */

#boxMainContentCenter {
	top:-5px;
	height:353px;
	position:relative;
	padding:10px 450px 0 30px;
	color:#333;
}

#boxMainContentCenterUs {
	background:url(../../Allgemein/css/images/mainContentCenterUs.png) repeat-y;
	top:-5px;
	position:relative;
	padding:10px 0 20px 30px;
	color:#333;
	height:auto;
}

#boxMainContentBottom {
	background:url(../../Allgemein/css/images/mainContentBottom.png) no-repeat;
	top:-5px;
	position:relative;
	height:12px;
}

#boxMainContentCenter h1 {
	font-size:1.2em;
	font-weight:bold;
	margin:50px 0 15px 0;	
}

	
#boxMainContentCenter p,
#boxMainContentCenterUs p {
	margin-bottom:10px;	
	width:364px;
	line-height:1.3;
}

#whereami { margin-top:30px; color:#01487C; font-weight:bold; visibility:hidden; }

#content {
	margin-top:25px;	
}

#content h2 { font-size:1em; font-weight:bold; }
#content h3 { font-size:1em; margin:5px 0; font-weight:normal; }

#content a { color:#01487C; text-decoration:none; }

#content a:hover { color:#01487C; text-decoration:underline; }

#contentleftStart {
	width:400px;
	float:left;
	padding:0 20px 0 0;
}

#contentleftStart h1 {
	font-size:1.2em;
	font-weight:bold;
	margin:0 0 15px 0;	
}

#contentleftStart h2 {
	margin:0 0 5px 0;	
}

#contentleftStart p { width:auto; }

#contentleft {
	width:450px;
	float:left;
	padding:0 20px 0 0;
	border-right:1px solid #eee;
}

#contentleft h1 {
	font-size:1.2em;
	font-weight:bold;
	margin:0 0 15px 0;	
}

#contentleft h2 {
	margin:0 0 15px 0;	
}

#contentleft p { width:auto; }

#startImage {
	width:392px;
	margin:0;
	padding:0;
	position:absolute;
	right:17px;
	top:-1px;
	z-index:11;
}

#contentrightStart {
	width:392px;
	float:left;
	border-top:1px solid #eee;
	font-size:0.9em;
	margin:300px 11px 0 17px
}

#contentrightStart p {
	width:auto;	
}

#contentrightStart h2 {
	width:388px;
	margin:0 0 15px 0;	
}

#contentright {
	width:250px;
	float:left;
	padding:0 0 0 30px;
	font-size:0.9em;
}

#contentright p {
	width:auto;	
}

#contentright h2 {
	width:250px;
	margin:0 0 15px 0;	
}

#contentright {
	width:250px;
	float:left;
	padding:0 0 0 30px;
	font-size:1em;
}

#contentright p {
	width:auto;	
}

#contentright h2 {
	width:250px;
	margin:0 0 15px 0;	
}

.sponsorlogo {
	position:absolute;
	top:10px;
	left:20px;
}

.sponsorlogo img {
	float:left;
}

.sponsorlogo dl { padding-right:4px; }

.sponsorlogo .csc-default, 
.sponsorlogo .csc-textpic, 
.sponsorlogo .csc-textpic .csc-textpic-imagewrap,
.sponsorlogo .csc-textpic .csc-textpic-imagewrap dl,
.sponsorlogo .csc-textpic .csc-textpic-imagewrap dl dt { float:left; }

.sponsorlogo .csc-textpic-clear { display:none; }


.tourdatenButton {
	position:absolute;
	right:15px;
	top:10px;
}

/* Hauptnavigation */

#mainNavi {
	background-color:#333;
	height:30px;
	left:1px;
	position:absolute;
	top:-1px;
	width:466px;
	z-index:3;
	color:#FFF;
}

#mainNaviUs {
	background-color:#333;
	height:30px;
	left:1px;
	position:absolute;
	top:-1px;
	width:858px;
	z-index:3;
	color:#FFF;
}

#mainNavi img.naviArrow,
#mainNaviUs img.naviArrow {
	position:absolute;
	left:-23px;
	top:-5px;
	z-index:5;
}

#mainNavi ul.dropdown,
#mainNaviUs ul.dropdown {
	list-style:none;
	margin-left:23px;
}

#mainNavi ul.dropdown li,
#mainNaviUs ul.dropdown li  {
	float:left;
	border-right:1px solid #444; 
	padding:9px;
	font-weight:bold;
	zoom: 1;
}
#mainNavi ul.dropdown li.hover,
#mainNavi ul.dropdown li:hover,
#mainNaviUs ul.dropdown li.hover,
#mainNaviUs ul.dropdown li:hover { 
	background: #01487c; 
	position: relative;
}

#mainNavi a,
#mainNaviUs a { color:#fff; text-decoration:none; }

/* LEVEL TWO */

#mainNavi ul.dropdown ul,
#mainNaviUs ul.dropdown ul { 
	display:none;
	position: absolute; 
	top: 100%; 
	width:165px;
	left:0;
}
#mainNavi ul.dropdown ul li,
#mainNaviUs ul.dropdown ul li { 
	font-weight: normal; 
	background: #01487c; 
	color: #fff; 
	float: none; 
	border-right:none; 
	border-bottom:1px dotted #4b7da2;
}

#mainNavi ul.dropdown ul li a,
#mainNaviUs ul.dropdown ul li a { display: block; }
								  
/* IE 6 & 7 Needs Inline Block */
#mainNavi ul.dropdown ul li a,
#mainNaviUs ul.dropdown ul li a	{ 
	border-right: none; 
	width: 100%; 
	display: inline-block; 
} 

/* LEVEL THREE */
#mainNavi ul.dropdown ul ul,
#mainNaviUs ul.dropdown ul ul { 
	left: 100%; 
	top:0;
}
#mainNavi ul.dropdown ul ul li,
#mainNaviUs ul.dropdown ul ul li { background:#66b8dc;}

#mainNavi ul.dropdown li:hover > ul,
#mainNaviUs ul.dropdown li:hover > ul { 
	visibility: visible; 
}

/* Extra Content Right Side */
#rightSideWrapper {
	width:250px;	position:absolute;	/*top:130px;*/ /* Standard */	top:308px; /* Facebook Widget */	left:965px;	color:#ffffff;
}


/* Sonstiges */

.csc-textpic-caption { font-size:0.8em; color:#888; padding-top:3px; }

.csc-bulletlist,
.csc-bulletlist ul,
#content ul {
	line-height:1.3;
	padding-left:15px;
	list-style-type:none;
}

#content label { display:block; color:#01487C; font-weight:bold }
#content .csc-mailform-field { margin-bottom:10px; }
#content .csc-mailform-field input#mailformIhre_EMailAdresse { width:257px; }
#content .csc-mailform-field input#mailformIhre_EMailAdresse_wiederholen { width:257px; }


/* Twitter Link Startseite */
#twitterlink {
	border-top: 1px dotted #333; 
	position: absolute; 
	padding-top: 3px; 
	font-size: 11px;
}

#twitterlink img { vertical-align:top; }

div.tsp_logo { position:absolute; top:5px; left:15px; z-index:20; }