/*
	By: nweb.se
	Project: Administration
-------------------------------------------------*/

html, body { height: 100%; }

body { padding:0; margin:0; font: 0.700em Arial, "Trebuchet MS", Verdana, sans-serif; color: #fff; background: #d0d5db url('../layout/hohenthal/bg_body.gif') top left repeat-x;}

#container {
	margin: 0 auto;
	padding: 0 15px;
	min-height: 100%;
	width: 990px;
	background: url('../layout/hohenthal/bg_container.png') 0 0 repeat-y; }



/* header & navigation
-------------------------------------------------*/

#top {
	height: 25px;
	margin: 0 -15px;
	border-left: 15px solid #000;
	border-right: 15px solid #000;
	background: #fff url('../layout/hohenthal/bg_top.gif') center left no-repeat; }



#header {
	padding: 0 15px 83px 15px;
	margin: 0 -15px;
	background: #000 url('../layout/hohenthal/bg_header.gif') bottom left no-repeat; }

	#header div { height: 182px; background: top left no-repeat; }
	#header h1 { display:none; font-size: 1.2em; font-weight: bold; color: #fff; margin:0; padding:0; }
	#header p { display:none; margin: 0px 0 0 0; padding: 0; }


#logotype  {
	position: absolute;
	z-index: 2000;
	margin: 190px 0 0 690px;
	width: 249px;
	height: 65px;
	cursor:pointer;
	background: url('../layout/hohenthal/bg_logotype.gif') center center no-repeat; }



#nav {
	margin: 10px 12px 0px 22px;
	height: 18px; }

	#nav ul { list-style: none; padding:0; margin:0; }

	#nav a {
		display: block;
		margin: 0 auto;
		padding: 2px 18px 2px 2px;
		background:transparent;
		font-size: 1em;
		font-weight:bold;
		color: #feca05;
		text-decoration:none; }

	#nav li {
		padding: 0 0 3px 0;
		float: left;
		padding: 0; }

		#nav li:hover {  }
		  #nav li:hover a { text-decoration: underline; }

		#nav li.focus, #nav li.focus:hover, #nav li.hover { }
		#nav li.focus {  }

		  #nav li.focus a { color: #fff; text-decoration: none; }

		#nav li.highlight a { text-decoration: underline; }

	#nav li.nav-first { }

	#nav li ul {
		margin: 0px 0 0 0px;
		clear:left;
		display: none;
		position: absolute; 
		width: 120px;
		border: 1px solid #caccff;
		border-top: 0; }

	#nav li > ul { top: auto; left: auto; }



	/* navigation second-level */

	#nav li:hover ul, #nav li.hover ul { display: block; }

	#nav li ul li {
		width: 100%;
		margin: 0;
		padding: 0;
		background: #d7d9ff;
		border:0;
		border-top: 1px solid #caccff; }

	#nav li ul li a, #nav li.focus ul li a {
		color: #fff;
		display:block;
		width: 100%;
		font-size: 0.9em;
		font-weight: normal;
		text-align: left;
		padding: 0px 4px; }

		#nav li ul li:hover, #nav li ul li.hover {
			background: #c8cbff;
			border:0;
			border-top: 1px solid #caccff; }

			#nav li ul li a:hover { text-decoration: underline; }

		#nav li ul li.focus { 
			background: #c8cbff;
			border:0;
			border-top: 1px solid #caccff; }

			#nav li ul li.focus a { text-decoration: none; }







/* content & footer
-------------------------------------------------*/

#main { padding: 10px 0 0 24px; background: #000 url('../layout/hohenthal/h_icon_2.gif') 930px 30px repeat-y;}

	#content, #sidebar, #sideinfo {
		margin: 0 30px 0 0;
		padding: 0;
		float: left;
		overflow:hidden;
		display: block;
		line-height: 14px; }

	#content { background: #000; width: 760px; }
		#content.page-content { margin: 0 0px 0 0px; }


	#sidebar { display:none; width: 340px; }

		#sidebar .content-box {
			padding: 10px 0 0 0;
			margin: 10px 0 0 0; }

	#sideinfo {	width: 176px; margin: 0; background: #000;}
		#sideinfo * { border:0; }



#footer {
	clear: both;
	margin: 8px 14px 0 14px;
	padding: 12px 14px;
	color: #999; }





/* text markup
-------------------------------------------------*/
a {
	font-weight: bold;
	color: #ffc704;
	text-decoration: none; }

	a:hover { text-decoration: underline; }
	a.large { font-size:120%; font-weight:bold; }



