/*-----------------------------------------------
freespiritinfo.com style sheet 
by: Dominic Scherer
-----------------------------------------------*/

@import url("navi.css"); /*layout css file*/
@import url("gb.css"); /*layout css file*/

h1,h2,h4,h5,h6,table,td,ul,ol,li,dd,dt,dl,blockquote,address,hr,pre,img,p{
	margin:0;
	padding:0;
}
 
body{
	margin:0px; 
	background-color:#e9e8dd;
	background-image:url(../img/backmain.gif); background-repeat:repeat-x;
		font: normal 12px Verdana, Arial, Helvetica, sans-serif; color: #6F6F6F;
}
	
html,body{
	scrollbar-arrow-color:#FFFFFF;
	scrollbar-face-color:#36689B;
	scrollbar-highlight-color:#FFFFEC;
	scrollbar-3dlight-color:#C0C0C0;
	scrollbar-shadow-color:#808080;
	scrollbar-darkshadow-color:#383838;
	scrollbar-track-color:#E9E8DD;}

p{	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin-bottom:0px;}
	
h1{
	font-family:"Georgia";
	font-size:17px;
	font-weight:normal;
	font-style:italic;
	color:#333;
	text-align:center;
	margin-bottom:20px;}
	
h2{
	font-size:11px;
	font-weight:normal;
	font-style:italic;
	color: #3366CC;}	
			
h3{
	font-size:12px;
	font-weight:normal;
	font-style:normal;}

h4{
	font-size:13px;
	font-weight:900;
	font-style:normal;
	margin-top: 12px;}		
	
h5{
	font-size:12px;
	font-weight:bold;
	font-style:normal;
	margin-top: 0px;}
	
h6{font-size:11px; font-weight:normal;}	
		
		
a:link,a:active{
	color:#666666;
	text-decoration:none;
	font-size: 11px;
}
a:visited{
	color:#666666;
	text-decoration:none;
	font-size: 11px;
}	
a:hover{
	color:#990000;
	font-size: 11px;
} 
a img{border-width:0; border-style:none;}
		

/* IDs ----------------------------------*/
#content{
	float:right;
	width:600px;}

#content2{
	float:right;
	width:550px;}
	
#content p{margin-bottom:16px;}
#content ol{
 font-style:italic;
 margin-top: 12px;
 margin-left: 30px;
} 

#content li{
	font-style:italic;
	margin-top: 12px;
	margin-left: 30px;
}		

#contentleft{
	float:left;
	width:410px;}

#contentright{
	float:right;
	width:170px;
	padding-left:10px;
	border-left:1px dotted #ddd}
	
#contentright_w{
	float:right;
	width:160px;
	padding-left:10px;
	background-color:#36689B;
	border:1px solid #000}	
	
#countcss{
	text-align:center;
	width:auto;
	margin:0 15% 2em 15%;
	padding:1.2em 0 1.2em 0;
	border:3px outset #36689b;}
#content #countcss p{margin-bottom:1em;}

.tx-flvplayer2-pi1{ text-align:center; margin-bottom:2em;}

#header{	
	width:823px; height:209px;
	margin:17px 17px 0 17px;
	background-image:url(../img/header1.jpg); /*<!--Muss auf Header geändert werden wenn neu-->*/
	background-repeat:no-repeat;}	
	
#header1{	
	width:823px; height:209px;
	margin:17px 17px 0 17px;
	background-image:url(../img/header1.jpg);
	background-repeat:no-repeat;}
	
#footer{
	color:#B0B0BC;
	font-size:10px;
	padding:15px 10px 0 0;
	width:813px; height:18px;
	margin:0 17px 17px 17px;
	background:url(../img/backfooter.gif) no-repeat #211D43;}


#footer_home{
	color:#fff;
	font-size:10px;
	padding:10px 10px 5px 0px;
	width:813px; height:18px;
	margin:0px 0px 17px 17px;
	background:url(../img/backfooter_home.gif) no-repeat #36689B;}
	
#left{
	float:left;
	width:210px;}
	
#mainback{
	width:823px;
	margin:0 17px 0 17px;
	padding-top:20px;
	background:url(../img/back.gif);
	background-repeat:repeat-y;}
	
#mainback_home{
	width:823px;
	margin:0 17px 0 17px;
	padding-top:20px;
	background:url(../img/back_home.gif);
	background-repeat:repeat-y;}

#maincontainer{
	width:840px; 
	margin:0 auto; 
	position:relative;}
	
/*#nav{margin-left:13px;}	
#nav ul{list-style-type:none;}
#nav ul li{font-weight:bold;}
#nav ul ul{padding:12px 0 3px 0;}
#nav ul li ul li {padding-left:13px; font-weight:normal;}
#nav img{position:relative; top:0px; margin:0 0 0 8px;}*/
	
#page{
	margin-top:15px;
	width:857px;
	background:#FFF;	
	border:1px solid #CCC;}	
	
#bild_l{
	padding-left:0px;
	margin:0 17px 0 17px;
	margin-top:45px;
	width:180px;
	background:#FFFFFF;	
	border:0px solid #CCC;}	

#imgright{
	float:right;
	padding-top:135px;
	padding-right:5px;
	}

/*TOOLTIPS*/	
#dhtmltooltip{
position: absolute;
left: -300px;
width: 150px;
border: 1px solid black;
padding: 5px;
color:#000000;
background-color: #C9D7F2;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=235);
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}
/*TOOLTIPS*/
	
	
	
/* classes ----------------------------------*/

.textleft{float:left}
.textright{float:right}
.small{font-size:10px;}	
.biglead{line-height:25px;}
.einzug{text-indent:25px;}
.color_red{color:#990000;}
.insideright{padding:0 10px;}

/* formular ----------------------------------*/
form input{
	border:1px solid #CCC;
	background-color:#F9F9F6;
	color:#6F6F6F;
	margin-bottom:0.2em;}
form textarea{width:100%; margin-top:0.2em;}
form p,table,td,select{font-size:11px;}
fieldset{border:1px solid #CCC;}
.textfield{width:174px; font-size:11px;}
.noborder{background-color:#FFFFFF; border:none;}
.submit{cursor:pointer; width:150px; color:#36689B;}

/* ttnews ----------------------------------*/
.news-latest-item {text-align:center; width:100%;}
#content .news-latest-item p {margin-bottom:8px;}

.event-header{	
	width:auto;
	padding:0.3em 0;
	border-top:1px dotted #CCCCCC;
	border-bottom:1px dotted #CCCCCC;
	font-size:11px;
	}
.event-header .right{ width:auto; float:right; font-size:11px;}
.event-header .left{float:left; font-size:11px;}
.pagebrowser{margin-bottom:2em; width:auto; text-align:right;color:#999; font-size:11px;}
#event-image .event-header{margin-bottom:3.4em;}
.event_booking{}
#event-text .event-header a{color:#999;}
#event-text .event-header{color:#2F6C98;}
 .subcolumns, .subcolumns_oldgecko {
    width: 100%;
    overflow:hidden;
  }
hr{border:0;}
div.event-info{font-size:11px;}