/*
project:     www.klaus-schuker.de
date:        2007.09.18
programming: © gestaltBar.de
*/

/* @group basic styles */

* {
	margin: 0;
	padding: 0;
}

option {
	padding-left: 0.4em;
}

html {
	height: 100%;
}

body {
	min-height: 101%;
	min-height: 100%;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	position: relative;
	color: #000;
	background: #fff;
	text-align: left;
}

fieldset, img {
	border: 0;
}

select, input, textarea {
	font-size: 99%;
}

/* @end */

/* @group basic override 1 */
body {
}
body.default {
	background: url(../img/bg_all.gif) repeat-y;
	background-color: #DCD4C6;
}
body.start {
	background: url(../img/bg_start.gif) repeat-x;
}
select, input, textarea {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

div.clearer {
	height: 0;
	line-height: 0;
	clear: both;
	border: 0px none black;
	margin: 0;
	/*display: none;*/
}

* { behavior: url(iepngfix.htc) }
/* @end */

h1 {
	font-size: 1.2em;
	margin-bottom: 1.25em;
}
h2 {
	font-size: 1.1em;
	font-weight: bold;
	margin-bottom: 0.5em;
}
h3 {
	font-size: 1.0em;
	font-weight: bold;
	margin-bottom: 0.25em;
}
p {
	margin-bottom: 0.66em;
}
ol, ul {
	margin-left: 2em;
}
hr {
	height: 1px;
	width: 100%;
	color: #B7B0A3;
	background-color: #B7B0A3;
	border: 0px none #B7B0A3;
}
html>/**/body hr{
	margin: 1em 0 .33em;
}

/* @group Layout */

div#container {
	position: relative;
	border: 0px dashed black;
}

div#container div#topWrapper {
	background-image: url(../img/bg_top.gif);
	height: 165px;
}

div#container div#topWrapper div, div#flashtypo {
	float: left;
}

.notBold {
	font-weight: normal;
}


div#contentWrapper {
	margin-left: 189px;
	width:500px;
	padding-bottom: 1.5em;
}

div#overDiv td {
	padding: 0.1em;
}

/* @group Box */

div.boxWrapper {
	margin: 0 auto;
	margin-bottom: 1em;
	width: 33%;
	background-color: #553d2f;
	border: 1px solid #beaa8e;
	text-align: justify;
}
div.boxWrapper .head {
	background-color: #3d251a;
	padding: 0.33em 0.66em;
}
div.boxWrapper .body {
	padding: 1.5em;
}

/* @group BoxExtends */

div.datesWrapper {
	width: 50%;
}

div.artistsWrapper {
	width: 66%;
	text-align: justify;
}

div.mp3Wrapper {
	margin-left: 0;
}

div.galleryNavWrapper {
	float: left;
	height: 440px;
	overflow: auto;
}

div.galleryWrapper {
	float: right;
	width: 600px;
}

/* @end */

/* @end */

/* @group Home */

div#containerHome {
	padding-top: 50px;
	margin: 0 auto;
	width: 757px;
	text-align: left;
	border: 0 none red;
}

div#containerHome div#topWrapper {
	margin: 0 auto;
	margin-bottom: 10px;
	width: 440px;
	height: 154px;
	border: 0 none red;
}

div#containerHome div#navIndexWrapper {
	/*margin-top: 10px;*/
}



/* @end */

/* @group Biographie */

div#biographieWrapper dt {
	font-weight: bold;
	display: inline;
	float: left;
}

div#biographieWrapper dd, div#biographieWrapper li {
	margin-left: 6em;
}
div#biographieWrapper dd, div#biographieWrapper li {
	padding-bottom: 0.5em;
	/*border: 1px solid red;*/
}
div#biographieWrapper ul {
	/*margin-left: 0;*/
}
div#biographieWrapper li {
	list-style-position: inside;
	list-style-type: disc;
}
/* fix für IE < 7 */
* html div#biographieWrapper dd, * html div#biographieWrapper li {
	text-indent: -0.3em;
}
/*
*+html div#biographieWrapper li, * html div#biographieWrapper li {
	margin-left: 5em;
}
*/


/* @end */

/* @group Protokolle */

dl.protokollList dt {
	float: left;
}
dl.protokollList dd {
	margin-left: 14em;
}
/* @end */

/* @group Admin */
div#adminStatus {
	position: fixed;
	top: 1em;
	left: 700px;
	border: 1px solid #817b6f;
	padding: 1em;
	background-color: #dcd4c6;
}


/* @end */

/* @end */

/* @group Navigation */

/* @end */

/* @group links */

a, a:link, a:visited {
	color: #933;
	text-decoration: none;
	font-weight: bold;
}
a:hover {
	color: #666;
	text-decoration: underline;
}

/* @end */

/* @group mailform */
input.mailtext {width: 30em;}
input.mailplz {width: 4em;}
input.mailort {width: 25.8em;}
textarea.mailtextarea {	width: 30em;}
input, textarea {
	border: 1px solid #B7B0A3;
	margin-bottom: 0.1em;
}
.formTable01 td {
	padding: 0.3em;
}
form .btn a {
	border: #B7B0A3 0.1em solid;
	background-color: #CBC2B1;
	padding: 0.3em;
}
form pre {
	color: gray;
	font: 1em "Courier New", Courier, mono;
}
/* @end */

.error {
	color: red;
	padding-bottom: 0.5em;
}
@media print {

div#topWrapper, div#flashtypo {
	display: none;
}
body.default, body.start, div#container {
	background-image: url(../img/us.gif);
	background-color: transparent;
}

}