/*+++++++++++++++++++global+++++++++++++++++*/

html{
	font-family:Helvetica, Arial;
	font-size:11px;
	
} 
body{	
	background-color:#fff;
	}

body, html, p, h1,h2, li, ul, img, a, form, table, tr, td, input{
	margin:0;
	padding:0;
	border:0;
	font-family:Helvetica, Arial;
}

h1, h2{
	font-weight:normal;
	color:#009EE0;
	font-size:13px;
}
h3 {
        font-size:13px;
        font-weight:normal;
}

h1{
	margin-bottom:5px;
}

p{
	line-height:15px;
}


a{
	color:#009EE0;
	text-decoration:none;
}

a:link{color:#009EE0;}
a:visited{color:#009EE0;}
a:hover{color:#C8C8C8;}
a:active{color:#C8C8C8;}
a:focus{color:#009EE0;}

a[href^="http://"]{
        background: transparent url(http://www.subs-dance.de/fileadmin/layout/external.png) 100% 50% no-repeat;
        padding-right:10px;
}
a[href^="http://subs-dance.de"], a[href^="http://www.subs-dance.de"]{
        background: transparent;
        padding-right:0px;
}


.hidden{
	display:none;
}

.cropped{
	height:1px;
}
.uppercase{
	text-transform: uppercase;
}

.clear{ clear:both;}
/*++++++++++++++++wrapper++++++++++++++++++*/


#wrapper{
	width:870px;
	height:auto;
	margin:0 0 0 30px;
	padding:0;
}

#navi{
	width:870px;
	border-top:1px solid #fff;
	height:120px;
	background-color:#fff;
	position:fixed;
	z-index:10;
}

#header{
	margin:29px 0 2px 0;
	padding:0;
	border-top:1px solid #FFF;
	height:20px;
	width:870px;
}

#pageHeadline, #mainNavi, #optionalFunctions{
	height:20px;
	width:870px;
	margin:0 0 2px 0;
	padding:0;
	border-top:1px solid #FFF;
	
}

#header{
	border:0;
	background-color:#A2DAF7;
}


#pageHeadline{
	background-color:#000;
	font-family:Helvetica, Arial;
	font-weight:normal;
	color:#FFF;
	border-top:1px solid #FFF;
}

#pageHeadline span{ 
        font-weight:normal;
 }
/*
#pageHeadline p{
	margin:4px 0 0 10px; 
}
*/
/*++++++++++++++++Navi+++++++++++++++++++++*/


#mainNavi, #optionalFunctions{
	font-size:11px;
	background-color:#000;
}


#footer{
	position:fixed;
	bottom:0px;
	border-top:4px solid #fff;
	border-bottom:3px solid #fff;
	display:block;
	font-size:11px;
	clear:left;
	/*height:16px;*/
	width:870px;
	margin:0;
	/*padding:4px 0 0 0;*/
	z-index:10;
	background-color:#FFF;
}

#footerNavi{
	float:left;
	padding:4px 0 0 0;
	height:16px;
	width:870px;
	background-color:#000;
	margin:0;
}


/*
#mainNavi ul{
	list-style-type:none;
	margin:4px 0 0 0px;
}


#footerNavi ul{
	list-style-type:none;
	margin:0;
}
*/

#mainNavi li{
	padding: 0 15px;
	/*border-left:1px solid #FFF;*/
	display:inline;
}

#footerNavi li{
	border:0;
	display:inline;
	padding:0 15px;
	/*border-right:1px solid #999;*/
}

#mainNavi li.menuFirst, #footerNavi li.menuFirst{
	padding-left:10px;
}

#mainNavi a, #pageHeadline a, #footerNavi a{
	font-family:Helvetica, Arial;
	font-weight:normal;
	color:#FFF;
        display:inline;
        letter-spacing:0.05em
}



#footerNavi li.noMargin{
	color:#999;
	padding:0;
}

