@import url(navi.css);
@import url(../extentions/news.css);
@import url(../extentions/guestbook.css);
@import url(../extentions/searchbox.css);
@import url(../extentions/indexsearch.css);
@import url(../extentions/login.css);
@import url(../extentions/simplegallery.css);
@import url(../fce/fce.css);

/*-------- Farb Glossar --------*/
/*

#666666 dunkelgrau (Text + Überschriften)
#FD7922 orange (Links)
#0096e4 blau (besondere Auszeichnung)
#aaaaaa hellgrau (Rahmen)

*/

/*-------- Clearing --------*/
* {
	padding:0;
	margin:0;
}
fieldset {
	padding: .5em;
	font-size:1.3em;
		border:0px none;
}
	
h1, h2, h3, h4, h5, h6, p {
	margin:0em 0em 1em;
}

/*-------- HTML Elements --------*/
html {
	height:100%;
}
body {
        height:100%;
        text-align: center;
	color: #666;
	font-size: 62.5%;
	font-family: Verdana, Arial, sans-serif;
	line-height: 2em;
	background: #e5e5e5 url(./background/bg.gif) center 0px repeat-y;
}
a, a:visited, a:link {
	 outline:0px;
         color: #FD7922;
         text-decoration:none;
         border:0px;

}
a:hover {
	text-decoration:underline;
}
img {
	display:block;
	border:0px;
}
h1 {
         font-size: 2.2em;
         font-family: Trebuchet MS,Verdana, Arial,Helvetica,sans-serif;
         line-height:1.4em;
         /*margin-bottom: 1.4em;*/
}
h2 {
         font-size: 1.6em;
         line-height:1.4em;
         font-family: Verdana, Arial,Helvetica,sans-serif;
}
h2 a, h2 a:visited, h2 a:link {
	text-decoration:none;
}
h3 {
         font-size: 1.3em;
}
p {
	margin-bottom:2em;
	font-size:1.3em;
}

table {
   	border-spacing: 0;
   	border-collapse:collapse;
   	font-size:1em;
}
td {
	vertical-align:top;
	line-height:1.6em;
}
td p {
	margin-bottom:0;
}
th {
   	/*font-size:1em;*/
}

/*-------- Clearer --------*/
.clearer {
	clear:both;
         height:0px;
}

/*-------- Main Wrapper --------*/
#wrapper {
         text-align: left;
         background: #e5e5e5 url(./background/bg.gif) center 0px repeat-y;
         width:100%;
         position: relative;
         min-height: 100%;
 	height: auto !important;
 	height: 100%;
}
#wrapper-absolute {
	position:absolute;
         top:0px;
         left:0px;
         text-align:center;
         width:100%;
}
.center {                                  /*wichtig um Elemente im Layout zu zentrieren*/
         text-align: center;
}
/*-------- Oben --------*/
#wrapper-top {
         background: #ea9212 url(./background/bgbalken.png) center 0px;
         height:110px;
         margin:0px;
}
#wrapper-topm {
         position:relative;
         margin:0px auto;
         text-align: left;
         width: 784px;
         height: 110px;
         background: #ea9212 url(./background/bgbalkenm.gif) top center ;
}
/*-------- Logo --------*/
#wrapper-topm h1 {
	 margin:0px;
	 position:absolute;
         left:33px;
         top:25px;
         font-family: Trebuchet MS, Verdana, Arial, sans-serif;
         font-size:14px;
         line-height:14px;
         color:#fff;

}
#logo {
	background:url(./background/logo.gif) no-repeat;
         text-indent:-9000px;
         width:122px;
         height:55px;
}
#logo-link {
	position:absolute;
	top:24px;
	left:32px;
}
#logo-link a {
	width:122px;
	height:55px;
	display:block;
}

/*-------- Krümmelpfad --------*/
#brot {
         position:relative;
         padding:23px 40px 0px 40px;
         font-size:10px;
         line-height:13px;
         color: #666;
         display:none;
}
* html #brot {
         width:519px;
}
#brot ul{
         list-style:none;
         border-bottom: 1px solid #aaa;
}
#brot li{
	display:inline;
}
#brot li a {
         text-transform:lowercase;
         font-family:  Verdana, Arial, sans-serif;
         font-size:10px;
         line-height:15px;
         color:#FD7922;
         text-decoration:none;
         font-weight:normal;
}

/*-------- Inhaltsbereich --------*/
#wrapper-nav {
         position:relative;
         margin:0px auto;
         padding:0px;
         width: 784px;
	text-align: left;        	/*sehr wichtih*/
}
#wrapper-platz {
	height:274px;
}
#wrapper-content {
         position:relative;
         margin:0px auto;
         position:relative;
         padding:0px;
         width: 784px;
	 text-align: left;        	/*sehr wichtih*/
}
#wrapper-content:after {
	clear: both;
	display: block;
	font: 1px/0px serif;
	content: ".";
	height: 0;
	visibility: hidden;
}

/*-------- Bereich Oben --------*/
#platzhalter {
	height:14px;
         width:784px;
         background-color:#f6f6f6;
}
#bildbalken {
         border-top:1px solid #fff;
         border-bottom:1px solid #fff;
         float:left;
}
#bildbalken img {
         width: 519px;
         height: 148px;
}
#topbox {
	position:relative;
         float:left;
         border-top: 1px solid #fff;
         border-bottom: 1px solid #fff;
         border-left: 1px solid #fff;
         width: 116px;
         height: 148px;
	background:#aaa;
}
* html #topbox {
         height: 150px;
         width: 117px;
}
/*-------- Spalten --------*/
#links {
         position:relative;
         width:519px;
         float:left;
}
#rechts {
         float:right;
         position:relative;
         width: 264px;
}
* html #rechts {
         width: 264px;
}

