@charset "utf-8";

/* -===!===!===!===!==!===!===!===!===!===-

		Tanzschule am Schloss

  -===!===!===!===!==!===!===!===!===!===-

  

		Erstellt: 25.1.2007

		Version: 2.1

		Julian Kern

*/



/* ======================

	Including Styles

======================= */

@import url("includes/pager.css");





/* ======================

	Allgemeine Styles

======================= */

* 		{ padding: 0; margin: 0; }



html 	{ height: 100%; }



body {

	color:	 				#002b54;

	font-family: 			Verdana, Arial, Helvetica, sans-serif;

	font-size: 				10px;

	background-attachment:	fixed;

	background-image: 		url(../images/layout/bg.gif);

	background-repeat: 		no-repeat;

	margin:					0px;

	height:					100%;

}



h1 	{ font-size: 150%; margin-bottom: 3px; }

h2 	{ font-size: 115%; margin-bottom: 10px; }

h3 	{ color: #002b54; font-variant: small-caps; font-weight: bold; font-size: 100%; letter-spacing: 0; margin-top: 2em; margin-bottom: 0.5em; }

h4 	{ margin-bottom: 0.5em; font-size: 100%;}

.highlight { font-weight: bold; display:block; margin-bottom: 0.1em; line-height: auto; }

.smaler { font-size: 90%; } 



p	{ font-size: 100%; margin: 0px 0px 0.7em; line-height: 16px; }



/* Hyperlinks */

a img 				{ border: none; }

a 					{ text-decoration: none; outline: none; }

a:link 				{ color: #002b54; }

a:visited 			{ color: #002b54; }

a:hover, a:focus 	{ color: #FF0732; text-decoration: none; }

a:active 			{ color: #FF0732; text-decoration: none; }

/* Hyperlinks  END*/



/* Clearfix */

.clearfix:after {

    content: 	"."; 

    display:	 block; 

    height: 	0; 

    clear: 		both; 

    visibility: hidden;

}



.clearfix {display: inline-block;}



/* Hides from IE-mac \*/

* html .clearfix {height: 1%;}

.clearfix {display: block;}

/* End hide from IE-mac */

/* Clearfix  END*/



#wrapper {

	width: 	952px;

	margin: 0px auto 0px;

	padding: 0 0 15px;

	height: 100%;

}





/* Eingabefelder, Auswahlfelder und Textareas */

input, textarea, select {

	font-family: 			Verdana, Arial, Helvetica, sans-serif;

	font-size: 				10px;

}

input, textarea {

	padding: 1px;

}

.contact_textarea {

	height: 100px;

	width: 420px;

}

select option {

	padding-right: 4px;

}

fieldset {

	border: 0px;

	margin: 0px;

}

.my_fieldset {

	border:2px solid #CEE0EC;

	margin-bottom:4.5em;

	margin-top:1.5em;

	padding:10px;

	background: url(../images/layout/fieldset_bg.gif) bottom repeat-x;

}

.my_fieldset fieldset {

	border:2px solid #CEE0EC;

	margin-bottom:1.6em;

	padding:10px;

	background: url(../images/layout/fieldset_bg.gif) bottom repeat-x;

}

.my_fieldset fieldset legend {

	font-size: 105%;

	font-weight: bold;

	padding: 0 4px;

	border-bottom: 1px dashed #CEE0EC;

}

.my_fieldset li {

	list-style-type:none;

	margin-bottom:10px;

}

.my_fieldset legend {

	font-size: 110%;

	font-weight: bold;

	padding: 0 4px;

	border-bottom: 1px dashed #CEE0EC;

}

.my_fieldset legend { margin-bottom: 10px! }



.my_fieldset input {

	font-family:inherit;

	font-size:inherit;

	font-weight:inherit;

	width:200px;

	vertical-align:middle;

}

/*#captcha {

	font-family:inherit;

	font-size:inherit;

	font-weight:inherit;

	width: 40px !important;

	vertical-align:middle;

}*/



/* Eingabefelder, Auswahlfelder und Textareas */





/* Errors */

.error_label {

	color: #FF0732;

	font-weight:bold;

	background: url(../images/layout/warnschild.gif) no-repeat left;

	padding-left: 13px;

}

.error_input {

	color: #FF0732;

	font-weight:bold;

	background: url(../images/layout/warnschild.gif) no-repeat left;

	padding-left: 13px;

	vertical-align: middle;

	margin-left: 4px;

}

.error_input_bg {

	background-color:#FFE1E7;

	line-height: 23px;

	display: block;

}

.error_msg_box {

	border: 2px solid #FF0732;

	background-color: #FFE1E7;

	color: #FF0732;

	padding: 5px 10px 0px;

	margin-bottom: 10px;

	font-weight: bold;

	

}

/* Errors */







/* Listen */

.list {

	margin:3px 0pt 0pt 4px;

}

.list li {

	border-bottom:1px solid #CEE0EC;

	padding: 4px 0;

	line-height:16px;

	list-style-type:none;

}

/* Listen */





/* Suchergebnis */

.highlighting {

	background-color: #FFCC66;

	padding: 0 2px;

}



#login input, #filter input {

	width: 146px;

}









#next_button {

	background: url(../images/layout/buttons/weiter.gif) no-repeat;

	width: 75px !important;

	margin: 5px auto 0;

	padding-left: 10px;

}

#previous_button {

	background: url(../images/layout/buttons/zurueck.gif) no-repeat;

	width: 75px !important;

	margin: 5px auto 0;

}

#senden_button {

	background: url(../images/layout/buttons/weiter.gif) no-repeat;

	width: 75px !important;

	margin: 5px auto 0;

	padding-left: 15px;

}







