/*

	Styles fuer www.musiksommer-chorin.de
	----------------------------------------------------------------------

*/



/*
	Globale Definitionen
	----------------------------------------------------------------------
*/

body {
	margin: 10px 0;
	padding: 0;
/*
	background: #fff url(img-layout/kachel.jpg) repeat left top;
*/
	color: #333;
	background-color: #fff8db;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.95em;
}

h1, h2, h3 {
	margin: 0;
	padding: 10px 0;
	font-weight: normal;
	font-variant: small-caps;
}

h1 {
	font-size: 1.6em;
}

h2 {
	font-size: 1.45em;
}

h3 {
	font-size: 1.1em;
}

p {
	margin: 0;
	padding: 10px 0;
}

p.kursiv {
	font-style: italic;
}

a {
	color: #333;
}

a:hover {
	text-decoration: none;
	color: #333;
}

.centered {
	text-align: center;
}

.justified {
	text-align: justify;
}

img {
	border: 0;
}


/*
	Container fuer gesamte Page
	----------------------------------------------------------------------
*/

div#page {
	z-index: 2;
	position: relative;
	width: 560px;
	margin: 0 auto;
	padding: 1px;
	color: #333;
/*
	background-color: #fff;
*/
	background-color: #fff8db;
	border: 2px solid #900;
}

/*
	Header
	----------------------------------------------------------------------
*/

div#header {
	z-index: 10;
	position: relative;
	width: 500px;
	margin: 10px auto;
	padding: 0;
}

/*
	Content
	----------------------------------------------------------------------
*/

div#contentcontainer {
	z-index: 10;
	position: relative;
	width: 420px;
	margin: 0 auto;
	padding: 0 20px;
}

div#content {
	z-index: 10;
	position: relative;
	margin: 0;
	padding: 0;
}

/* MSIE 3px, holly hack prevent from IE5mac \*/
* html #content {
	height: 1%;
}
/* end MSIE 3px, holly hack prevent from IE5mac */

div#content p img.left {
	float: left;
	margin: 0;
	padding: 15px 10px 5px 0;
}

div#content p img.right {
	float: right;
	margin: 0;
	padding: 15px 0 5px 10px;
}

div#content ul li {
	list-style-image: url(img-layout/listitem.gif);
}

div#content ul.programm {
	margin: 0;
	padding: 0;
	padding-left: 20px;
}


/*
	Kartenorder-Formular
	----------------------------------------------------------------------
*/

form#orderform input.txt {
	margin: 0 0 3px 0;
	padding: 0;	
	width: 99%;
}

form#orderform input.cssCheckErr {
	background-color: #FF9F88;
}

form#orderform textarea {
	margin: 0 0 3px 0;
	padding: 0;	
	width: 99%;
}

form#orderform label {
	margin: 0;
	padding: 0;
}

form#orderform .help {
	text-align: left;
	font-size: 0.9em;
}

div#content table.karten {
	width: 380px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	color: #000;
	text-align: center;
}

div#content table.karten th,
div#content table.karten td {
	padding: 2px;
	text-align: left;
	vertical-align: bottom;
}

div#content table.karten td input {
	width: 2em;
	margin: 0;
	padding: 2px 2px 4px 2px;
	border: 1px solid #A7A6AA;
}

div#content table.karten td input.bg-yellow {
	background-color: #F9DC1B;
}

div#content table.karten td input.bg-red {
	background-image: url(img-layout/input-bg-na.gif);
	background-position: center center;
	background-repeat: no-repeat;
}

div#content table.karten td input.bg-rk {
	background-image: url(img-layout/input-bg-rk.gif);
	background-position: center center;
	background-repeat: no-repeat;
}

div#content table.karten tr.odd {
	background-color: #FFF3CA;
}

div#content table.karten tr.ca td {
	text-decoration: line-through;
}

div.userdata {
	margin: 0;
	padding: 0 10px;
	border: 1px solid #A7A6AA;
	background-color: #fff;
}

div#content ol.kategorie {
	margin-top: 0;
	padding-top: 0;
	margin-bottom: 0;
	padding-bottom: 0;
	list-style: upper-roman;
}

div#content div.accept {
	margin: 1em 0;
}

div#content div.accept input {
	float: left;
}

div#content div.accept p {
	position: relative;
	margin: 0 0 0 2em;
	padding: 0;
}

/*
	Menue
	----------------------------------------------------------------------
*/

#navleftcontainer, #navrightcontainer {
	z-index: 100;
	width: 125px;
	margin: 0;
	padding: 0;
	margin-top: 80px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 24px;
}

#navleftcontainer { 
	float: left;
}

#navrightcontainer { 
	float: right;
}

#navleftcontainer ul, #navrightcontainer ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#navleftcontainer li, #navrightcontainer li {
	margin: 0;
	padding: 0;
	margin-bottom: 15px;
	height: 24px;
	font-size: 0.85em;
}

#navleftcontainer li {
	padding-left: 7px;
	text-align: left;
	background: #900 url(img-layout/menue-background-left.gif) no-repeat right top;
}

#navrightcontainer li {
	padding-right: 7px;
	text-align: right;
	background: #900 url(img-layout/menue-background-right.gif) no-repeat left top;
}

#navleftcontainer a, #navrightcontainer a {
	display: block;
	color: #fff3c6;
	line-height: 24px;
	text-decoration: none;
}

#navleftcontainer a:hover, #navrightcontainer a:hover {
	text-decoration: underline;
}

/*
	Footer
	----------------------------------------------------------------------
*/

#footer {
	z-index: 10;
	position: relative;
	width: 420px;
	margin: 30px auto;
	padding: 0;
	color: #333;
	background-color: #fff8db;
}

#footer p {
 margin: 0;
	padding: 5px;
	text-align: center;
	font-size: 0.85em;
	border-top: 1px solid #333;
}

#footer p.footerimg {
 margin: 0;
	padding: 5px 0;
	border: 0; 
}