/* -----------------------------------------------------------------------------------------
	modified by Michael Tschorschke - website factory hannover
   ---------------------------------------------------------------------------------------*/
@CHARSET "UTF-8";

/* Standards */
* { margin:0; padding:0; border:none; }
html { height:100,1%; }
body { min-height:101%; text-align: left; font-family: verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 200%; color: #444; background: url("/source/css/images/bellabina-tanzschule-BG-Main.jpg") repeat; 0 0 transparent}
table { border-spacing:0; }
table tr td { vertical-align:top; }

hr.spacer { background: url("/source/css/images/bellabina-tanzschule-spacer.png") no-repeat 50% 50% transparent; height: 40px; border: none; margin: 40px 0 40px 0;}
hr { border: 1px solid #aa0928; }

/* Standard Links */
a { text-decoration: none; color: #aa0928;	border: medium none;	outline:  none; }
a:hover { color: #a22133; text-decoration: none; border: medium none; }
a:visited { text-decoration: none; color: #a22133; border: medium none; }

/* Überschriften */
h1 { color: #aa0928; font-size: 18px; font-weight: bold;}
h2 { color: #aa0928; font-size: 14px; font-weight: bold;}
h3 { color: #aa0928; font-size: 14px; font-weight: normal;}
h4 { color: #aa0928; font-size: 12px; font-weight: normal;}
h5 { color: #444444; font-size: 12px; font-weight: bold;}
h6 { color: #444444; font-size: 12px; font-weight: normal; font-style: italic;}
div.sidebar h3 { color: #444; font-size: 14px; font-weight: normal; padding: 3px 10px 3px 10px; background-color: #e4b2bb;}


/*dokument*/
div.page { width: 1000px; margin: 15px auto 0; background: url("/source/css/images/tanzschule-musikunterricht-bellabina.jpg") no-repeat 0 0 #fff;}
/*div.page { background: url("/source/css/images/bellabina-tanzschule-BG-content.jpg") no-repeat 0 0 #fff}*/

/*background: url("/source/css/images/bellabina-tanzschule-BG-content.jpg") no-repeat 0 0 #fff;*/

/*Head*/
div#head { width: 1000px; height: 170px; background: url("/source/css/images/bellabina-tanzschule-BG-topnavi.jpg") no-repeat 200px 145px transparent}
div#head img {  }
div#head a, { background: none repeat scroll 0 0 transparent; border: medium none; padding: 0; text-decoration: none; }
div#topNav { left: 270px; position: relative; top: 145px; width: 525px; z-index: 10;}
div#topNav ul { display: inline-block; list-style: none; padding-top: 3px;}
div#topNav ul li{ background: url("/source/css/images/bellabina-tanzschule-listenpunkt.png") no-repeat scroll left 3px transparent;
    float: left;
    line-height: 16px;
    padding-left: 22px;
    padding-right: 20px;}

/* Logo */
div#logo { width: 450px; height: 170px; padding-top: 20px; float: right;}

/*Content*/
div#content { }

/*Mainnavigation*/
div#left { width: 247px; float: left; }
div#mainnavigation { min-height: 600px; width: 155px; padding-top: 90px; margin-left: 90px; color: #444;}
div#mainnavigation ul { list-style: none outside none; margin-left: 10px; width: 135px; overflow: hidden; width: 135px; font-size: 12px ; font-weight: bold;}
div#mainnavigation ul li { padding-left:0; }
div#mainnavigation ul li a { color: #444; display: block; padding-top: 6px; }
div#mainnavigation ul li a:hover { color: #444; padding-top: 6px; }
div#mainnavigation ul li a.active { color: #aa0928; padding-top: 6px; }
div#mainnavigation ul ul { margin:0 0 0 0; padding:0; }
div#mainnavigation ul li ul li { margin:0; padding: 0; }
div#mainnavigation ul li ul li a { margin 0; padding: 0 0 5px 15px; }
div#mainnavigation ul li ul li a:hover { margin: 0; padding: 0 0 5px 15px; text-decoration: underline; }
div#mainnavigation ul li ul li a.active { margin: 0; padding: 0 0 5px 15px; text-decoration: underline; }

/* Oeffnungszeiten*/
div#oeffnungszeiten { padding-left: 100px; padding-top: 60px; padding-bottom: 20px; width: 148px; color: #2B1C21; font-size: 10px; }
div#oeffnungszeiten p { width: 100%; padding: 20px 0 0 5px;}

/* Main*/
div.main { width: 513px; float: left; padding: 0 20px 20px; }
div.main h1 { padding-left: 40px; }
div.main p { margin-top: 10px; }
div.main ul { padding: 10px 0 20px 0px; display: table;}
div.main ul li{ background:url("/source/css/images/bellabina-tanzschule-listenpunkt.png") no-repeat scroll left 5px transparent; margin:5px 0px 0px 0px; padding:0px 0px 0px 20px; display: block; }
div.main ul li h2 { display: inline; }
div.main ol { padding: 0px 0 20px 20px; }

/* UP link */ 
div.up { width: 100%; background: url(/source/css/images/bellabina-tanzschule-listenpunkt-up.gif) no-repeat right;	text-align: right; margin-top: 30px; display:inline-block; }
div.up a { font-size:10px; margin: 0px 25px 0px 0px; }

/* Sidebar */
div.sidebar { float: left; font-size: 11px; width: 200px; }
div.sidebar div{ padding: 10px; background-color: #f4e0e4; margin-bottom: 30px;}
div.sidebar div.sidebar-head { background-color: #7a9151; height: 30px; padding: 8px 0px 0px 10px; }
div.sidebar-images img { float: left; margin: 10px 0px 10px 4px; padding: 2px; width: 88px; border: 1px solid #909090; }
div.sidebar p { margin-top: 10px; }
div.sidebar p.sidebar-preis { font-weight: bold; margin-top: 20px; }

/* Jump Menü */
div.sidebar ol { margin: 15px 0px 0px 0px; padding: 0px; }
div.sidebar ul { margin: 15px 0px 0px 0px; padding: 0px; }
ul.jump { list-style: none; width: 160px; margin: 15px 15px 0px 0px; padding: 0px; }
ul.jump li { background:url("/source/css/images/bellabina-tanzschule-listenpunkt.png") no-repeat scroll left 5px transparent; line-height:16px; margin:5px 0px 0px 0px; padding:0px 0px 0px 15px; display: block; }
div.sidebar ul li { background:url("/source/css/images/bellabina-tanzschule-listenpunkt.png") no-repeat scroll left 5px transparent; line-height:16px; margin:5px 0px 0px 0px; padding:0px 0px 0px 15px; display: block; }

/* Boxen */
div.c25l { width: 25%; float: left; }
div.c25l img { margin-top:15px; padding:2px; width:130px; }
div.c33l { width: 33%; float: left; }
div.c33l img { margin-bottom: 10px; margin-top: 2px; width: 140px; }
div.unten div.c33l img { margin-bottom: 10px; margin-top: 2px; width: 120px; margin: 0px !important; }
div.c50l { width: 50%; float: left; }
div.c50l img { margin-top:15px; padding:2px; }
div.c100l { width: 100%; clear: both; }
div.c66l { width: 66%; float: left; min-height: 95px; }
div.c75l { width: 75%; float: left; }

/* Footer */
div#footer { height: 90px; color: #aa0928; 1px solid}
div#footer ul { text-align: right; padding-top: 66px; list-style: none outside none; width: 100%; display: inline-block; width: 100%; overflow: hidden; background: url("/source/css/images/bellabina-tanzschule-BG-content.jpg") repeat-y scroll 0 top transparent; }
div#footer ul li{ border-right: 1px solid #A22133; float: right; padding: 0px 5px; margin-right: -1px; }
div#footer ul li a { color: #27142e; }
div#footer ul li a:visited { text-decoration: none; color: #27142e; border: medium none; }div#footer ul li a:hover { color: #27142e; text-decoration: none; border: medium none; }
div#footer ul li a:active { color: #27142e; text-decoration: none; border: medium none; }


/* Sitemap */
ul.sitemap ul { display:block; list-style:none outside none; margin:0 0 0 10px; padding:0; width:500px; }
ul.sitemap { display:block; list-style:none outside none; margin:0 0 0 10px; padding:0; width:500px; }
ul.sitemap li { line-height: 25px  !important; font-weight: bold; display: block; margin:0px 0px 0px 20px !important; padding:0px 0px 0px 20px;	background: url(images/listenpunkt-sitemap.gif) no-repeat left 3px !important; }
ul.sitemap li.start { background: none; padding-left: 0px; margin-left: 0px; }

/* Abstandsklassen */
.a5  {margin-top: 5px;}
.a10 {margin-top: 10px;}
.a15 {margin-top: 15px;}
.a20 {margin-top: 20px;}
.a25 {margin-top: 25px;}
.a30 {margin-top: 30px;}
.a35 {margin-top: 35px;}
.a40 {margin-top: 40px;}
.a45 {margin-top: 45px;}
.a50 {margin-top: 50px;}

.p5  {padding-top: 5px;}
.p10 {padding-top: 10px;}
.p15 {padding-top: 15px;}
.p20 {padding-top: 20px;}
.p25 {padding-top: 25px;}
.p30 {padding-top: 30px;}
.p35 {padding-top: 35px;}
.p40 {padding-top: 40px;}
.p45 {padding-top: 45px;}
.p50 {padding-top: 50px;}

/* Formular */

div#formset { margin-right: 10px; }
div#formset span.label { margin: 13px 2px 0px 0px; font-size: 11px; display: block; float: left; text-align: left; position: relative; font-weight: bold; width: 80px; }
div#formset label { margin: 10px 2px 0px 0px; font-size: 11px; display: block; float: left; text-align: left; position: relative; font-weight: bold; width: 80px; }
div#formset input.form, div#formset select.form { padding: 3px; margin: 10px 10px 0px 0px; border: 1px solid #bbb; }
div#formset img.form { padding: 0px; margin: 10px 10px 0px 0px; border: 1px solid #bbb; width: 406px; }
div#formset textarea { padding: 3px; margin: 10px 10px 0px 0px; border: 1px solid #bbb; }
div#formset textarea, div#formset text { height: 120px; font-family: Arial; margin: 10px 10px 0 0; font-size: 100%; width: 400px; }
div#formset p { padding:1px 0 0 0; margin-top: 0px; }  
div#formset span.required, .notrequired { font-weight: bold; /* padding: 16px 10px 16px 2px;*/ }
div#formset span.checkbox { display: block; }
div#formset .notrequired { background: none; }
div#formset legend { border: 1px solid white; background-color: white; font-size: 100%; color: #666; font-weight: bold; padding: 2px 5px; text-transform: uppercase; margin-left: 1em; }
div#formset form fieldset { border: #aaa 1px solid; }
div#formset form fieldset div { padding: 0.25em 0; }
div#formset label.inlinelabel { margin: 0 1em 0 0; display: inline; float: none; width: auto; text-align: left; font-weight: normal; }
div#formset select { width: 20.8em; }
div#formset .radio { width: 2em; margin: 1.2em 0em 0 0em; border: 1px solid white; }
div#formset .check { width: 2em; margin: 1.2em 0em 0 0em; border: 1px solid white; }
div#formset input.checkbox { width: 1em; border: 1px solid white; margin: 1.2em 0 .1em 0; padding:0; }
div#formset label.error { color: #C00; border: 0 !important; }
div#formset span.error { color: #C00; border: 0 !important; }
div#formset label em { position: absolute; right: 0; font-size: 120%; font-style: normal; color: #C00; }
div#formset span.label em { position: absolute; right: 0; font-size: 120%; font-style: normal; color: #C00; }
div#formset input.error  { background-color: #FFbfbf; }
div#formset textarea.error { background-color: #FFbfbf; }
div#formset select.error { background-color: #FFbfbf; }
form small{ display:none !important; }
div#formset input:focus, div#formset textarea:focus { background-color: #f5f5f5; border-color: #aaa; }
div#formset input.klein{ width: 4em; margin-right: 0pt; }
div#formset input.angepasst { margin-right: 0pt; width: 15em; }
div#formset input.ohne { border: 1px solid white; font-weight:bold; }
div#formset p.error { font-size:80%; color: #FF0000; position:relative; text-align:right; clear:both; width: 100%; }
div#formset div#error { visibility:hidden; font-size: 120%; font-weight: bold; margin: 1.5em 0 0 1em; color:#ff0000; }
div#formset label.success{ color:green; background: url(/images/icons/accept.png) left no-repeat; padding-left: 18px; }
div#formset button { border:0; cursor:pointer; font-weight:bold; padding:5px; text-align:center; margin: 1em 0 0 0; border: 1px solid #ccc; }
div#formset button span { position:relative; display:block; white-space:nowrap; padding:0 0 0 20px; }
div#col3_content p.danke{ color: green; font-size: 120%; font-weight: bold; float:none; }
div#formset p.checkbox { font-size: 100%; }
.form { width: 400px; }
.flaeche { width: 60px; }
.ort { width: 317px; }
.anschrift { float: left; }
input.button { width: 85%; }
.kontakt{ list-style: none; margin: 0; }
li.liste { padding: 1px 0; font-size: 95%; }

/* Galerie */
ul#galerie { padding: 0; }
ul#galerie li { float:left; list-style-type:none; background: none; padding-left: 0px; padding-right: 9px; }
ul#galerie li a img { width: 105px; border: 2px solid #E4B2BB; padding: 4px; }

/* Karte */
div.karte a { display: block; text-align: center; }


/*Allgemeines*/
p.more { text-align: right; font-size: 11px; display: inline-block; width: 100%; }
p.date { font-size: 10px; font-style: italic; }
img.L { float: left; padding-right: 15px; padding-top: 5px;}
img.R { float: right; padding-left: 15px; padding-top: 5px;}


/* website-factory - Footer */
div#website-factory { width: 1000px; margin: 0 auto; color:#AA0928; font-size:10px; height: 90px; padding-top:20px; text-align:right; }
div#website-factory a { color: #AA0928; }
div#website-factory a:hover { color: #AA0928; text-decoration: underline; }