/**
*	CSS Stylesheet for gotsoul - normal style
*
*	@author	Markus Konrad <mako@mako-home.de>
*/


/* MISC */
.nowrap
{
	white-space:		nowrap;
}

.mini, small
{
	font-family:		"Small Fonts", arial, helvetica, sans-serif;
	font-size:			8px;
}

.hide
{
	visibility:			hidden;
}

.error
{
	color:				#AA0B05;
}

.ok
{
	color:				#29550A;
}

div.spacer, .clear
{
	clear:				both;
}

a img
{
	text-decoration:	none;
}

img
{
	border:				0;
}

img.imgbox
{
	border: 1px solid #000000;
}

img.icon
{
	border:				0;
	width:				16px;
	height:				16px;
}

img.icon_l
{
	border:				0;
	width:				16px;
	height:				16px;
	margin-left:		3px;
}

img.icon_r
{
	border:				0;
	width:				16px;
	height:				16px;
	margin-right:		3px;
}

img.icon_margin
{
	width:				16px;
	height:				16px;
	margin:				2px;
}

img.box, div.box
{
	border:				1px solid #990000;
	margin:				3px;
}

div.imgbox
{
	border:				1px solid #000000;
	background-color:	#000000;
	color:				#FFFFFF;
	text-align:			center;
	margin:				5px;
	font-family:		"Small Fonts", arial, helvetica, sans-serif;
	font-size:			9px;
}

object, embed
{
	margin:				0;
	padding:			0;
}

.clear
{
	clear:				both;
}

.left
{
	float:				left;
}

.right
{
	float:				right;
}

.center
{
	margin-left:		auto;
	margin-right:		auto;
	text-align:			center;
}

.inline
{
	display:			inline;
}

.center
{
	text-align:			center;
	margin-left:		auto;
	margin-right:		auto;
}

/* GENERAL PAGE LAYOUT */
html, body
{
	margin:				0;
	padding:			0;
	height:				100%;
	width:				100%;
}

body
{
	font-family:		"Bitstream Vera Sans", arial, helvetica, sans-serif;
	font-size:		12px;
	color:			#000000;
	background-color: 	#C5A900;
	text-align:		center;
	background-image:	url(../img/mann-v2.jpg);
	background-position: 	bottom right;
	background-repeat:	no-repeat;
	background-attachment:	fixed;
}

#header
{
	background-color: 		#C5A900;
	width:				100%;
	height:				171px;
	text-align:			center;
}

#logo
{
	width:				509px;
	height:				171px;
	background-image:	url(../img/logo.jpg);
	text-align:			center;
	background-position:center top;
	background-repeat:	no-repeat;
	margin-left:		auto;
	margin-right:		auto;
}	

#logo h1
{
	margin:				0;
	padding:			0;
}

#logo h1 span
{
	display:			none;
}

#datum
{
	width:				200px;
	height:				165px;
	background-image:	url(../img/datum.gif);
	text-align:			center;
	background-position:right top;
	background-repeat:	no-repeat;
	position:			absolute;
	top:				0px;
	right:				60px;
}	

#datum h2
{
	margin:				0;
	padding:			0;
}

#datum h2 span
{
	display:			none;
}

#mainmenu
{
	text-align:			center;
	width:				100%;
	height:				19px;
	border-top:			10px solid #29550A;
	border-bottom:		10px solid #AA0B05;
	background-color: 	#C5A900;
	font-size:			15px;
	font-family:		"Courier New", "Times New Roman", sans-serif;
}

#mainmenu div
{
	display:			inline;
	width:				75px;
	height:				19px;
	padding-left:		5px;
	padding-right:		5px;
}

#mainmenu div a
{
	height:				19px;
	text-decoration:	none;
}

#mainmenu div a span
{
	visibility:			hidden;
}

#mainmenu div a.festival
{
	background-image:	url(../img/menu/festival.gif);
	background-repeat:	no-repeat;
	background-position:0px -20px;
	width:				68px;
}


#mainmenu div a.tickets
{
	background-image:	url(../img/menu/tickets.gif);
	background-repeat:	no-repeat;
	background-position:0px -20px;
	width:				64px;
}

#mainmenu div a.lage
{
	background-image:	url(../img/menu/lage.gif);
	background-repeat:	no-repeat;
	background-position:0px -20px;
	width:				44px;
}

#mainmenu div a.sponsoren
{
	background-image:	url(../img/menu/sponsoren.gif);
	background-repeat:	no-repeat;
	background-position:0px -20px;
	width:				80px;
}

#mainmenu div a.gaestebuch
{
	background-image:	url(../img/menu/gaestebuch.gif);
	background-repeat:	no-repeat;
	background-position:0px -20px;
	width:				80px;
}

#mainmenu div a.kontakt
{
	background-image:	url(../img/menu/kontakt.gif);
	background-repeat:	no-repeat;
	background-position:0px -20px;
	width:				68px;
}

#mainmenu div a:hover
{
	background-position:0px 0px;
}

#main
{
	margin-left:		auto;
	margin-right:		auto;
	text-align:			left;
	width:				600px;
	background-color: 		#D8C554;
	border-left:			3px solid #000000;
	border-right:			3px solid #000000;
	border-bottom:			3px solid #000000;
	background-image:		url(../img/mann-v4.jpg);
	background-position: 		bottom right;
	background-repeat:		no-repeat;
	background-attachment:		fixed;
}

