/*Resets and overrides
=======================*/
* {
	margin: 0;
	padding: 0;
}
img { 
	border: none; 
}
/*Links and type
=======================*/
body {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 0.8em;
	background-image: url(../images/page/bg.jpg);
	background-position: top;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-color: #e2d8c2;
}
a {  text-decoration: none; color: #000; font-weight: bold;}
a:hover { text-decoration: none;  color: #fff; background-color:#6f4c22;}

h1 { font-size: 200%; font-weight: normal; padding: 10px 0 5px 0; }
h2 { font-size: 150%; font-weight: normal; margin: 30px 0 20px 0; }
h2 a { text-decoration: none; font-weight: normal; }
h3 { font-size: 165%; margin: 5px 0 5px 0;  font-weight: normal;}
h3 a { text-decoration: none; font-weight: normal; }
h4 { clear: left; text-align: right; font-weight: normal; padding: 0 0 10px 0; }
h5 { clear: left; font-style: italic; font-size: 140%; margin-bottom: 10px; font-weight: normal; }

#main p { line-height: 1.5; text-align: left; margin-bottom: 15px; }
hr { height:0px; clear:left; margin: 0 0 10px 0; border-top: solid #666 1px;  }

/*Main layout
=======================*/
#page {
	width: 850px;
	margin: 30px 0 0 30px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	position: absolute;
	left: 50%;
	margin-left: -425px;
	z-index: 2;
}
#main_top { margin-top: 20px; width: 560px; height:10px; background-image: url(../images/page/back_top.png); }

#main {
	background-color: #FFF;
	width: 510px;
	padding: 0 25px 0 25px;
	margin: 0;
}
#main_bottom { width: 560px; height:10px; background-image: url(../images/page/back_bottom.png); background-repeat: no-repeat; }
#boxes {
	width: 270px;
	float: right;
}
#footer { margin-top: 100px;}

#band {
	background-image: url(../images/page/norman.png);
	width: 477px;
	height: 428px;
	position: fixed;
	bottom: 0px;
	left:0px;
	z-index: 1;
}
#band2 {
	background-image: url(../images/page/ben.png);
	width: 477px;
	height: 428px;
	position: fixed;
	bottom: 0px;
	right:0px;
	z-index: 1;
}

/*layout
=======================*/
.callbox {
	background-image: url(../images/page/back.png);
	
	padding: 10px 10px 10px 10px;
	height: 250px;
	margin-top: 20px;
	overflow: hidden;
}
#index { width: 900px; }
#index .callox { float:left; width: 270px; margin-right: 20px; }

.gallery { border: 1px solid #fff; margin: 0 0 20px 0; float:left; padding: 4px 4px 4px 4px; text-align: center; }
.gallery:hover { border: 1px solid #6f4c22; }
.gallery a { display: block; font-size: 100%; font-weight: normal; }
.gallery a:hover { text-decoration:none; }

.video { border: 1px solid #fff; margin: 0 15px 20px 0; float:left; padding: 4px 4px 4px 4px; text-align: center; }
.video:hover { border: 1px solid #6f4c22; }
.video a { display: block; font-size: 100%; font-weight: normal; }
.video a:hover { text-decoration:none; }
	
.kommentar { background-color: #eee; padding: 5px 10px 5px 10px; border: 1px solid #ddd; margin: 0 0 20px 0; }
.kommentar p { }
.kommdate { font-size: 80%; margin-bottom: 10px; }	

.e-mail { display: none; }

.rubrik_table td{ padding: 5px; }
.gallery_table td{ padding: 10px; }

#imprint { margin: 20px 0 5px 20px; color: white; font-size: 90%; }
	#imprint a { color: white; }

/*listen
=======================*/
.callbox ul { list-style-type:none; border-top: 1px solid #6f4c22; }
.callbox ul li {  font-size: 120%; }
.callbox ul li a { display:block; padding: 5px 2px 5px 5px; border-bottom: 1px solid #6f4c22; text-decoration: none; font-weight: normal; }
.callbox ul li a:hover {  background-color: #6f4c22; color: #fff; text-decoration: none;font-weight: normal;  }

.bandliste ul { list-style-type:none; margin: 0 0 15px 0; border-top: 1px solid #6f4c22; }
.bandliste ul li {  }
.bandliste ul li a { text-decoration: none; display:block; padding: 3px 0px 2px 5px; border-bottom: 1px solid #6f4c22; font-weight: normal; }
.bandliste ul li a:hover {  background-color: #6f4c22; color: #fff; text-decoration: none;font-weight: normal; }

.liste ul { list-style-type:none; margin: 0 0 15px 0; border-top: 1px solid #6f4c22; }
.liste ul li {  }
.liste ul li a { text-decoration: none; display:block; padding: 3px 0px 2px 5px; border-bottom: 1px solid #6f4c22;font-weight: normal;  }
.liste ul li a:hover {  background-color: #6f4c22; color: #fff; text-decoration: none;font-weight: normal; }

#seitenzahl { text-align: center; margin-bottom: 30px; margin-top: 30px; }
#seitenzahl ul { list-style-type:none; }
#seitenzahl ul li { margin-right: 5px; display:inline-block; }
#seitenzahl ul li a { background-color: #6f4c22; color: #fff; padding: 1px 5px 1px 5px; border: 1px solid #6f4c22;font-weight: normal; }
#seitenzahl ul li a:hover { background-color: #fff; color: #6f4c22; border: 1px solid #6f4c22; text-decoration: none;font-weight: normal; }
#seitenzahl .aktiv { background-color: #fff; color: #6f4c22; border: 1px solid #6f4c22; text-decoration: none;font-weight: normal; }
	
.callbox .date { float:left; margin-right: 10px;}

/*bilder
=======================*/
.minipic { width: 175px; float: left; margin: 0 15px 10px 0; }
.mainpic { width: 510px; margin: 0 0 15px 0; }
.gallerypic { width: 145px; }
.uebersichtpic { width: 500px; height: 130px; margin: 0; }
.kommpic { width: 80px; float: left; margin: 0 15px 10px 0; }
.callbox img { width: 250px; }

/*Form elements
=======================*/
input { margin: 5px 0 10px 0; }
textarea { width: 510px; height: 150px; margin: 5px 0 10px 0; }
.rechn { width: 20px; }

/*Miscellaneous
=======================*/
.left { float: left; }
.right { float: right; }
.clear { clear: both; }