/*-------- Inhalt --------*/
#content {
         padding:46px 40px 42px 40px;
         position: relative;
}
* html #content {
         width:519px;
}

/*-------- News --------*/
#news {
	padding:0px 0px 24px 0px;
}
#news h2{
	margin:2px 0px 18px 0px;
}
#news h2 a:hover{
	text-decoration:none;
}

/*-------- Footer --------*/
#wrapper-footer {
  	width: 100%;
  	position: absolute;
  	bottom: 0 !important;
  	bottom: -1px; /*For Certain IE widths */
        height: 23px;
  	background: #ea9212 url(./background/bgfooter.png) center 0px;
}
#wrapper-footerm {
	position:relative;
         margin:0px auto;
         text-align: left;
         width: 784px;
         height: 23px;
         background: #ea9212 url(./background/bgfooterm.gif) top center ;
}
#copyright {
         position:absolute;
         left: 23px;
         top: 6px;
         font-family: Trebuchet MS, Verdana, Arial, sans-serif;
         font-size:1.1em;
         line-height:1em;
         color:#fff;
         text-decoration:none;
         font-weight:bold;
}

/*-------- MUSICLIST --------*/
.music {}
.musicn, .b0n, .b1n, .b2n, .b3n {
	color:#0096e4;
}
.b0, .b0n, .b1, .b1n, .b2, .b2n, .b3, .b3n {
	height:14px;
	display: block;
	padding:0px 5px 0px 45px;
	font-weight:bold;
}
.b0, .b0n {
	background: url(./background/breakdance_musiclist_0.gif) no-repeat;
	background-position: 2px 1px;
}
.b1{
	background: url(./background/breakdance_musiclist_1.gif) no-repeat;
	background-position: 2px 1px;
}
.b2{
	background: url(./background/breakdance_musiclist_2.gif) no-repeat;
	background-position: 2px 1px;
}
.b3{
	background: url(./background/breakdance_musiclist_3.gif) no-repeat;
	background-position: 2px 1px;
}
.b1n{
	background: url(./background/breakdance_musiclist_1n.gif) no-repeat;
	background-position: 2px 1px;
}
.b2n{
	background: url(./background/breakdance_musiclist_2n.gif) no-repeat;
	background-position: 2px 1px;
}
.b3n{
	background: url(./background/breakdance_musiclist_3n.gif) no-repeat;
	background-position: 2px 1px;
}
/*-------- Referenzen --------*/
.referenzen {
	width:421px;
}
.referenzen td{
	font-size:11px;
	padding:3px 5px 3px 5px;
}
/*-------- Mail Form --------*/
#mailform {
	border: 1px solid #aaa;
	padding: 10px;
	font-size:1.3em;
}
#mailform .field input{
	display:block;
	margin-bottom:10px;
}
#mailform .field textarea{
	display:block;
	margin-bottom:10px;
}

/*-------- linklist --------*/
.linklist {
	margin:0em 0em 3em 1.2em;
	font-size:1.1em;
	line-height:1.4em;
}
.tx_lumogooglemaps_pi1_sidebar {
	font-size:1.1em;
}
#imageData #caption {
	font-weight:normal;
	display:none;
}
form#loginbox {
	color:#ffffff;
	font-family:Trebuchet MS,Verdana,Arial,Helvetica,sans-serif;
	font-size:1.1em;
	padding:7px 0px 7px 10px;
	font-weight:bold;
	border-bottom:1px solid #fff;
}
#imageData #bottomNavClose {
	width:100px;
}

div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption {
	font-size:1.3em;
	margin:0pt;
}
div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image img {
	border:0px solid #AAAAAA;
	margin:5px 0px 0px 0px;
}

.contenttable {
	border-left:1px solid #bbb;
   	border-top:1px solid #bbb;
   	margin:0px 0px 2em 1px;
}
.contenttable td {
	border: 1px solid #bbb;
   	border-top: none;
   	border-left: none;
   	padding:1px 2px;
}
.contenttable tr {
	border: 1px solid #bbb;
   	border-top: none;
   	border-left: none;
   	padding:1px 2px;
}
div.csc-textpic-intext-left div.csc-textpic-imagewrap,
div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap {
	margin-right:1.4em !important;
}
.td-ohne .contenttable td {
	border:0;
}
.td-ohne .contenttable tr {
	border:0;
}
.td-ohne .contenttable td p {
	margin-bottom: 1em;
}

/*-------- Admin Panel --------*/
.typo3-adminPanel {
	text-align:left;
}
.typo3-adminPanel img {
	display:inline;
}
/*-------- Anker Musiclist --------*/
.music-anker {
	list-style:none;
	margin-bottom:20px;
        width:432px;
        height:20px;
}
.music-anker li {
	display:inline;
}
.music-anker li a {
	display:block;
	float:left;
	font-size:1.3em;
	text-align:center;
	padding:0px 7px 0px 0px;
}
.music-anker li a:hover {
	font-weight:bold;
}
#wrapper-footerm h3.footer {
	font-size:1.1em;
	display:inline;
	line-height:1.1em;
}
#contentrechts {
	
}
#rechts .blau a {
	color:#0096e4;
}
td.csc-uploads-fileName {
	padding-right:10px;
}

.content-rechts-oben {
	border-bottom:1px solid #FFFFFF;
	padding:0px 24px 18px 24px;
}
.tx-timtabsociable-pi1 img {
	border:2px solid #F6F6F6;
	display:inline;
	height:16px;
	margin:0px 10px 10px 0px;
	width:16px;
}
#rechts .box {
	padding:18px 24px 18px 24px;
}