/*ALLGEMEINES*/

body {
		text-align:			center;
		font-size:			11px;
		font-family:		Arial;
		background-color:	#FFFFFF;
		margin:				0;
		padding:			10px;
		min-width:			640px;
		vertical-align: 	middle;
		text-decoration: 	none;	
	}

a { color: #0B4D8C; text-decoration: underline; } 


.skip { /* Da ein wichtiger Screenreader das display: none; auch f�r sich versteht und nichts vorlie�t obwohl das hier sich vor allem an Blinde richtet, muss man es so l�sen dass man diesen Link au�erhalb des Sichtfeldes bringt. Somit wird er trotzdem vorgelesen. */
		position:			absolute;
		margin-left:		-999px;
		width:				990px;
	}

h1 {
		font-size:			20px;
		font-weight:		normal;
		line-height:		24px;
		padding:			11px 0px 11px 10px;
		margin:				0 0 10px 0;
		border-bottom:		1px dotted #aaa;
	}

h2, h3, h4 { font-weight: normal; }

h1, h2, h3, h4, h5, h6 {
		color: 				#000000;
		font-family: 		Arial
	}

img {
		border:				solid 0px #aaa;
		padding:			1px;
		max-width:			95%;
}

.ad {
		letter-spacing:		-0.2em;
	}

/*SPEZIELLES*/
#root {
		width: 				980px;
		height:				auto;
		margin:				1px;
		padding:			1px 0px 5px;
		text-align:			justify;
		background-color: 	#FFFFFF;
		border: 			1px solid #FF8C00;
		-moz-border-radius: 0px;
		-khtml-border-radius: 0px;
		-webkit-border-radius: 0px;

	}

#head_img {
		margin:				0px 15px 0px 15px;
		width:				950px;
		height:				171px;
		background-image:	url(../gfx/global/header_2011a.png);
		background-repeat:	no-repeat;
		background-position:bottom;
		line-height:		80px;
		text-align:			left;
		overflow:			hidden;
	}

#head_img h1 {
		position: 			relative;
		top: 				-34px;
		left:				350px;
		color:				#272574;
		font-size:			25px;
		font-weight:		bold;
		letter-spacing:		2.3px;
		vertical-align:		top;
		margin:				0px;
		padding:			0px;
		text-decoration:	none;
		/*text-shadow:		#222222 2px 2px 2px;*/
		border: 			0px;
	}

#head_img a {
		position: 			relative;
		top: 				118px;
		left:				765px;
		color:				#EF8401;
		font-size:			1.5em;
		font-weight:		normal;
		letter-spacing:		0em;
		vertical-align:		top;
		padding:			130px 15px 10px 10px;
		text-decoration:	none;
	}

/*SPEZIELLES*/

#body {

		height:				auto;
		max-width:			930px;
		width:				930px;

		text-align:			justify;

		margin:				5px 15px 0px 15px;

		padding: 			10px 10px 10px;

		border: 			0px solid #ff00ff;

/*		background-image: 	url(../gfx/global/fade_white.png);
		background-repeat: 	repeat-x;*/

		background-color: 	#ffffff;
		-moz-border-radius: 0px;
		-khtml-border-radius: 0px;
		-webkit-border-radius: 0px;
	}



#nav {
		float: 			left;

		width: 				124px;
		height: 			245px;

/*		text-align:			center;*/

		margin: 			5px 0px 0px 0px;
		padding: 			0px 5px;

		border: 			0px solid #ffa500;
        color: 				#000000;

		/*background-color: #330033;*/
	}