#mainNavi li.noMargin{
	color:#fff;
	padding:0;
}
#footerNavi a.chosen{
        color:#CCC;
}

#mainNavi a.chosen{
	color:#A2DAF7;
}

#mainNavi a:link, #optionalFunctions a:link, #footerNavi a:link{}
#mainNavi a:visited, #optionalFunctions a:visited, #footerNavi a:visited{}
#mainNavi a:hover, #optionalFunctions a:hover, #footerNavi a:hover{color:#dddddd;}
#mainNavi a:active, #optionalFunctions a:active, #footerNavi a:active{color:#dddddd;}
#mainNavi a:focus, #optionalFunctions a:focus, #footerNavi a:focus{}


/*+++++++++++++++++++optionalFunctions++++++++++++++++++++*/
/*
#breadCrumb{
	font-family:Helvetica, Arial;
	font-weight:normal;
	color:#FFF;
	margin:5px 0 0 10px;
	padding:0;
}
*/
#breadCrumb a{
	font-family:Helvetica, Arial;
	font-weight:normal;
	color:#FFF;
}
#breadCrumb p{
	display:inline;
	margin:0 10px 0 10px;
}

#optionalFunctions{
	 border-bottom:4px solid #fff;
}
/*+++++++++++++++++++search+++++++++++++++++++++++++++++++++*/
/*safari, ie */

.tx-indexedsearch-res table{
  border-top:1px solid #000;
}


#hideText{
	display:none;
}
#hideShow{
	margin:0 10px 0 0;
}
.tx-indexedsearch-searchbox form input{
	border:1px solid #DDDDDD;
	margin-top:5px;
}
.tx-indexedsearch-searchbox form label{
	margin-bottom:25px;
} 
.tx-indexedsearch-searchbox form input,
.tx-indexedsearch-searchbox form select{
	margin-bottom:10px;
}



#allWrap{
	position:absolute;
	left:30px;
	top:125px;
	padding:0 0 30px 0;
	width:760px;
}



#contentWrapper{
	margin:5px 0 0 0;
	width:760px;
}

#textAndCommentWrap{
	width:532px;
	margin:0;
	float:left;
}


/*+++++++++++++++++++media+++++++++++++++++++++++++++++++++*/

.mediaCaption{
	background-color:#BBB;
	color:#FFF;
	padding:2px 2px 0 2px;
	margin:0px 0 2px 0;
}

#media{
	width:216px;
	margin:0 0 2px 0;
	padding:0;
	float:left;
	height:100%;
	padding:3px 0 0 0;
	border-top:1px solid #000;
	
}

#media img{
	margin:0 2px 0 0;
	
}
#media img.noMargin{margin:0;}


/*++++++++++++++++++++textContent+++++++++++++++++++++++++++*/


#textContent{
	margin:0 0 0 9px;
	padding:0;
	float:left;
	width:532px; 
	color:#333333;
	font-family:Helvetica, Arial;
	padding:5px 0 0 0;
	border-top:1px solid #000;
}

#textContent p {
	margin:10px 0 5px 0;
}

#textContent h1{
        margin:0px 0 5px 0;
}

/*fuer rgmedia images flv player*/ 
#textContent dl{
  white-space: nowrap;
  min-height:50px;
  border:1px solid #fff;
}
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image { float: none; }


/*h2 a {
	color:#99ccff;
	}
*/
/*+++++++++++++++++++articleList+++++++++++++++++++++++++++*/




#articleList{
	clear:left;
	margin:5px 0 0 0;
	padding:0;
	width:760px; 
}
.listItem{
	margin:0 0 3px 0;
	width:760px;

	height:90px;
	overflow:hidden;
	position:relative;
}

.seriesItem{
	margin:0 0 10px 0;
	width:760px;
	clear:left;
        height:100%;
}

#commentPressure{
	width:216px;
	margin:0;
	padding:0;
	float:left;
	height:100%;
}

