/*GLOBAL CSS LAYOUT*/

*
{
	margin:			0px;
	padding:		0px;
}

body {
	background-color:		#000;
	text-align:				center;
	color:					#fff;
	margin-left:			auto;
	margin-right:			auto;
	font-family:			Verdana, sans-serif;
	font-size:				12px;
	overflow-y:				scroll;
	overflow-x:				hidden;
}

a {
	text-decoration:		none;
}

h1 {
	font-size:				14px;
	font-weight:			bold;
	color:					#6ebcd9;
	text-shadow:			-1px -1px 0px #000;
	text-align:				left;
	margin:					20px 180px;
}

/* ##### NAVIGATION ##### */
.navi_bg {
	background-image:		url(../img/navi_bg.png);
	height:					31px;
	width:					auto;
	text-align:				center;
	margin-left:			auto;
	margin-right:			auto;
	background-repeat:		no-repeat repeat-y;
}

.navi_center {
	width:					781px;
	text-align:				center;
	margin-left:			auto;
	margin-right:			auto;
}

#home, #about, #news, #pics, #poems, #guests, #links , #contact, #imprint { 
	background-image:		url(../img/nav.png);
	float:					left;
	height:					31px;
	list-style-type:		none;
	position:				relative;
	}

#n_home, #n_about, #n_news, #n_pics, #n_poems, #n_guests, #n_links , #n_contact, #n_imprint {
	background-image:		url(../img/nav_hover.png);
	height:					31px;
	float:					left;
	opacity:				0;
	transition: 			opacity 1s ease-in;
	-webkit-transition: 	opacity 1s ease-in;
	-moz-transition: 		opacity 1s ease-in;
	-o-transition: 			opacity 1s ease-in;
	filter:					alpha(opacity=0);
	position:				relative;
}

#home, #n_home { width: 94px; background-position: 0px 0px; }

#about, #n_about { background-position: -94px 0px; width: 96px; }

#news, #n_news { background-position: -190px 0px; width: 83px; }

#pics, #n_pics { background-position: -273px 0px; width: 74px; }

#poems, #n_poems { background-position: -347px 0px; width: 98px; }

#guests, #n_guests { background-position: -445px 0px; width: 141px; }

#links, #n_links { background-position:	-699px 0px; width: 77px; }

#contact, #n_contact { background-position:	-586px 0px; width: 111px; }

#imprint, #n_imprint { background-position:	-699px 0px; width: 107px; }

#n_home:hover, #n_about:hover, #n_news:hover, #n_pics:hover, #n_poems:hover, #n_guests:hover, #n_links:hover, #n_contact:hover, #n_imprint:hover
{
	opacity:				1;
	transition: 			opacity 0.12s ease-in;
	-webkit-transition: 	opacity 0.12s ease-in;
	-moz-transition: 		opacity 0.12s ease-in;
	-o-transition: 			opacity 0.12s ease-in;
	filter:					alpha(opacity=100);
}

 /* ul#pics li ul {
    margin: 				0px;
	padding: 				0px;
	list-style:				none;
	height:					100px;
	width:					auto;
    position: 				relative;
    top: 					-30em;
    display: 				block; 
	background-color:		#fff;
	opacity:				0;
	transition: 			all 0.5s ease-in;
	-webkit-transition: 	all 0.5s ease-in;
	-moz-transition: 		all 0.5s ease-in;
	-o-transition: 			all 0.5s ease-in;
	filter:					alpha(opacity=0);
	z-index:				5;
  }

 ul#pics li:hover ul {
    display: block; 
	top: 					2.7em;
	opacity:				0.7;
	filter:					alpha(opacity=100);
	transition: 			all 1s ease-out;
	-webkit-transition: 	all 1s ease-out;
	-moz-transition: 		all 1s ease-out;
	-o-transition: 			all 1s ease-out;
  } */

#white_devider {
	background-color:		#fff;
	height:					1px;
	width:					auto;
}

/* #####	##### */

