/* default.css
 * diereck-dross.de
 */

/*
   Standard CSS Styles for screen, projection etc.
   Colors:
   -------
   Background: #FBD777
   White: #FEFBEC
   Boxes: #FFFFFF
   Borders: #FF7412
   Selected elems: #FCF2C9
*/

/* Redefinitions */

body { background-color:#FBD777; margin:0; padding:0; text-align:center }
body,td { font-family:Geneva, Arial, Helvetica, sans-serif; font-size:12px }
h1 { font-size:16px; font-family:Geneva, Arial, Helvetica, sans-serif; padding-left:10px }
h2 { font-size:12px; font-family:Geneva, Arial, Helvetica, sans-serif; color:#FF7412; margin-bottom:8px; margin-top:8px }
h3 { font-size:12px; font-family:Geneva, Arial, Helvetica, sans-serif; font-stretch:ultra-condensed }
#pgtitle h1 { font-size:18px; margin:0; padding-bottom:4px; background-color:#FCF2C9 }
#headerinfo h1 { font-size: 14px; margin: 0; padding: 0; font-weight: normal; padding-top: 41px }
#headerinfo h1 span { padding: 0 10px }
a:link, a:visited { font-weight:bold; text-decoration:underline; color:#FF7412 }
a:active, a:hover { font-weight:bold; text-decoration:none; color:#FF7412 }
p { margin:0; padding:0 0 1em 10px; line-height:20px }
form { width:430px; margin-bottom:10px }
form#formular_buchen { width: 158px }
fieldset { border:0; margin:10px 10px 10px 0; padding:0 }
fieldset.narrow { width:200px; float:left }
label { margin-top:10px; display:block; font-size:12px }
a img { border:0 }
th { font-size:11px; color: #FF7412; text-align:left; vertical-align:top }

/* Structure */
#page { width:800px; margin: 0 auto }
#header { _padding-bottom:10px }
#header #headerimg { float:left }
#header #headerlinks { text-align:right; top:-25px; right:10px; position:relative }

#container { width:800px; margin:0 }
#headerinfo { height: 80px; display: table-cell; vertical-align: top; text-align: right; width: 800px }

	/* Top Banner */
	#sn-topbanner { width: 800px; margin-bottom: 10px }
	#sn-topbanner div.h165 { height: 165px }
	#sn-topbanner-lcol { float: left; width: 15px; background: url(/images/sn-topbanner-lcol.gif) no-repeat }
	#sn-topbanner-mcol { float: left; width: 770px; background-color: #fff }
	#sn-topbanner-mcol-sub1 { float: left; width: 230px; text-align: left }
	#sn-topbanner-mcol-sub2 { float: left; text-align: left }
	#sn-topbanner-mcol-sub2 img { margin-top: 35px}
	#sn-topbanner-rcol { float: left; width: 15px; background: url(/images/sn-topbanner-rcol.gif) no-repeat }

	/* HMENU */
	#hmenu { width:800px; background-image:url(../images/hmenu_bg.gif); background-repeat:no-repeat; height:22px; _padding-left:20px }
	#hmenu ul { list-style:none; line-height:22px; margin:0; padding-left:10px; _padding-left:0px }
	#hmenu li { display:block; float:left; border-left:1px solid #FF7412; height:20px; line-height:20px; _line-height:20px; border-top:1px solid #FF7412; border-bottom:1px solid #FF7412; text-align:center; padding:0 8px; _padding:0 7px  }
	#hmenu li.first { border-left:none !important }
	#hmenu li.selected { background-color:#FCF2C9; font-weight:bold; border-top:1px solid #FF7412; border-bottom:1px solid #FF7412 }
	#hmenu a:link, #hmenu a:visited { color:#000; text-decoration:none; font-weight:normal; cursor:pointer }
	#hmenu a:active, #hmenu a:hover { color:#FF7412; text-decoration:underline; cursor:pointer }
	
	/* SUBMENU */
	#submenu1 { width:170px; margin-top:10px; _margin-top:0; float:left; text-align:left }
	#submenu1 ul { list-style:none; margin:0; padding:0 }
	#submenu1 li { font-size:11px; width:142px; _width:160px; margin:0; padding:0 8px; display:block; float:left; background-color:#fff; line-height:20px; border-left:1px solid #FF7412; border-right:1px solid #FF7412; border-top:1px solid #FF7412 }
	#submenu1 li.first { width:160px; _width:160px; height:20px; background-image:url(/images/smenu_top.gif); background-repeat:no-repeat; border:0 !important; background-color:transparent }
	#submenu1 li.selected { color:#000 !important; font-weight:bold }
	#submenu1 li.last { width:144px; _width:160px; font-weight:bold; color:#FF7412; background-image:url(/images/smenu_bt.gif); background-position:bottom left; background-repeat:no-repeat; border:0; border-top:1px solid #FF7412 }

	#submenu1 .inner li { padding:0 0 0 7px; width:140px; border:0; margin-left:1px; background-image:url(/images/submenu_li_middot.jpg); background-repeat:no-repeat; background-position:0 6px   }
	#submenu1 a:link, #submenu1 a:visited { color:#000; text-decoration:none; font-weight:normal; cursor:pointer }
	#submenu1 a:active, #submenu1 a:hover { color:#000; text-decoration:underline; font-weight:normal; cursor:pointer }	
	#submenu1 .selected a:link, #submenu1 .selected a:visited { font-weight:bold }
	#submenu1 .last a:link, #submenu1 .last a:visited { font-weight:bold; color:#FF7412 !important;}	
	#submenu1 .last a:active, #submenu1 .last a:hover { color:#000 !important }	
	#submenu1 .inner li a { font-weight:normal !important }
	
	#submenu2 { width:100%; margin-top:21px; margin-bottom:10px; text-align:left; border-bottom:1px solid #FF7412; _border-bottom:0 }
	#submenu2 ul { list-style:none; margin:0; padding:0; height:21px;  }
	#submenu2 li { font-size:11px; margin:0; padding:0 4px; float:left; line-height:21px; background-image:url(/images/tab_m.gif); background-repeat:repeat-x; border-bottom:1px solid #FF7412 }
	#submenu2 li.selected { background-image:url(/images/tab_sel_m.gif); background-repeat:repeat-x; border-bottom:1px solid #fff !important;  }
	#submenu2 li.img { border-top:0 none #fff !important; padding:0; margin:0; width:5px; line-height: 17px; _line-height: 21px }
	#submenu2 li a { text-decoration:none !important }
	#submenu2 li.first { border:0; background-color:#fff; background-image:none; height:21px; border-bottom:1px solid #FF7412; padding-left:10px }
	#submenu2 li.last { border:0; background-color:#fff; height:21px; _height:22px; background-image:none; border-bottom:1px solid #FF7412 }

	/* Content */
	#contentsection { width:620px; float:left; text-align:left; margin:0 0 0 10px; padding:10px 0 0 0; _padding:0 }
	div.sn-wide#contentsection { margin: 0 }
	div.swide#contentsection { width:800px }
	.narrow#contentsection { }
	
	#maincontent { float:left; width:460px; font-size:13px; padding:0 10px }
	div.wide#maincontent, #container div.sn-wide #maincontent { float:left; width:630px; padding-top: 0 }
	div#maincontent { width:460px; padding:0 10px 0 0 }
	
	.wide p { width:410px }
	.swide#maincontent { float:left; width:790px !important }
	#maincontent li { line-height:140%; margin-bottom:1.3ex }
	
	#rightcol { float:left; width:160px; margin-left:10px; _margin-left:0px }
	.wide#rightcol { float:left; width:160px; margin-left:10px }
	
	.start#rightcol { width:160px; margin:0 !important; padding:0  }
	
	.box_midrow #rightcol { float:none !important; margin-left:0 !important; width:158px !important }
	.ct6 .box_midrow #rightcol { float:left !important; margin-left:0; _margin-left:0px }
	#rightcol li { list-style-type:none; line-height:150% }
	#rightcol ul { margin:0 5px 0 10px; padding:0 }
	#rightcol h1 { font-family:Geneva, Arial, Helvetica, sans-serif; font-size:12px; font-style:normal; background-color:#FCF2C9; border-bottom:1px solid #FF7412; color:#FF7412; padding-bottom:4px; margin-bottom:8px; margin-top:0 }
	#rightcol li a { color:#000 !important; font-weight:normal }
	.contentsection a, .contentsection a:visited { font-weight:bold !important }
	.spalteeins { float:left; width:48%; margin-right:1em }
	.spaltezwei { float:left; clear:right }
	
	/* Startseite Neues Layout */
	#sn-content-lcol { float: left; width: 300px; margin-left: 8px }
	#sn-content-rcol { float: left; width: 310px; margin-left: 10px }
	#sn-content-lcol a, #sn-content-rcol a { color: #000; text-decoration: none }
	#sn-content-lcol p a, #sn-content-rcol p a { font-weight: normal }
	#sn-content-lcol a:hover, #sn-content-rcol a:hover { color: #FF7412 }
	
	#sn-box-slide { height: 274px; margin-left: 7px; background: url(/images/sn-bgbox-slide.gif) no-repeat }
	#sn-box-slide h1 { margin: 0 }
	#sn-box-bilder { height: 70px; margin-bottom: 20px; background: url(/images/sn-bgbox-bilder.jpg) no-repeat }
	#sn-box-ort { height: 70px; margin-bottom: 20px; background: url(/images/sn-bgbox-ort.jpg) no-repeat }
	#sn-box-kalender { height: 107px; background: url(/images/sn-bgbox-kalender.jpg) no-repeat }
	#sn-box-ladies { height: 175px; margin-bottom: 20px; padding: 10px 0 0 10px; background: url(/images/sn-bgbox-ladiesfirst.jpg) top right no-repeat  }
	#sn-box-tag { height: 70px; margin-bottom: 20px; padding: 1px 0 0 15px; background: url(/images/sn-bgbox-tag.jpg) top right no-repeat }
	
	#sn-box-text { height: 291px; padding: 10px 10px 0 10px; background: url(/images/sn-bgbox-text.jpg) top right no-repeat }
	
	#sn-box-bilder h1 { margin: 0; padding: 6px 0 0 10px }
	
	#sn-box-ort h1 { margin: 0; padding: 8px 0 0 10px }
	
	#sn-box-kalender p { margin: 0; padding: 10px 0 0 10px; }
	#sn-box-kalender h2 { color: #000; margin: 0; padding: 0 0 0 10px; font-size: 13px }
	
	#sn-box-ladies p, #sn-box-ladies span, #sn-box-ladies h1, #sn-box-ladies h2 { margin: 0; padding: 0 0 0 15px; color: #000 }
	#sn-box-ladies h2 { margin-bottom: 66px }
	#sn-box-ladies span { display: block; float: left; font-size: 11px; font-weight: bold; line-height: 110% }
	#sn-box-ladies a { float: right; padding: 0 6px 0 0 }
	#sn-box-ladies p a, #sn-box-ladies h2 a, #sn-box-ladies span a { float: none; padding: 0 }
	
	#sn-box-text p { line-height: 140%; margin: 0; padding: 0 0 0 15px; }
	#sn-box-text .imgtext-table { width: 93px !important; }
	#sn-box-text .imgtext-table img { margin: 0 }

	/* DD-BOX */
	.box_container { width:160px }
	.box_toprow { height:5px }
	.box_midrow { background-color:#fff; border-left:1px solid #FF7412; border-right:1px solid #FF7412 }
	.box_midrow #maincontent { background-color:#fff; width:410px; float:none; border:1px solid #fff }
	.ct6 .box_midrow #maincontent { float:left; width:440px; font-size:13px; padding:0 0 0 10px }

	div.rightcol_container { width:160px; float:left;  }
	.rightcol_container .box_container { margin-left:10px }
	.box_botrow { height:5px;   }
	.box_botrow img { width: 5px }
	.box_container a { color:#000 !important; font-weight:normal !important }

	.box_title  { background-color:#FCF2C9; border-left:1px solid #FF7412; border-right:1px solid #FF7412; padding:0 10px; font-weight:bold; color:#FF7412 }	
	
	#pgtitle { /*border-top:1px solid #FF7412; border-bottom:1px solid #FF7412;*/ margin-bottom:10px }
	
	/* News */
	.newsitem { border-top:1px solid #FF7412; padding:4px 10px }
	
	/* Tabellen */
	table.termine { width:435px }
	.termine td, .termine th { vertical-align:top }
	.eintrag td, td.eintrag { border-bottom:1px solid #FFCC66 !important; margin-bottom:4px }

	.kursdetails td { vertical-align:top; padding-bottom:1ex }
	.kursdetails-title { font-weight:bold; padding-right:1em }
	
	/* Suchbox */
	.searchbox { margin-top:10px; background-image:url(/images/searchbox.gif); background-repeat:no-repeat; width:150px; height:25px; padding:4px 0 0 10px; float:left }
	.searchbox a { color:#FF7412 !important; font-weight:bold !important }
	.tx-macinasearchbox-pi1 { }
	#submenu1 form { width:150px }
	
	/* Gallery Styles */
	div#gally { padding-left: 10px }
	#gally img { border:1px solid gray; padding:8px; background-color:#fff; margin: 0 10px 10px 0 }
	#gally p { padding: 0; margin: 0 0 20px }
	#gally a { text-decoration: none }
	#gally a:hover { color: #FF7412 !important }
	a.pp_play, a.pp_pause { visibility: hidden; display: none }
	.pp_gallery { display: none !important }
	.pp_details { margin-top: 2px !important }
	.pp_arrow_previous {
    background: url("../images/prettyPhoto/facebook/sprite.png") no-repeat scroll 0 -105px transparent !important;
    height: 35px !important;
    margin-top: 0 !important;
    width: 35px !important; }
    div .pp_nav p {
    font-size: 15px !important;
    padding: 6px 3px 0 4px !important; }
    div .pp_arrow_next {
    background: url("../images/prettyPhoto/facebook/sprite.png") no-repeat scroll -46px -105px transparent !important;
    height: 35px !important;
    margin-top: 0 !important;
    width: 35px !important; }
    div .pp_close {
    background: url("../images/prettyPhoto/facebook/sprite.png") no-repeat scroll -1px -1px transparent !important;
    cursor: pointer !important;
    height: 35px !important;
    width: 35px !important }
    div .pp_next:hover{background: url(../images/prettyPhoto/facebook/btnNext.png) center right no-repeat !important; }
    div .pp_previous:hover{background: url(../images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat !important; }
	
	#gallery { }
	#galleryfooter_container { background-color: #000; line-height: 22px; height: 22px; text-align: center }
	#galleryfooter { margin-left: auto; margin-right: auto; width: 220px }
	#galleryfooter span { width: 100px; height: 20px; text-align: center; display:block; float: left; margin-right: 10px }
	#galleryfooter a { font-weight: normal }
	
	/* Box-H1 Startseite */
	div.boxstarthp { width: 460px; height:62px; background:url(/images/bg_header_start.gif) no-repeat; color:#000; margin-bottom:10px }
	.boxstarthp h1 { font-family:Geneva, Arial, Helvetica, sans-serif; font-size:13px; font-style:normal; margin: 0; padding-bottom: 0; padding-top: 5px  }
	.boxstarthp p { line-height: 16px; padding-right: 5px }
	.boxstarthp a { color: #000; font-weight: normal }
	
	/* Bubble Tooltip */
	#tooltip {
	background: url("/images/tooltip_dd.png") repeat scroll 0 0 transparent;
	color: #fff;
	display: none;
	font-size: 12px;
	height: 32px;
	padding: 24px 20px 22px 20px;
	width: 130px;
	z-index: 1000;
	}
        
	/* Slider Panel */
	#slider { width: 600px; margin: 0 auto; position: relative }
	
	#scrollContainer div.panel { padding: 0; height: 274px; width: 585px; background: #fff }
	
	ul#slidepanel { list-style: none; margin: -5px 0 4px 20px; padding: 0; font-size: 13px }
	ul#slidepanel li { display: inline; margin-right: 10px }
	ul#slidepanel li a { text-decoration: none; color: #000; font-weight: normal }
	ul#slidepanel li a:hover { color: #FF7412 }
	ul#slidepanel li a.selected, ul#slidepanel li.activeSlide a { text-decoration: underline; color: #000; font-weight: bold }

	.scroll .panel .lcol { float: left; height: 210px; padding-top: 65px; width: 220px }
	.scroll .panel .lcol h1, .scroll .panel .lcol p { margin: 0; padding: 0 }
	.scroll .panel .rand { padding-top: 230px }
	.scroll .panel .rand a { color: #000; text-decoration: none; font-size: 11px; line-height: 110% }
	.scroll .panel .rand a:hover { color: #FF7412 }
	.scroll .panel .rcol img { margin: 230px 0 0 150px }
	
	.pointer a { color: #000 !important; text-decoration: none !important }
	.pointer a:hover { color: #FF7412 !important; text-decoration: none !important }
	.pointer p a { font-weight: normal !important }
	#slide1, #slide2, #slide3, #slide4 { display: none /* Beim Laden der Seite auf unsichtbar stellen, sonst erscheinen alle DIVs gleichezeitig für eine kurze Zeit */}
	#slide1 .rcol { float: left; width: 210px; height: 274px; background: url(/images/tanzkurs-termine.jpg) no-repeat; }

	#slide2 .rcol { float: left; width: 210px; height: 274px; background: url(/images/tanzkurs-preise.jpg) no-repeat; }

	#slide3 .rcol { float: left; width: 210px; height: 274px; background: url(/images/tanzschule-flexible-kurse.jpg) no-repeat; }

	#slide4 .lcol { width: 150px !important }
	#slide4 .rcol { float: left; width: 280px; height: 274px; background: url(/images/tanzkurs-hochzeit-vorbereitung.jpg) no-repeat; }
	#slide4 .rcol img { margin: 230px 0 0 220px !important }	
	
/* Generic */
#foldregion { font-size: 11px; color: #FA9F63 }
#foldregion p { line-height: 13px }
.right { text-align:right }
.center { text-align:center }
.bold { font-weight:bold }
.small { font-size:9px }
.hide { display:none }
.red { color:red } 
.verlinken { font-weight:bold; color:#FF7412; font-size:90% }
#rootline { background-color:#FCF2C9; padding-left:10px; padding-bottom:4px; font-size:10px }
.error { font-size:12px; font-weight:bold; color:#FF7412; padding-top:4px; display:block }

#rootline a:active, #rootline a:hover, #rootline a:link, #rootline a:visited { color:#000 !important; font-weight:normal !important }
#rootline strong { font-weight:normal !important }
.btborder { border-bottom:1px solid #FF7412 }
#copyright { clear:both; font-size:13px; color:#333; padding-top:10px; padding-bottom:10px }
.ffbug { display:inline; height:400px; _height:0 /* Firefox Fenster-Abschneiden Bug korrigieren */  }
.footer { font-size:11px }
.feldname { font-size:10px; margin-top:1em }
.withmargin { margin:10px }

/* Extensions */
div.tx-indexedsearch p { width: 400px }
.tx-indexedsearch form, .tx-indexedsearch table { font-size:10px; padding:0; width: 400px }
.tx-indexedsearch a:link, .tx-indexedsearch a:visited { color:#000; text-decoration:underline }
.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-button { width:100px }
.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-sword { width:150px }
.tx-indexedsearch .tx-indexedsearch-whatis P .tx-indexedsearch-sw { font-weight:bold; font-style:italic }
.tx-indexedsearch .tx-indexedsearch-whatis { margin-top:10px; margin-bottom:5px; font-weight:bold }
.tx-indexedsearch P.tx-indexedsearch-noresults { text-align:center; font-weight:bold }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title { background:#FCF2C9 }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title P { font-weight:bold }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title P.tx-indexedsearch-percent { font-weight:normal }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title td { height:24px; font-weight:bold }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr P .tx-indexedsearch-redMarkup { color:red }
.tx-indexedsearch-descr { }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-info { background:#FBD777 }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead { margin-top:20px; margin-bottom:5px; width:400px }
.tx-indexedsearch-secHead td { padding: 4px 6px }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead H2 { margin-top:0px; margin-bottom:0px }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead TABLE { background:#FCF2C9 }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead TD { vertical-align:middle }
.tx-indexedsearch .tx-indexedsearch-res .noResume { color : #666666 }
.tx-indexedsearch-inforow td { border-bottom:4px solid #fff; padding:4px 4px }
.tx-indexedsearch-info a { font-weight:bold !important; font-size:10px;  }
.tx-indexedsearch-browsebox { font-size:11px; margin-top:1ex; padding-top:4px; border-top:2px solid #FCF2C9  }
.tx-indexedsearch-title-icon { padding-left:6px }
.tx-indexedsearch-sectionlinks li { font-size:11px }
div.tx-newloginbox-pi1 { margin: 10px}

table.tipafriend { width:400px }
.imgtext-table img { margin-left:10px }

.clear { clear: both; display: block; height: 1px; overflow: hidden; margin: 0; padding: 0 }
.pointer { cursor: pointer }
.pointer:hover a { color: #FF7412 !important }