
	<style type="text/css">


html,body { 
	margin:0;padding:0; 
}


body {		
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
 	text-align: center;
	color: #232323;
	background-color: #e3ebea;
	background-image: url(images-ballettschule-luzern/gradient-aqua.png);
}


a {
	letter-spacing: normal;
	font-weight: bold; 
	focus: active; 
	text-decoration: none;
	color:#990000;
}


a:hover { 
	color:#ec0b5e;
	position: relative;
	top: 1px;
	left: 1px;
}


div#container { 
	text-align: left; 
	width: 720px; 
	margin: 0 auto; 
	padding: 22px 26px; 	
	background: transparent;
	border: 1px dashed #f6f6f6;
	border-bottom: none;
}



div#pictop {
	width: 720px;
	height: 170px;
	margin: 0;
	background-color: transparent; 
	background-image: url(images-ballettschule-luzern/bg.jpg);
	background-position: top center; 
	background-repeat: no-repeat;
	border: 1px dashed #ff609b;
}


div#pictop h1 {
	line-height: 19px; 
	margin-top: 90px;
	margin-left: 18px;
	
}

.danceart { 
	font-family: "Courier New", Courier, monospace; 
	font-size: 20px;
	color: #288497;  
	letter-spacing: 5px; 
}

.ballettschule { 
	font-size: 24px; 
	font-weight: lighter; 	
	letter-spacing: 8px; 
}



div#header { 
	background-color:transparent; 
	width: 720px; 
	height: 90px;
 	padding: 14px 0 0; 
	background-image: url(images-ballettschule-luzern/tanzschule-logo.gif); 
	background-position: center right;  
	background-repeat: no-repeat;
}

div#header h2 {
	font-family: "Courier New", Courier, monospace; 
	font-size: 16px;
	color: #288497;
	letter-spacing: normal; 
	margin: 0; 
	line-height: 22px; 
	padding: 0 18px;
} 


.palegrey { 
	color:#9e9e9e;
}


.stress { 
	color: #0a5e6f;
	font-weight: bold; 
	letter-spacing: normal;
}


div#content { 
	letter-spacing: 1px;
	line-height: 18px; 
	margin: 2px 151px 0 131px; 
	background-color: transparent;
	border-left: 1px dashed #bfd4d1;
	border-right: 1px dashed #bfd4d1;
}


div#content h2 { 
	font-family: "Courier New", Courier, monospace; 
	font-size: 20px;
	color: #288497;
	letter-spacing: 5px; 
	margin: 0 10px 16px; 
	text-align: right;
}


div#content h3 {
	background-color: #b9d2d1;
	font-size: 13px;
	color: #0a5e6f;
	letter-spacing: normal; 
	line-height: 22px;
	padding: 4px 3px;
	margin: 10px 10px 8px; 
}


div#content p {
	font-size: 12px;
	margin: 0 10px 6px; 
}


div#content ul {
	font-size: 12px;
	list-style: disc inside;
	margin: 0 10px 0; 
	padding: 0;
	text-align: left;	
}


div#content li {
	padding: 0 0 4px 0;
}


div#content img { 
	height: 300px;
	width: 416px;
	margin: 0;
}

div#content.smallpics img{
	height: 100px;
	width: 100px
}


div#navigation { 
	float: left; 
	width: 130px; 
	margin-left: -720px; 
	font-size: 14px; 
	font-weight: bold; 
	background-color: #f6f6f6;
	border: 1px dashed #b9d2d1;
	border-bottom:none;
}


#home .home, #kursangebot .kursangebot, #stundenplan .stundenplan, #team .team, #news .news, #galerie .galerie, #danceshop .danceshop, #lage .lage, #kontakt .kontakt 
{ 
	color: #b9d2d1;
	font-weight: bold; 
	text-decoration: none;
	border: none;
}


div#navigation a:hover { 
	position: relative;
	top: 1px;
	left: 1px;
	border: none;
}


div#navigation ul {
	margin: 0; 
	padding: 20px 5px;
	list-style: none; 
	text-align: right;	
}

div#navigation li {
	margin: 0;
	padding: 10px 0;
}


div#navigation.extrapage {
	background-color: transparent;
	border: none;
}


div#extra.extrapage {
	background-image: none;
	border: none;
}



div#extra { 
	min-height: 400px;
	float: left; 
	width: 150px; 
	margin-left: -152px;
	padding: 16px 0 12px;
	background-image: url(images-ballettschule-luzern/gradient-aqua.png);
	image-size: 100px;
	border: 1px dashed #b9d2d1;
	border-bottom:none;
	letter-spacing: normal;
	line-height: 15px; 
}



div#extra img { 
	height: 150px;
	width: 150px;
	border-top: 1px dashed #f6f6f6;
	border-bottom: 1px dashed #f6f6f6;
	margin: 0 0 8px 0;
}


div#extra a {
	margin: 2px 0 4px;
}



div#extra h3 { 
	font-size: 13px;
	color: #0a5e6f;
	background-color: #b9d2d1;
line-height: 16px;
	margin: 0 0 4px;
	padding: 2px 0 2px 3px;	
}


div#extra p {
	font-size: 12px;
	margin: 0 1px 6px 2px;
}


div#extra ul {
	font-size: 12px;
	line-height: 15px;	
	margin: 0; 
	padding: 2px 1px 2px 20px;
	list-style: disc outside;
	text-align: left;	
}

div#extra li {
	padding: 0 0 3px 0;
}


div#table { 
	border: none;
	width: 424px;
	letter-spacing: normal;
	line-height: 13px;
	background-color: transparent;
	margin: 0 6px 6px; 
}

div#table td {
	font-size: 12px; 
	vertical-align: top;
}


div#table h3 { 
	margin: 0;	
}


.bgtop { 
	width: 100%;
	background-color: #b9d2d1;
}


.bgleft { 
	width: 80px;
	background-color: #e0e0e0;
}

.emptyleft { 
	width: 80px;
}

.bgright1 { 
	width: 124px;
	background-color: #e3ebea;
}


.bgright2 { 
	width: 124px;
	background-color: #f6f6f6;
}

.emptyright { 
	width: 124px ;
}


div#form {
	font-size: 12px; 

}



div#footernavigation{
	font-size: 13px; 
	clear: left;
	width: 100%;
	margin: 0;
}

div#footernavigation ul {
	list-style: none;
	margin: 0;
	padding: 40px 0 20px;
}

div#footernavigation li {
	display: inline;
	margin: 0;
	padding: 0 0 0 10px;
}


div#footernavigation a {
	display: inline;
	letter-spacing: ;
	padding: 1px 5px;
	border: 1px dashed;
	border-color: #b9d2d1 #288497 #288497 #b9d2d1;
	background: transparent;
}

div#footernavigation a:hover {
	border-color: #288497 #b9d2d1 #b9d2d1 #288497;
}



div#footer{
	font-size: 9px; 
	clear: left;
	width: 100%;
	margin: 10px;
}



div#footer p {
	background-color: transparent;
	letter-spacing: normal;
}  


div#wrapper {
	float: left;
	width: 100%; 
	background-color: transparent;
}

	</style>