/* ##### CONTENT-BOX ##### */

.co_box {
	text-align:				center;
	margin-left:			auto;
	margin-right:			auto;
	width:					1000px;
}

.co_top_bg {
	background-image:		url(../img/co_top_bg.png);
	height:					12px;
}

.co_bg {
	background-image:		url(../img/co_bg.png);
	width:					1000px;
	height:					auto;
	margin-top:				-12px;
}

.co_top_co_bg {
	background-image:		url(../img/co_top_co_bg.png);
	width:					998px;
	height:					5px;
	text-align:				center;
	margin-left:			auto;
	margin-right:			auto;
}

/*.co_bottom_bg {
	background-image:		url(../img/co_bottom_bg.png);
	height:					20px;
	width:					998px;
	float:					left;
	padding-top:			7px;
	text-decoration:		none;
	text-align:				center;
	margin-left:			1px;
	margin-top:				-29px;
}*/

.co_bottom_bg {
	background: 			-webkit-linear-gradient(top, #052330 0%, #01151f 100%);
	background:				-moz-linear-gradient(top, #052330 0%, #01151f 100%);
	background:				-o-linear-gradient(top, #052330 0%, #01151f 100%);
	filter: 				progid:DXImageTransform.Microsoft.gradient(startColorstr='#052330', endColorstr='#01151f');
	height:					21px;
	width:					998px;
	border-bottom:			1px solid #1c2a30;
	padding-top:			7px;
	text-decoration:		none;
	text-align:				center;
	margin-left:			1px;
	margin-top:				-20px;
}

.gal_center {
	width:					640px;
	text-align:				center;
	margin:					50px auto auto auto;
}

.gallery {
	width:					650px;
	text-align:				left;
}

.gallery img {
	border:			none;
}

.gal_pix {
	width:					150px;
	height:					100px;
	margin:					5px 2px;
	opacity:				0.6;
	transition: 			all 1s linear;
	-webkit-transition: 	all 1s linear;
	-moz-transition: 		all 1s linear;
	-o-transition: 			all 1s linear;
}

.gal_pix:hover {
	opacity:				1;
	box-shadow:				0px 0px 5px #67b6ff;
	-webkit-box-shadow:		0px 0px 5px #67b6ff;
	transition: 			all 0.1s linear;
	-webkit-transition: 	all 0.1s linear;
	-moz-transition: 		all 0.1s linear;
	-o-transition: 			all 0.1s linear;
}

.f_link {
	margin:					5px;
	color:					#034a69;
	font-size:				10px;
	font-weight:			bold;
	margin-top:				20px;
	text-decoration:		none;
	transition: 			all 0.5s ease-in;
	-webkit-transition: 	all 0.5s ease-in;
	-moz-transition: 		all 0.5s ease-in;
	-o-transition: 			all 0.5s ease-in;
}

.f_link:hover {
	color:					#43a8dd;
	text-shadow:			0px -5px 3px rgba(0,0,0,1);
	transition: 			all 0.05s ease-in;
	-webkit-transition: 	all 0.05s ease-in;
	-moz-transition: 		all 0.05s ease-in;
	-o-transition: 			all 0.05s ease-in;
}
/* #####	##### */

#counter {
	float:					right;
	color:					#43a8dd;
	font-size:				10px;
	font-weight:			bold;
	margin-right:			10px;
}

.akore_lg {
	background-image:		url(../img/deco/akore23_logo.png);
	width:					500px;
	height:					120px;
	margin-left:			auto;
	margin-right:			auto;
	text-align:				center;
}

#logo {
	background-position:		0px 0px;
	height:						120px;
	margin-top:					10px;
}

#welcome {
	background-image:			url(../img/welcome.png);
	margin:						20px auto 20px auto;
	height:						26px;
	width:						164px;
}

.txt_norm {
	width:						620px;
	color:						#fff;
	text-align:					justify;
	line-height:				25px;
	margin-left:				auto;
	margin-right:				auto;
}