#nav a {
       	font-size:			12px;
		font-family:		Arial;
		font-weight: 		bold;

		color:				#000000;
		line-height:		30px;
		text-decoration:	none;
		text-align:			center;

		width: 				124px;
		height: 			30px;
		margin: 			auto;
		margin: 			1px 1px 1px;
		padding: 			0px;
       	border: 			0px solid #ffa500;
		border-style: 		outset;
		vertical-align: 	middle;
		text-shadow:		#999999 1px 1px 1px;


		display: 			block;
		/*background-color: 	#EFEFEF;/*#E2E2E2;*/
		-moz-border-radius: 5px;
		-khtml-border-radius: 5px;
		-webkit-border-radius: 5px;
	}

#nav ul {
		width: 				124px;
		height: 			auto;
		float:				right;
		text-align:			center;
		vertical-align:		middle;
		list-style: 		none;
		text-align:			left;
		margin: 			0px 0px 10px;
		padding: 			0px;
		border: 			0px solid #ffa500;
		background-color:	#ffffff;
		z-index:			100;
	}

#nav li {
		position: 			relative;
		width: 				124px;
		height: 			30px;
		float: 				left;
		margin: 			0px auto 10px;
		padding: 			0px;
		border:				0px solid #000000;
		/*border-left:		3px solid #E2FFE2;*/
		background-color:	#ff992b;/*#E2E5DE;*/
		-moz-border-radius: 5px;
		-khtml-border-radius: 5px;
		-webkit-border-radius: 5px;
                 vertical-align: middle;
                 text-align: left;

	}

#nav li:hover {
	/*border-left:			3px solid #27277D;*/
	/*background-color:		none;*/
	vertical-align: 		middle;
	text-align: 			center;
	}


#nav  li:hover a{
		color:				#ffffff;
		background-color:	#ff992b;
	}

/* - Sponsoren - */
#sponsor {
		float:				right;

		width:				125px;
		min-height:			600px;
		height:				auto;

		text-align:			center;

		margin:				5px 0px 10px 0px;

		padding:			5px 5px 5px 5px;

		border:				0px solid #aaa;
		background-color:	#E2E5DE;
		-moz-border-radius: 0px;
		-khtml-border-radius: 0px;
		-webkit-border-radius: 0px;

}

#sponsor img {
	margin:					5px auto 5px;
	display:				block;
	width:					119px;
	height:					auto;
	}


/*---------------------------------------------------------*/
/*---------------------COOOOOOONTENT-----------------------*/
/*---------------------------------------------------------*/
.area {
	border: 0px dashed green;
}
#content {
		position:			static;
		min-height:			600px;
		height:				auto;
		width:				639px;
		text-align:			justify;

		margin:				5px auto 1px;
		padding:			5px 5px 5px 5px;

		border:				0px solid #FFA500;
		background-color:	#E2E5DE;
		-moz-border-radius: 0px;
		-khtml-border-radius: 0px;
		-webkit-border-radius: 0px;
	}

#content h2 {
		color:				#000000;
		padding:			5px;
		margin:				auto;
		height:				auto;
		font-size:			16px;
		font-weight:		bold;
		text-decoration:	none;
		text-align: 		center;
	}

#content h2 span{
		letter-spacing:		-0.2em;
	}

#content h3 {
		color:				#000000;
		padding:			5px 5px 5px 30px;
		margin:				auto;
		height:				auto;
		font-size:			14px;
		font-weight:		bold;
		text-decoration:	none;
		text-align: 		left;
	}

#content h1 span{
		letter-spacing:		-0.2em;
	}

#content p {
		display: block;
		color:				#000000;
		padding:			5px 40px 5px 40px;
		margin:				auto;
		height:				auto;
		font-size:			12px;
		font-weight:		normal;
		text-decoration:	none;
		text-align: 		justify;
	}

#content a:link{
		color:				#27277D;
		font-weight:		bold;
		text-decoration:	none;
}

#content a:visited{
		color:				#27277D;
		font-weight:		bold;
		text-decoration:	none;
}

#content a:link span{
		letter-spacing:		-0.2em;
	}

#content a:visited span{
		letter-spacing:		-0.2em;
	}