h1, h2, h3, h4, h5 {
	color: #feca05;
	font: 1.7em Arial, Georgia, Verdana;
	font-weight: bold;
	margin: 0 0 3px 0; }

	h2 { font-size: 1.5em; }
	h3 { font-size: 1.4em; }
	h4 { font-size: 1.3em; }
	h5 { font-size: 1.2em; }

	h1 span, h2 span, h3 span, h4 span, h5 span { color: #808080; }
	h1 .large, h2 .large, h3 .large, h4 .large, h5 .large { font-size: 130%; }
	h1 .small, h2 .small, h3 .small, h4 .small, h5 .small { font-size: 80%; }

.h-info, .h-box {
	padding: 0;
	margin: 0 0 3px 0;
	font-size: 0.8em;
	color: #999; }

	.h-box { padding: 2px 3px; border: 1px solid #e1e1e1; background: #fafafa;}

p { padding: 2px 6px 8px 6px; }

.content { margin: 4px 0 10px 0; }
.content-0 { margin: 4px 14px; }
.content-1 { margin: 10px 14px; }
.content-2 { margin: 16px 14px; }

.mini { font-size: 80%; line-height: 10px; }
.small { font-size: 90%; }
.fade { color: #ccc; }


/* misc
-------------------------------------------------*/

	img { border: 0px solid #666; }
	a:hover img { border: 0px solid #000; }
	img.pageImg { margin: 6px; }
		img.pageImgLeft { align:left; margin: 8px 10px 6px 0; }
		img.pageImgRight { align: right; margin: 8px 0 6px 10px; }
		img.nM { margin: 0; }	
	.page-content img {  }



.box {
	padding: 3px 4px;
	margin: 0 0 4px 0;
	background: #fafafa;
	border: 1px dashed #e1e1e1; }

.verifybox, .notebox {
	padding: 3px 4px;
	background: #fffde9;
	border: 1px dashed #e1e1e1; }



table.divide { width: 100%; text-align: left; }
	table.divide td.d-left { padding: 0 10px 0 0; vertical-align: top; }
	table.divide td.d-right { padding: 0 0 0 10px; vertical-align: top; }
	table.divide td.d-middle { vertical-align: middle; }

	table.divide td.dw-form { width: 350px; }
	table.divide td.d-split { width: 50%; }

	table.divide td.column0 { width:auto; }
	table.divide td.column1 {}


div.divider {
	display: block;
	margin: 6px 10px;
	border-top: 1px dashed #e1e1e1; }

#note {
	position: absolute;
	padding: 10px;
	z-index: 400;
	margin: 160px 0 0 200px;
	width: 300px;
	background: #fffde9;
	border: 1px dashed #999;
	cursor:pointer; }

	div#note:hover { border-color: #ff0000; }





/* inputs
-------------------------------------------------*/

input[type=text],input[type=file], input[type=submit],input[type=password],
select,
textarea {
	padding: 3px;
	margin: 0 2px 2px 0;
	background: #fff;
	border: 1px solid #999;
	font-size: 100%;
	color: #999; }

	input:focus, select:focus, textarea:focus {
		border: 1px solid #ccc;
		color: #000; }

	input.note-this, textarea.note-this{
		background: #fffde9;
		border: 1px dashed #e1e1e1;
		color: #000; }

	input[type=text].notimportant { background: #fafafa; }


	#content input[type=text], #content input[type=password], #content textarea { width: 300px; }

	#sidebar input[type=text], #sidebar input[type=password], #sidebar textarea { width: 170px; }
	textarea { height: 100px; }
	input[type=checkbox], input[type=radio] { margin: 2px 2px 2px 0;  }
	#content select { width: 308px; padding: 2px; }
	#sidebar select { width: 170px; padding: 2px; }

	input.iw1, select.iw1 { width: 160px; }
	#content input.i50 { width: 165px; }
	#content select.i50 { width: 173px; }

input[type=submit], input.submit {
	padding: 2px 10px;
	margin: 4px 10px 6px 0;
	background: #f1f1f1;
	border-color: #e1e1e1;
	font-size: 80%;
	color: #666; }

	input[type=submit]:hover, input.submit:hover { border-left-color: #e1e1e1; border-top-color: #e1e1e1; border-bottom-color: #999; border-right-color: #999; color: #444; }






	/* page properties
	-------------------------------------------------*/

	body.p10 #container, body.p16 #container { 
			width: 900px;
			background: #fff url('../layout/hohenthal/bg_container-900.gif') 0 0 repeat-y; }	

	body.p10 #content, body.p16 #content { width: 649px; background: #fff;}

	body.p10 #note, body.p16 #note { margin: 160px 0 0 305px; }

	body.p16 #footer { display:none; }
	body.p16 #content { width: 900px; border:0; padding:0; }
	body.p16 #sidebar { display:none; }


	body.pshop #content, body.pshop #main { width: 900px; padding: 0; }
	  body.pshop #nav, body.pshop #header, body.pshop #sidebar, body.pshop #logotype { display:none; }


	body.p22 #content { width: 530px; }
	body.p22 #sidebar { display:block; width: 200px; }

	body.p12 #content { width: 410px; }
	body.p12 #sidebar { display:block; width: 320px; }

	body.p24 #content { width: 410px; }
	body.p24 #sidebar { display:block; width: 320px; }


	/* extras
	-------------------------------------------------*/

	#home-content { }
	.blognews-box { margin: 20px 0 10px 0; padding: 20px 0 0 0; border-top: 2px solid #d0d5db; }
	    .blognews-box .content { margin: 8px 0 8px 0; padding:0; }
	    .blognews-box .img_pos { margin: 8px 0 8px 0; border-bottom: 2px solid #d0d5db; padding: 0 0 8px 0;  height: 90px; overflow:hidden;}
	    #home-latest .first { margin: 0 0 10px 0; border:0; }
	    #event-news .first { margin: 8px 0 10px 0; padding:0; border:0; }

	#home-event-new {}

	.event-box { padding: 4px 2px 4px 20px; border-bottom: 2px solid #d0d5db; background: center right no-repeat; line-height: 17px; }
		.event-box strong { color: #000; }
		.event-box img { padding: 0; margin:-1px 0 0 0; border:0; float: right; height: 36px; width: 130px; }

	#home-event-recent {}

	#event-recentphotos div { }

	#event-content { margin: 0 0 16px 0; padding: 0 0 16px 0; border-bottom: 2px solid #d0d5db; }


	#viewmedia {}
		#viewmedia h3 { margin: 0 0 10px 0; }
		#viewmedia .vm-img { margin: 0 0 10px 0; }