.button_submit { text-align: center; margin: 5px}



.content_spacer { margin: 20px 0; border: 1px solid #CEE0EC; }









/* ======================

	Allgemeine Buttons

======================= */



/* Input Buttons , Standartdefinition*/

.action_button {

	color: #002b54;

	height: 20px;

	font-size: 11px;

	font-weight: bold;

	font-family: Arial, Helvetica, sans-serif;

	background-color: white;

	border: 0px;

	padding: 0px 0 2px;

}

.action_button { padding: 0px! } /* IE 6 und 7 Hack  ( NOT VALID ) */





/* Span Buttons, Standartdefinition */

.span_button {

	color: #002b54;

	display:block;

	font-size: 11px;

	font-weight: bold;

	font-family: Arial, Helvetica, sans-serif;

	background-color: white;

	border: 0px;

}

.span_button a {

	display: block;

	height: 18px;

	padding-left: 25px;

	padding-top: 2px;

}







/* Public Buttons 

------------------- */



/* Action Buttons */

	

	

	

	

	

	

/* Span Buttons */

.read_more {

background:url(../images/layout/buttons/info.gif) no-repeat;

width: 100px;

}

	









/* ======================

	Content Hintergründe

======================= */



#header, #navi, #content_wrapper, #ads { 

	background-image:url(../images/layout/content_bg.png) !important;

	background-image:url(../images/layout/content_bg.jpg); /* für IE <= 6 */

}

#footer {

	background-image: 		url(../images/layout/footer_bg.png) !important;

	background-image: 		url(../images/layout/footer_bg.gif); /* für IE <= 6 */

	background-position: 	top;

	background-repeat:		no-repeat;

	height: 				27px;

}



/* ======================

	Header

======================= */

#header {

	padding: 18px 0 0 ;

}



#header_picture {

background: url(../images/layout/header-bild.jpg) no-repeat bottom;

	height: 110px;

	width: 873px;

	margin: 0 auto;

}



#logo {

	position: absolute;

	margin-top: -10px;

	margin-left: 500px;

}



/* ======================

	Top-Navigation

======================= */

#navi a { font-size: 12px; 	font-weight: bold; }



/* Navigations Hintergründe */

#navi #navi_bg {

	background-image: 		url(../images/layout/navi_bg.gif);

	background-repeat: 		repeat-x;

	float: 					left;

	width: 					870px;

	height: 				36px;

	padding:				5px 0px 0px 2px;

}



#navi #navi_left {

	background-image: 		url(../images/layout/navi_left.gif);

	background-repeat: 		no-repeat;

	background-position: 	right;

	float: 					left;

	width:					39px;

	height: 				40px;

}



#navi #navi_right {

	background-image: 		url(../images/layout/navi_right.gif);

	background-repeat: 		no-repeat;

	background-position: 	left;

	float: 					left;

	width:					39px;

	height:					40px;

}

/* Navigations Hintergründe end*/



#navi .navi_separator,

#navi .sep0, #navi .sep1, #navi .sep2, #navi .sep3, #navi .sep4, #navi .sep5 {

	width: 		5px;

	background:	url(../images/layout/navi_separator.gif);

	float: 		left;

	height: 	25px;

}



#navi .navi_link {

	float:left;

	width: 168px;

	text-align: center;

	margin: 4px 0px;

}



/* ======================

	Sub-Navigation

======================= */

#subnavi li ul li { 

	list-style-type: none; 

	list-style-image: none;

	margin-left: -2px;

	font-weight: normal;

	color: #000000;

	border: 0;

	padding: 1px;

}



#subnavi li.aktiv {

	list-style: none;

	list-style-image: url(../images/layout/punktrot.gif);

	margin-left: 18px;

	font-weight: bold;

	color: #FF0732;	

}

#subnavi a.aktiv {

	color: #FF0732;	

}



#subnavi li {

	list-style: none;

	list-style-image: url(../images/layout/punktblau.gif);

	margin-left: 18px;

	font-weight: bold;

	margin-top: 4px;

	padding-bottom: 4px;

	border-bottom: 2px solid #cee0ec;

}





.spacer {

	margin-left: -2px;

}



/* ======================

	Login / UserPanel

======================= */



/* Ausgeloggt 

--------------- */

