/* -------------------------------------------------------------------------------
PKW System 3.x CSS 2.0 Vorlage
Jens Liebelt Januar 2010
Diese Datei enthält Ersetzungsmarken, die Marken werden während der
Publikation mit den vom Benutzer gewählten Inhalte ersetzt.
---------------------------------------------------------------------------------*/
* {
font-family : arial;
font-size : 100.1%;
}
/* -------------------------------------------------------------------------------
								Das Body Tag
---------------------------------------------------------------------------------*/
.ibody {
background-color :#FFFDD7;
}
/* -------------------------------------------------------------------------------
								Die gesamte Seite
---------------------------------------------------------------------------------*/
#seite {
width : 1080px;
background-color : #fff;
padding: 0px;
/*#pwk_bk_body*/
/*background-image:url(http://www.jens-liebelt.de/Designer/images_cover/bk_body_3.jpg);*/
}
/* -------------------------------------------------------------------------------
								Seitenopf
---------------------------------------------------------------------------------*/
#kopf {
width : 100%;
height : 200px;
}
/* -------------------------------------------------------------------------------
								Seitenrumpf
		umschliesst die Seitenbereiche #info_l body-center und #info_r
---------------------------------------------------------------------------------*/
#content_body {
width : 600px;
float : left;
padding-left : 20px;
padding-right : 20px;
padding-bottom : 20px;
margin-bottom: 15px;
}

#content{
padding-left : 20px;
padding-right : 20px;
padding-bottom : 20px;
margin-bottom: 15px;
}
/* -------------------------------------------------------------------------------
								Seitenbereich links
---------------------------------------------------------------------------------*/
#info_l {
float : left;
width : 260px;
padding-top : 10px;
text-align : left;
margin-left:0px;
}

#info_l div {
width : 184px;
border : 0 solid gray;
padding : 8px;
margin-bottom : 5px;
float : left;
}

#info_l h3 {
color : gray;
font-size : 0.9em;
height:15px;
}

#info_l p {
font-size : 0.8em;
}

#info_l span {
font-size : 0.8em;
}

#info_l a span {
font-size : 0.8em;
}
/* -------------------------------------------------------------------------------
									Seitenbereich rechts
---------------------------------------------------------------------------------*/
#info_r {
position : relative;
float : right;
width : 145px;
top : 0;
padding-top : 10px;
text-align : left;
}

#info_r div {
float : right;
width : 145px;
border : 0 solid gray;
padding : 8px;
margin-bottom : 5px;
position : relative;
}

#info_r h3 {
color : gray;
font-size : 0.9em;
}
#info_r p {
font-size : 0.8em;
}
#info_r span {
font-size : 0.8em;
}
#info_r a span {
font-size : 0.8em;
}
/* -------------------------------------------------------------------------------
								Body-Center
						  Bereich für Dateiinhalte
---------------------------------------------------------------------------------*/
#body-center {
width : 600px;
text-align : left;
line-height : 180%;
font-size : 0.8em;
color:#424242;
}

#body-center h1 {
font-size : 1.2em;
color:#FB8A50;
}

#body-center h2 {
font-size : 1em;
color:#FB8A50;
}

#body-center h3 {
font-size : 1.1em;
letter-spacing : 2px;
color:#000;
}
/* -------------------------------------------------------------------------------
							Seitenfuss im Contentbody
---------------------------------------------------------------------------------*/
#site_foot{width: 100%; height: 20px; clear: both;}
/* -------------------------------------------------------------------------------
							Seitenfuss
---------------------------------------------------------------------------------*/
#foot {
width : 100%;
position : relative;
clear : both;
padding-top : 8px;
padding-bottom : 8px;
color : darkgray;
}

#foot a {
font-size : 0.7em;
text-decoration : none;
padding-left : 5px;
color : darkgray; !important ;
padding-right : 10px !important ;
background-image:none !important;