.txt_z {
	width:						477px;
	text-align:					center;
	margin-top:					40px;
	margin-left:				auto;
	margin-right:				auto;
	margin-bottom:				30px;
}

.txt_tiny {
	width:						620px;
	text-align:					justify;
	margin-top:					20px;
	margin-left:				auto;
	margin-right:				auto;
	margin-bottom:				50px;
	font-size:					10px;
	line-height:				13px;
	letter-spacing:				1px;
}

.choose_txt {
	background-image: 			url(../img/choose_txt.png);
	width:						318px;
	height:						35px;
	margin:						40px auto 50px auto;
}

#choose_darkness {
	background-image:			url(../img/choose.png);
	margin-top:					10px;
	margin-left:				200px;
	float:						left;
	width:						183px;
	height:						60px;
}

#choose_lightness {
	background-image:			url(../img/choose.png);
	background-position:		-185px 0px;
	margin-top:					10px;
	margin-left:				40px;
	float:						left;
	width:						194px;
	height:						60px;
}

#choose_reality {
	background-image:			url(../img/choose.png);
	background-position:		-379px 0px;
	margin-top:					10px;
	margin-left:				40px;
	float:						left;
	width:						137px;
	height:						60px;
}

.gal_subline {
	text-align:					center;
	margin-bottom:				10px;
	font-size:					10px;
	font-weight:				bold;
	letter-spacing:				5px;
	text-shadow:				1px 3px 2px #000;
}

.poems_link {
	color:						#fff;
	font-weight:				bold;
	font-size:					12px;
	transition: 				all 2s ease-in;
	-webkit-transition: 		all 2s ease-in;
	-moz-transition: 			all 2s ease-in;
	-o-transition: 				all 2s ease-in;
	text-shadow:				1px 2px 2px #000;
}

.poems_link:hover {
	text-shadow:				0px -5px 2px #000;
	color:						#43a8dd;
	transition: 				all 0.01s ease-in;
	-webkit-transition: 		all 0.01s ease-in;
	-moz-transition: 			all 0.01s ease-in;
	-o-transition: 				all 0.01s ease-in;
	
}

.poems_info {
	color:						#fff;
	font-weight:				bold;
	font-size:					10px;
	margin-top:					2px;
	text-shadow:				1px 2px 1px #000;
}

.footer_copy {
	width:						1000px;
	font-size:					10px;
	font-weight:				bold;
	margin:						-12px 0px 0px -7px;
	color:						#034a69;
	text-align:					right;
}

.txt_notice {
	font-size:					9px;
	width:						658px;
	margin-left:				auto;
	margin-right:				auto;
	}

.date {
	margin-left:				100px;
	font-size:					11px;
	font-weight:				bold;
	display:					block;
	width:						120px;
	float:						left;
}

.date_link {
	font-size:					11px;
	font-weight:				bold;
	display:					block;
	float:						left;
}

.info_form {
	width:						150px;
	margin-left:				90px;
	font-weight:				bold;
	font-size:					11px;
	display:					block;
	float:						left;
	text-align:					left;
}

.input_form {
	width:						300px;
	display:					block;
	float:						left;
}

.form {
	width:						130px;
}

.deco_left {
	background-image:			url(../img/deco/deco_left.png);
	width:						345px;
	height:						550px;
	position:					absolute;
	margin-left:				-163px;
}

.deco_right {
	background-image:			url(../img/deco/deco_right.png);
	width:						345px;
	height:						485px;
	position:					absolute;
	margin-left:				818px;
}

#fb_button {
	width:						300px;
	height:						100px;
	border:						none;
	overflow:					hidden;
	margin-top:					30px;
}

#schreib_was {
	background-image:			url(../img/schreib_was.png);
	width:						128px;
	height:						35px;
	float:						left;
	margin-top:					20px;
}
#schreib_was:hover {
	background-image:			url(../img/schreib_was_h.png);
}

.line {
	width:						auto;
	height:						1px;
	color:						#fff;
	background-color:			#fff;
}