#login_button {

	background: url(../images/layout/buttons/einloggen.gif) no-repeat;

	width: 156px !important;

	margin: 10px auto 0;

}



/* Eingeloggt 

--------------- */

#logout_button {

	background: url(../images/layout/buttons/eingeloggt.gif) no-repeat;

	width: 156px !important;

	margin: 5px auto 0;

}



#user_panel li {

	list-style-type: none;

	width: 151px;

	height: 20px;

	margin: 5px 0 5px 3px;

	font-weight:bold;

}

#user_panel li a{

	display: block;

	height: 17px;

	padding: 3px 0 0 25px;

}

#user_panel #usr_profil {

	background:url(../images/layout/buttons/user_profil.gif) no-repeat;

}

#user_panel #usr_settings {

	background:url(../images/layout/buttons/user_einstellungen.gif) no-repeat;

}

#user_panel #usr_pm {

	background:url(../images/layout/buttons/user_privatpost.gif) no-repeat;

}

#user_panel #usr_galerie {

	background:url(../images/layout/buttons/user_album.gif) no-repeat;

}







/* ======================

	Content

======================= */

#content_wrapper {

	padding: 14px 0 0 0;

	

}



#content_wrapper #content_top {

	background: url(../images/layout/content_top4.gif) no-repeat bottom !important;

	background: url(../images/layout/content_top4ie.gif) no-repeat bottom; /* For IE <= 6 */

	width: 876px;

	height: 8px;

	margin: 0 auto;

}

*+html #content_wrapper #content_top {

	background: url(../images/layout/content_top4ie.gif) no-repeat bottom !important; /* For IE = 7 */

}



#content_wrapper #content_footer {

	background-image:url(../images/layout/content_footer1.gif) !important;

	background-image:url(../images/layout/content_footer1ie.gif); /* For IE <= 6 */

	background-repeat:no-repeat;

	width: 876px;

	height: 10px;

	margin: 0 auto;

}



*+html #content_wrapper #content_footer {

	background-image:url(../images/layout/content_footer1ie.gif) !important; /* For IE = 7 */

}



#content_wrapper #crevices {

	margin: 0px auto 0;

	border-collapse: collapse;

	border: 0;

}





/* ======================

	Formular

======================= */

.formular li {

	list-style:none;

	margin-bottom: 10px;

}

.formular legend {

	font-size:100%;

	font-size-adjust:none;

	font-stretch:normal;

	font-style:normal;

	font-variant:normal;

	font-weight:bold;

	line-height:normal;

	padding-bottom:1em;

}

.formular input {

	width: 175px;

}











/* ======================

	Rounded Corners

======================= */



.shadow {

	border: 0;

	border-right-width: 2px;

	border-right-style: solid;

	border-right-color: #c8c8c9;

}

.table_format {

	border-collapse: 	collapse;

	background-color:#FFFFFF;

	vertical-align: top;

}

.table_content {

	vertical-align: top;	

}



.ads { width: 874px; margin: 0 auto; padding-top: 10px; }

.ads div { background-color: white; }

.ads div div { background:url(../images/layout/r.gif) right repeat-y; }

.ads div div div { background:url(../images/layout/u.gif) bottom repeat-x; }

.ads div div div div { background:url(../images/layout/ol.gif) left top no-repeat; }

.ads div div div div div { background:url(../images/layout/or.gif) right top no-repeat; }

.ads div div div div div div { background:url(../images/layout/ul.gif) left bottom no-repeat; }

.ads div div div div div div div { background:url(../images/layout/ur.gif) right bottom no-repeat; }





/* ======================

	Teaaser Boxes

======================= */

.teaser_head {

	background-image:url(../images/layout/teaser_head1.gif);

	background-repeat:repeat-x;

	height: 16px;

	font-weight: bold;

	padding: 0px 8px 0;

	margin: 0 5px;

}



.teaser_body {

	padding: 6px 12px 0px;

}



.teaser_body ul {

	margin-left: 15px;

}

.teaser_body #user_panel {
	margin-left: 0px;
}

/* ======================

	Left Content

======================= */

.short_overview {

	margin-top: 5px;

}

.short_overview li {

	list-style: none;

	line-height: 16px;

	border-bottom: 1px solid #CEE0EC;

	padding-left: 3px;

/*	border-left: 5px solid #CEE0EC;*/

	padding: 3px 0;

	/*background-color: #F5FAFC;;*/

}



.short_overview li h4 {

	margin-bottom: 0;

}

.short_overview li span {

	margin-left: 3px

}



/*.short_overview li a {

	background:url(../images/layout/pfeilblau.gif) no-repeat;

	padding-left: 12px;

	height: 10px;

}*/



/* ======================

	Ads

======================= */

#ads_content { 

	padding: 4px 0px 5px 0px; 

	text-align: center;

	line-height: 20px;

}



#ads_content .ads_pics {

	background:none;

	margin: 0 auto;

}



#ads_content .ads_pics a {

	padding: 0 3px;

}