﻿.content
{
	font-size: 1.4em;
}

h1:first-child
{
	margin-top: 0;
}

.content h2
{
	font-size: 1.2em;
}

.content h3
{
	font-size: 1.1em;
}

.content a:link, .content a:visited, .content a:active
{
	color: #006600;
}

/* Background */
html
{
	background-color: #f5e721;
	background-image: url('../images/background/TopFlowersLeft.png');
	background-repeat: no-repeat;
	background-position: top left;
}

.BottomBackground
{
	background-image: url('../images/background/BottomFlowersRight.png');
	background-position: bottom right;
	background-repeat: no-repeat;
}

/* Table Emulation */
html, body
{
	width: 100%;
	height: 100%;
}

div.Table
{
	width: 100%;
	height: 100%;
	display: table;
}

div.Table div.Cell
{
	display: table-cell;
	vertical-align: middle;
}

/* Topmost Container */
div.Main
{
	background-color: #fffffc;
	
	position: relative;
	z-index: 1;

	margin: 0 auto;
	border: 1px solid #222222;
	
	width: 70%;
	min-width: 600px;
	max-width: 900px;
}

/* Menu */
div.Menu
{
	background-image: url('../images/background/MenuBackground.png');
	background-repeat: repeat-x;

	width: 100%;
	height: 120px;
	
	border-bottom: 1px solid #222222;
}

div.Menu div.Logo
{
	position: absolute;
	right: 0;
	top: 0;

	background-image: url('../images/background/LogoBackground.png');
	background-repeat: no-repeat;
	background-position: right top;
	
	width: 185px;
	height: 120px;
}

div.Menu ul
{
	padding-top: 95px;
	margin-bottom: 0;
}

div.Menu ul li
{
	display: inline;
	list-style-type: none;
	padding-right: 10px;
	font-weight: bold;
	font-size: 1.2em;
}

div.Menu ul li img
{
	border: 0;
}

/* Page Content */
div.Page
{
	padding: 10px 2.2em 10px 2.2em;
}

/* News Box */
div.Page div.Newsbox
{
	width: 199px;
	background-image: url('../images/Paper.png');
	background-position: left bottom;
	background-repeat: no-repeat;
	padding: 6px 0 55px 0;
	margin: 0 1em 0 0;
	float: left;
}

div.Page div.Newsbox div
{
	border: 1px solid #c1c4cc;
	border-bottom: none;
	margin: 0 0 -3.4em 0;
	padding: 5px 6px 0 6px;
}

div.Page div.Newsbox div p
{
	color: #006600;
	font-size: 1.1em;
}

div.Page div.Newsbox div h2
{
	margin-top: 0;
	color: #006600;
}

/* Visuals */
.VisualStephanieSilvio
{
	background-image: url('../images/visuals/StephanieSilvio.png');
	background-position: right bottom;
	background-repeat: no-repeat;
	min-height: 359px;
	padding-right: 200px !important;
}

.VisualStephanieSilvioBis
{
	background-image: url('../images/visuals/StephanieSilvioBis.png');
	background-position: right bottom;
	background-repeat: no-repeat;
	min-height: 369px;
	padding-right: 218px !important;
}

.VisualStephanieSilvioBis2
{
	background-image: url('../images/visuals/StephanieSilvioBis2.png');
	background-position: right bottom;
	background-repeat: no-repeat;
	min-height: 356px;
	padding-right: 205px !important;
}

.VisualSilvio
{
	background-image: url('../images/visuals/Silvio.png');
	background-position: right bottom;
	background-repeat: no-repeat;
	min-height: 379px;
	padding-right: 249px !important;
}

.VisualStephanieSilvioPhotoBolero
{
	background-image: url('../images/visuals/StephanieSilvioPhotoBolero.png');
	background-position: right bottom;
	background-repeat: no-repeat;
	min-height: 369px;
	padding-right: 246px !important;
}

.VisualStephanieSilvioPhoto
{
	background-image: url('../images/visuals/StephanieSilvioPhoto.png');
	background-position: right bottom;
	background-repeat: no-repeat;
	min-height: 320px;
	padding-right: 235px !important;
}

.VisualStephanie
{
	background-image: url('../images/visuals/Stephanie.png');
	background-position: right top;
	background-repeat: no-repeat;
	min-height: 378px;
	padding-right: 295px !important;

}

.VisualStephanieSilvioBlau
{
	background-image: url('../images/visuals/StephanieSilvioBlau.png');
	background-position: right top;
	background-repeat: no-repeat;
	min-height: 355px;
	padding-right: 235px !important;
}

.VisualStephanieSilvioWhite
{
	background-image: url('../images/visuals/StephanieSilvioWhite.png');
	background-position: right top;
	background-repeat: no-repeat;
	min-height: 384px;
	padding-right: 205px !important;
}

.VisualLegs
{
	background-image: url('../images/visuals/Legs.png');
	background-position: right top;
	background-repeat: no-repeat;
	min-height: 386px;
	padding-right: 205px !important;
}

.VisualBellydance
{
	background-image: url('../images/visuals/Bellydance.png');
	background-position: right top;
	background-repeat: no-repeat;
	min-height: 306px;
	padding-right: 215px !important;
	
}

/* booking Reportoire */
ul.Reportoire
{
	margin-bottom: 0;
	margin-left: 0;
}

ul.Reportoire li
{
	display: inline;
	list-style-type: none;
	padding-right: 15px;
}


/* Contact Form */
form div label
{
	display: block;
	font-weight: bold;
}

form div label.Option
{
	display: inline;
	font-weight: normal;
}


form input[type='text']
{
	width: 350px;
}

form div textarea.Message
{
	width: 350px;
	height: 80px;
}

form div.Last
{
	padding-bottom: 0 !important;
}

span.Required
{
	font-family: monospace;
	color: #ff0000;
	font-weight: bold;
}

/* Welcome */
div.Welcome
{
	position: relative;
	text-align:center;
	margin: 0 auto;
	z-index: 10;
}

div.Welcome img
{
	border: 1px solid #222222;
}

div.Welcome p
{
	padding-top: 10px;
	text-align: center;
}

/* Impressum */
.content table.Impressum
{
	margin-bottom: 0;
}


p.Impressum
{
	text-align: center;
}

p.Impressum a:link, p.Impressum a:active, p.Impressum a:hover, p.Impressum a:visited
{
	color: #333333;
}

/* Gallery */
div.highslide-gallery img
{
	margin-bottom: 0.5em;
	border: none !important;
}

div.highslide-gallery a
{
	margin-right: 10px;
}

/* Language Box */
div.Language
{
	margin: 0 auto;
	
	width: 70%;
	min-width: 600px;
	max-width: 900px;
	
	text-align: right;
	
	padding-bottom: 2px;
}

/* Course Registration */
p.NoMargin
{
	margin-bottom: 0;
}

table.CourseRegistration
{
	width: 100%;
	border: 0;
	margin: 0;
	padding: 0;
}

table.CourseRegistration tr:first-child td
{
	padding-left: 0;
}

table.CourseRegistration td
{
	width: 50%;
	border: 0;
	padding-top: 0;
	padding-bottom: 0;
}

table.CourseRegistration td fieldset
{
	margin-top: 0;
}

table.CourseRegistration input[type='text']
{
	width: 245px;
}