#foot div {width: 100%; padding-top: 30px; text-align: center;}
}
/* -------------------------------------------------------------------------------
								Stammelemente
---------------------------------------------------------------------------------*/
a{color : blue;}
a:hover {color : #FB8A50;}
.a_link {color : blue;text-decoration : underline;}
/* Tabelle Standard ohne Rahmen */
table {border:0px solid gray; border-collapse:collapse;}
table th td{border:0px solid gray; border-collapse:collapse;}


/* Tabelle mit Rahmen */
.tab_r {border:1px solid #d2d2d2; border-collapse:collapse;font-size:0.85em !important;}
.tab_r th td{border:1px solid #d2d2d2; border-collapse:collapse;}
.tab_r tr:hover{background-color:#FFFDD7;}

.sortable {border:0px solid gray; border-collapse:collapse;font-size:0.9em !important;}
/*.sortable th td{border:0px solid gray; border-collapse:collapse;}*/
.sortable th {border:0px solid gray; border-collapse:collapse;text-align:left;}
.sortable td {border:0px solid gray; border-collapse:collapse;text-align:left;}
.sortable form{display:table;margin:0px auto;}
.sortable tr:hover{background-color:#FFFDD7;}

.fotoindex{font-size:1em;}
.fotoindex tr{height:20px;padding-bottom:12px;}
.fotoindex td{padding-right:8px;padding-bottom:8px;padding-top:8px;}
.fotoindex tr:hover{background-color:#FFFDD7;}

td{vertical-align:top;}
th{background-color:#d2d2d2;cursor:pointer;}
/* Bildausrichtungen */
.bild_links {float : left;margin-bottom : 5px;margin-right : 5px;}
.bild_rechts {float : right;margin-bottom : 5px;margin-left : 5px;}
.bild_o_r {border : 4px solid gray;}
/* -------------------------------------------------------------------------------
							Horziontale Menüleiste
---------------------------------------------------------------------------------*/
#navi {width:1070px;padding-top:0px;height:0px;clear:both;text-align:left;background-color: rgb(128, 128, 128);}
#navi a {font-size : 0.8em;margin-right : 8px;color : rgb(0, 0, 139);}

#navi ul{float:left;list-style-type:none;position:relative;
text-align:left;z-index:1000;padding:0px;margin:0px;margin-left:25px;background-color: rgb(128, 128, 128);}

#navi ul li{margin:0px;padding:0px;}
#navi ul li a{padding:2px;display:block;text-decoration:none;color:#fff;font-weight:bold;}
#navi ul li ul{display:none;margin:0px;padding:0px;left:0px;position:absolute;}
#navi ul li ul li{padding-left:10px;padding-top:5px;padding-bottom:5px;}	
#navi ul li ul li a{text-decoration:none;color:#fff;display:block;font-weight:normal;}

#navi ul:hover li{background-color:#808080;}
#navi ul li a:hover{background-color:#d2d2d2;}
#navi ul li:hover ul{display:block;list-style-type:none;width:200px;}	
	
#navi ul li ul li:hover{background-color:#D2D2D2;color:#000;}
#navi ul li ul li:hover a{background-color:#D2D2D2;color:#000;}
#navi ul li ul li a:hover{color:#000;}
/* -------------------------------------------------------------------------------
								Vertikale Menüleiste
---------------------------------------------------------------------------------*/
.menu {
display : block;
margin : 0px;
padding : 0px;
color : #000;
list-style-type:none;
font-size : 0.8em;
position:relative;
}

.menu li {
margin : 0px;
margin-top : 0px;
padding-top : 8px;
padding-bottom : 8px;
list-style-type:none;
font-weight : normal;
}

.menu li a{
color:#000 !important ;
text-decoration:none;
font-size:14px;
display:block;width:150px;
}


.menu ul {
margin-left : 135px;
padding : 0px;
margin-top : -14px;
list-style-type : none;
display:none;
position:absolute;
}

.menu ul li {
margin : 0px;
padding : 0px;
list-style : none;
font-weight : normal;
background-color :#FFF;
}

.menu ul li a {
display : block;
text-decoration : none;
margin-bottom : 8px;
color:#FB8A50  !important ;
width:130px;
}

.menu li:hover a{color:#FB8A50 !important ;}
.menu li a:hover{color:#FB8A50;text-decoration:underline;}
.menu li:hover ul {display:block;}
/* -------------------------------------------------------------------------------
								Formulare
---------------------------------------------------------------------------------*/
#newsletter-bestellen input{border:1px solid darkgray;color:darkblue;margin-bottom:8px;}
#newsletter-bestellen select{border:1px solid darkgray;color:darkblue;margin-bottom:8px;}
/* -------------------------------------------------------------------------------
								Fun & Dance Anpassungen
---------------------------------------------------------------------------------*/
.bt_forms{
color:#000;
font-family:verdana;
display:block;
text-decoration:none;
border:2px solid darkgray;
-moz-border-radius:5px;cursor:pointer;
background-color:#FFFDD7;
}
.bt_forms:hover{border:2px solid black;}

.fo_submit{border:2px solid darkgray; -moz-border-radius:5px;cursor:pointer;background-color:#97bf0d;padding:10px;}
.quittung{border:2px solid darkgray; -moz-border-radius:5px;cursor:pointer;background-color:#fbf9f1;padding:10px;}
.anmeldung{border:1x solid white;border-collapse:collapse;}
.anmeldung td{border:1x solid white;border-collapse:collapse;}
.checkbox{font-size:1.5em;border:1px solid darkgray; -moz-border-radius:5px;cursor:pointer;background-color:#97bf0d;padding:10px;}

/* Bilder in der Seitenleiste rechts und Schatten für die Bilder */
.pwk_img{float: left; clear: both; height: 95px; width: 140px;position:relative;}
.pwk_img:hover{opacity:0.8 !important;}
.pwk_shadow_left{background-image:url(http://www.fun-and-dance.de/Designer/images_cover/sdw_smal.jpg);background-repeat:no-repeat;padding:0px !important;height:100px !important;width:145px !important;margin-bottom:25px !important;}

/* -------------------------------------------------------------------------------
								Fun & Dance alte Formate
---------------------------------------------------------------------------------*/
.Normal {font-family:arial; font-size:12px;font-weight:normal;color:#000000;}            
.Artikel-Titel {color:#FB8A50;font-family: Arial;font-size:18px;font-weight: bold}
.Artikel-Untertitel {color: #FB8A50;font-family: Arial;font-size:14px;}
.Artikel-Schlagtext {background-color: #FB8A50;color: #FFFFFF;font-family: Arial;font-size:12px;font-weight:bold;}
.Text-10{font-family: Arial;font-size:10px;line-height:160%;}
.Text-11{font-family: Arial;font-size:11px;line-height:160%;}
.Text-12{font-family: Arial;font-size:12px;line-height:160%;}
.Text-14{font-family: Arial;font-size:14px;line-height:160%;}
.Text-16{font-family: Arial;font-size:16px;line-height:120%;}
.Text-18{font-family: Arial;font-size:18px;line-height:120%;}
.Text-20{font-family: Arial;font-size:20px;line-height:120%;}

/* -------------------------------------------------------------------------------
								Sonstige Inhalte
---------------------------------------------------------------------------------*/
.liebelt{color:#808080;}
.pwk{color:#198AC6;}

.w3c{margin-top: 20px;}
.polaris{border-top: 1px solid rgb(255, 255, 255); font-size: 0.8em; padding-top: 5px;}
/* -------------------------------------------------------------------------------
								Stile für Widgets
					in diesen Bereich wird dynamisch geschrieben
---------------------------------------------------------------------------------*/