#content img {
	margin:					15px 25px 10px 50px;

	width:					225px;
	height: 				auto;


	}

#content .sort {
	position: relative;
	float: left;
	width: 536px;
	height: auto;
	margin: 0px;
}
#content .sort p {
	text-align: left;
}
#content .spalte_links  {
	float:					left;
	position:				relative;
	width:					241px;
	height: 				auto;
	margin: 				10px;
	display:				block;
}

#content .spalte_rechts {
	float:					right;
	position:				relative;
	width:					241px;
	margin: 				10px;
}

#content ul {
text-align: center;
text-decoration: none;
}

#content li{
		margin: 			5px;
		padding: 			0px;
		list-style: 		none;
		display: 			inline-block;
		float: 				none;
		width: 				70px;
		height: 			auto;
		border: 			0px dotted #999999;
	}

/*---------------------------------------------------------*/
/*------------------------GALLIEN--------------------------*/
/*---------------------------------------------------------*/

/*Backgroundfeld*/
#gallien {
		position: 			static;
		height:				auto;
		min-height:			20px;
		width:				779px;
		text-align:			justify;
		margin:				5px auto 1px;
		margin-right: 		0px;
		padding:			5px;

		background-color:	#E2E5DE/*#EFEFEF*/;
		-moz-border-radius: 0px;
		-khtml-border-radius: 0px;
		-webkit-border-radius: 0px;
	}

#thumbs {
		text-align: 		center;
		position: 			relative;
		margin: 			0px auto 5px;
		padding: 			3px;
		width:				auto;
		border-bottom: 		1px dotted #999999;
		display: 			block;
		vertical-align: 	top;
	}


#thumbs li{
		margin: 			5px;
		padding: 			0px;
		list-style: 		none;
		display: 			inline-block;
		float: 				none;
		width: 				70px;
		height: 			50px;
		border: 			1px dotted #999999;
	}

#thumbs li div{
visibility: hidden;
}

#thumbs li:hover div, #thumbs li:active div, #thumbs li:focus div{
visibility: visible;
}


#thumbs .tn{
		position: relative;
		margin: 0px;
		padding: 1px;
		height: 48px;
		width: 68px;
	}

#thumbs .pic_area{
		text-align: center;
		vertical-align: bottom;
		display: inline;
		position: absolute;
		top: 100%;
		left: 325px;
		height: 270px;
		width: 400px;
		margin: 10px 0 0 0;
		border: 0px dashed #f0f;
}

#thumbs .pic_text{
		text-align: center;
		vertical-align: top;
		display: inline;
		position: absolute;
		top: 100%;
		left: 0px;
		height: 170px;
		width: 250px;
		margin: 10px 0 0 0;
		padding: 100px 0 0 0;
		border-right: 1px dotted #999999;
}
#thumbs .pic_text a{
		text-decoration: none;
		color: #000000;
}

#thumbs .big{
		position: static;
		/*height: auto;
		width: 400px;
		min-height: 150px;
		max-height: 400px;*/
		margin: auto;
		padding: 0px;
		border: 0px solid black;
}


/*---------------------------------------------------------*/
/*---------------------FOOOOOOOOOOTER----------------------*/
/*---------------------------------------------------------*/

#footer {
		position: 			static;
		height:				10px;
		width:				950px;

		text-align:			right;

		margin:				0px 15px 0px 15px;
		padding:			3px 0px 0px 0px;

		border-top:			1px dotted #685C8C;
		display: block;
	}

#footer li {
		float:				right;
		height:				14px;
		width:				100px;

		text-align:			center;

		list-style:			none;
		display:			inline-block;

		margin:				0px 0px 0px 0px;
		padding:			0px 0px 0px 10px;

		border-left:		2px solid #000000;
	}
#footer li a {
		color: 				#000000;
		text-decoration:	none;
	}

#footer li a:hover {
		color: 				#aaaaaa;
		text-decoration:	none;
	}