.audioPlayer{
	margin: 10px  0  0 -55px;
	padding:0;
}

#articleList h3{
	float:left;
	margin:0 0 0 9px;
	width:532px;
	height:100%;
	padding:5px 0 0 0;
	border-top:1px solid black;
	
}

.borderTop{
	float:left;
	width:532px;
	padding:0;
	border-top:1px solid #000;
	margin:0 0 0px 9px;
}

.terminListe{
	border-top:1px solid black;
}
#articleList ul {
	float:left;
	margin:0 0 0 9px;
	padding:7px 0 0 0;
	list-style-type:none;
	width:532px;
	height:100%;
	font-size:11px;
        
}
.blau{
margin:0 0 6px 0;
font-size:12px;
}
.blau a{
	padding:2px 2px 0 2px;
	
	background-color:#5EC5ED;
	color:#FFF;
}


.blau a:link{background-color:#5EC5ED;}
.blau a:visited{background-color:#5EC5ED;}
.blau a:hover{background-color:#87888A;}
.blau a:active{background-color:#87888A;}
.blau a:focus{background-color:#5EC5ED;}



#changeableImage{
	margin:0;
	width:216px;
	height:100%;
	padding:5px 0 0 0;
	border-top:1px solid #000;
	float:left; 
}

.articleInList{
        float:left;
	width:532px;
	padding:5px 0 0 0;
	border-top:1px solid #000;
	margin:0 0 0 9px;
}

.articleInList p{
	margin:10px 0 0 0;
}


.imageInList{
	width:216px;
	height:70px;
	padding:5px 0 0 0;
	border-top:1px solid #000;
	float:left;
}

.seriesItem .imageInList{
	height: 100%;
}

.imageInList img{
	margin:0;
	padding:0;
}

#articleList .archiveLink{
	margin:0 0 0 225px;
        border-top:1px solid #DDDDDD;
padding:5px 0 0 0;
}
/*+++++++++ pagebrowswer +++++++++*/

.tx-ttnews-browsebox{
border-top:1px solid #DDDDDD;
padding:5px 0 0 0;
}

.tx-ttnews-browsebox span,  .tx-ttnews-browsebox a, .tx-ttnews-browsebox strong{
margin-right:10px;

}
.news-list-browse {
	margin-left:225px;
	
	
}

/*++++++++++++++++++++sideContent+++++++++++++++++++++++++++*/


#sideContent{
	margin:0;
	padding:0;
	width:100px;
	position:fixed;
	top:130px;
	left:800px;
}

#rotating{
	position:absolute;
	top:-785px;
}


#sideContent img{
	margin:0 0 5px 0;
}
#sideContent dl, ul.archive{
	margin:0 0 10px 0;
	padding:0;
	width:99px;
	border-bottom:1px solid #DDDDDD;
	border-left:1px solid #DDDDDD;
}

#sideContent dt, .news-amenu-container h2{
	background-color:#BBBBBB;
        padding:3px 0 1px 4px;
        margin:0 0 6px 0;
        font-weight:normal;
        color:#FFF;
	
}

#sideContent img.plusMinus{
	margin:0 5px;
	
	padding:0;
}


#sideContent dd{
	padding:0px 0 0px 2px;
	margin:0 0 5px 0;
}
ul.archive {
        list-style-type:none;
        padding-left:3px;
}
#sideContent li  {padding-left:10px;}
#sideContent li.news-amenu-item-year {
margin:0;
padding:5px 0 0 0;
}

.news-amenu-container h2{
margin-bottom:0;
}

/*++++++++++++++++++++ Termine +++++++++++++++++++++++++++*/


/*++++++++++++++++++++ comments +++++++++++++++++++++++++++*/

#comments{
        width:532px;
        float:left;
        margin:5px 0 0 9px;
        border-top:1px solid #DDDDDD;
        height:100%;
}
.formLink a, .sk-pagecomments-answer a{
	background-color:#DDDDDD;
	padding:2px;
}