#submenu
{
	text-align:			center;
	font-size:			12px;
	font-weight:		bold;
	text-transform:		uppercase;
	background-color:	#D2BD3B;
	height:				23px;
	padding-top:		5px;
}

#submenu a, #pagenavi a
{
	color:				#000000;
	text-decoration:	none;
	border-bottom:		2px solid #000000;
}

#submenu a:hover, #submenu a.act, #pagenavi a:hover
{
	text-decoration:	none;
	border-bottom:		2px solid #AA0B05;
}

#main h1
{
	margin:0;
	text-decoration:	none;
	height:				30px;
	padding-top:		5px;
	padding-left:		5px;
	background-color:	#D2BD3B;
	font-size:			20px;
	font-weight:		bold;
	text-transform:		uppercase;
}

#content
{
	padding:			5px 10px 20px 10px;
}

#pagenavi
{
	clear:				both;
	font-size:			12px;
	font-weight:		bold;
	text-transform:		uppercase;
	margin-top:			10px;
	background-color:	#D2BD3B;
	height:				23px;
	padding-top:		5px;
	background-image:		url(../img/mann-v5.jpg);
	background-position: 		bottom right;
	background-repeat:		no-repeat;
	background-attachment:		fixed;
}

#pagenavi .left
{
	float:				left;
	width:				40%;
	text-align:			left;
	padding-left:		20px;
	background-image:	url(../img/arrow-left.gif);
	background-position: bottom left;
	background-repeat:	no-repeat;
}

#pagenavi .right
{
	float:				right;
	width:				40%;
	text-align:			right;
	padding-right:		20px;
	background-image:	url(../img/arrow-right.gif);
	background-position: bottom right;
	background-repeat:	no-repeat;
}

#pagenavi .cancel
{
	float:				left;
	width:				40%;
	text-align:			left;
	padding-left:		20px;
	background-image:	url(../img/cancel.gif);
	background-position: bottom left;
	background-repeat:	no-repeat;
}

#content h1
{
	font-size:			17px;
	font-weight:		bold;
	text-transform:		uppercase;
	background-color:	#D8C554;
	border-bottom:		5px solid #29550A;
	padding:			0px;
	width:				100%;
	margin-bottom:		20px;
	text-decoration:	none;
}


#content h2
{
	font-size:			17px;
	font-weight:		bold;
	text-transform:		uppercase;
	margin-top:			10px;
	text-decoration:	none;
}

#content h3
{
	font-size:			14px;
	font-weight:		bold;
	text-transform:		uppercase;
	text-decoration:	none;
}

#content h4
{
	font-size:			12px;
	font-weight:		bold;
	margin-bottom:		0px;
	text-decoration:	none;
}

#content hr
{
	clear:				both;
	margin:				20px 80px 20px 80px;
	border:				2px solid #D2BD3B;
}

a h1, a h2, a h3, a h4
{
	text-decoration:	none;
}

a, #content a
{
	color:				#000000;
	text-decoration:	underline;
}

a:hover, #content a:hover
{
	color:				#000000;
	text-decoration:	none;
}

#content p.inetlink
{
	padding-left:		20px;
	background-image:	url(../img/arrow-right.gif);
	background-position: bottom left;
	background-repeat:	no-repeat;
	font-size:			12px;
	text-transform:		uppercase;
}

#content q
{
	font-style:			italic;
}

#content table td
{
	padding:			3px 5px 3px 5px;
}

#content table th
{
	text-align:			left;
	padding:			13px 5px 3px 5px;
}

#content div.pagenav
{
	/*background-color:	#FBDB78;*/
	padding:			2px 5px 2px 5px;
	margin-top:			12px;
	margin-bottom:		18px;
}

#content div.pagenav ul
{
	margin:				0;
	display:			inline;
}

#content div.pagenav ul li
{
	display:			inline;
	margin-right:		4px;
	padding:			4px;
}

#content div.item
{
	padding:			2px;
	margin-bottom:		15px;
	margin-left:		30px;
	margin-right:		30px;
}

#content div.item div.left
{
	float:				left;
	text-align:			left
}

#content div.item div.right
{
	float:				right;
	text-align:			right
}

#content div.item div.title
{
	color:				#000000;
	font-weight:		bold;
	font-style:			italic;
	font-size:			12px;
	text-align:			left;
	/*border-bottom:		1px solid #000000;*/
	background-color:	#D2BD3B;
}

#content div.item div.itemcontent
{
	padding:			5px 0px 5px 0px;
}

/* FORM ELEMENTS */

input, textarea, select
{
	border:					1px solid #000000;
	background-color:		#F8F5E1;
	padding:				2px 4px 2px 4px;
	font-family:			"Courier New", Courier, monospace;
}

input.checkbox
{
	border:					1px solid #000000;
	background-color:		#F8F5E1;
}

input.btn
{
	font-family:			arial, helvetica, sans-serif;
	border:					1px solid #29550A;
	border-bottom:			2px solid #29550A;
	background-color:		#C5A900;
	color:					#000000;
	font-weight:			bold;
	font-size:				13px;
	text-transform:			uppercase;
	padding:				1px 4px 1px 4px;
	margin:					1px 4px 1px 4px;
}

input.btn:hover
{
	border:					1px solid #AA0B05;
	border-bottom:			2px solid #AA0B05;
}