.bodytext{
	width:100%;
}

.sk-pagecomments-counter{
	text-align:left;
	text-decoration:none;
	color:#000;
	margin:0 0 10px 0;
}

.formLink{
	margin:10px 0 10px 0;
	height:15px;
}
.singleComment{
	border-left:1px solid #DDDDDD;
	border-bottom:1px solid #DDDDDD;
	padding:5px 0 5px 5px;
	margin:0 0 5px 0;
	height:100%;
	clear:both;
}
.author{
	color:#009EE0;
}
.sk-pagecomments-headline, .sk-pagecomments-answerheadline{
	background-color:#DDDDDD;
	font-weight:normal;
	margin:0;
	padding:4px 0 0 5px;
	border-bottom:0;
	height:13px;
	width:auto;
}

.sk-pagecomments-answerheadline{
	background-color:rgb(240,240,240);
}
.sk-pagecomments-comment{
	padding:0 0 0 5px;
	margin:5px 0 0 0;
	background-color:#FFF;
}
.sk-pagecomments-answer{
	text-align:right;
        margin:5px 0 0 0;
        padding:0;
        
}

#comments fieldset{
        width:517px;
}

#comments form p input[type=text],
#comments form p input[type=submit],
#comments form div div textarea {
	background-color:#FFF;
	border:1px solid #DDDDDD;
}

#comments form p input[type=submit]{
	float:none;
	margin:0;
	color:#000;
}

#comments form p input[type=text]:hover, 
#comments form p input[type=text]:focus,
#comments form p input[type=submit]:hover,
#comments form div div textarea:hover, 
#comments form div div textarea:focus {
	background-color:rgb(240,240,240);
	border:1px solid #999999;
}

/*++++++++++++++++++++ login +++++++++++++++++++++++++++*/

#search{        
	position:absolute;
        left:364px;
        bottom:20px;
	padding:4px;
    	z-index:11;
    	color:#000;
    	background-color:#FFF;
        border:1px solid #000;
}



#login{
	position:absolute;
        left:425px;
        bottom:20px;
	padding:4px;
    	z-index:11;
    	color:#000;
    	background-color:#FFF;
        border:1px solid #000;
}

.tx-felogin-pi1, .tx-macinasearchbox-pi1{
	float:left;
	margin:0 20px 0 0;
}
#search input[type=text], #login input[type=text], #login input[type=password]{
         border:1px solid #CCC;
         width:100px;
}

#login input, #search input, #search label, #login label, #search p, #login p, #login div div{
	display:inline;
	float:left;
	font-size:11px;
	margin:0 5px 0 0;
}

#search label, #login label{
	color:#000;
	margin:0;
}

#login fieldset{
        border:0;
        margin:0;
        padding:0;
}


/*++++++++++++++++++++ sitemap +++++++++++++++++++++++++++*/

.tx-dropdownsitemap-pi1 A, .tx-dropdownsitemap-pi1 A:link, .tx-dropdownsitemap-pi1 A:visited, .tx-dropdownsitemap-pi1 A:hover, .tx-dropdownsitemap-pi1 A:active {
            color: #009EE0;
            background-color: inherit;
        }
.tx-dropdownsitemap-pi1 DIV.expAll {
            border: solid 1px #009EE0;
            background-color: #fff;
            color: inherit;
            padding: 5px;
        }

/*++++++++++++++++++++ typo3 in frontend +++++++++++++++++++++++++++*/

.typo3-adminPanel{
	position:fixed;
	margin-left:910px;
	top:0px;
}


/*++++++++++++++++++++ tx_ablinklist +++++++++++++++++++++++++++*/
div.tx_ablinklist_treeView_category {    
         margin-top:15px;
}
div.tx_ablinklist_treeView_links{
         margin-bottom:-5px;
}


