/*	
	Copyright (c) 2007 Frank Wenzl
	MINEWORKS Filmproduktionen
	Stand 05/2008
	$Revision: 0.6.0.0 $
*/

html {
	font: 8.5pt/1.6em Arial, sans-serif;
	/* font: .71em/1.6em Arial, sans-serif; */
}

body {
	background-color: #955a20;
	color: #000000;
	padding: 0;
	margin: 0;
	/* font: .7171em/1.6em Arial, sans-serif; */
	
}

/* reset formats */
:link,:visited {
	text-decoration: none;
}

ul,ol {
	list-style: none;
}

h1,h2,h3,h4,h5,h6,h7,pre,code {
	font-size: 1em;
}

ul,ol,li,h1,h2,h3,h4,h5,h6,h7,pre,form,body,html,blockquote,hr,fieldset,input {
	margin: 0;
	padding: 0;
}

p {
	margin: .6em 0 .6em 0;
}

a img,:link img,:visited img {
	border: none;
}

address {
	font-style: normal;
}

a {
	color: #e9ddd2;
	text-decoration: none;
}

a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

h1 {
	font-size: 120%;
	margin-bottom: .8em;
	height: 1.4em;
	color: #FFFFFF;
}

h2 {
	font-size: 115%;
	height: 1em;
}

h3 {
	font-size: 110%;
	height: 1em;
}

h4 {
	font-size: 100%;
	height: 1em;
}

h5 {
	font-size: 110%;
	height: 1.2em;
}

h6 {
	font-size: 100%;
	height: 1.4em;
}

h7 {
	font-size: 100%;
	height: 1.4em;
}




.col-left {
	float: left;
	width: 48%;	
}

.col-right {
	float: right;
	width: 48%;	
}

.col-none {
	float: none;
	width: 100%;
	clear: both;	
}

.col-text {
	float: left;	
	width: 68%;
}

.col-image {
	float: right;	
	width: 160px;
}

.post-list .col-text {
	float: left;	
	width: 60%;
}


.tag-cloud {
	font-size: 120%;
}

.tag-cloud li {
	display: inline;
	float: left;
	margin: 0 .4em .4em 0;
	white-space: nowrap;
}


.site-container {
	width: 66em;
	min-width: 748px;
	margin: 4em auto;
	overflow: hidden;
	display: block;
	background-image: url('/resources/images/content-container-bg2.jpg');
	background-position: top right;
	background-repeat: repeat-y;
	background-color: #102828;
}

	#header-container {
		float: left;
		width: 100%;
		/*
		height: 174px;
		*/
		height: 15.4em;
		background-color: #102828;
		overflow: hidden;
		background-image: url('/resources/images/content-container-bg2.jpg');
		background-position: top right;
		background-repeat: repeat-y;
	}
	
	#header-container embed, #header-container object {
		width: 100%;
		height: 100%;		
	}
	
	.corner-big {
		position: relative;
		top: -177px;
		left: 0;
		z-index: 1000;
		width: 59px;
		height: 53px;
		background-image: url('/resources/images/corner-big-trans.png');
		background-position: top left;
		background-repeat: no-repeat;
	}
	
	.language-box {
		position: relative;
		left: 60em;
		top: -15em;
		display: block;
		width: 50px;
	}
	
	.language-box li {
		width: 20px;
		float: right;
	}
		
	
ul.header-nav {
	float: left;
	width: 100%;
	height: 25px;
	color: #FFFFFF;
	list-style: none;
	overflow: hidden;
}

.header-nav li {
	float: right;
	margin: 0;
	padding: 0;
	border-right: 1px solid #122d2a;	
}

.header-nav li a {
	float: left;
	height: 25px;
	background-repeat: no-repeat;
}

.header-nav li.headernav-contact a {
	width: 68px;
}

.header-nav2 li.headernav-contact a.active, .header-nav2 li.headernav-contact a:hover{

}

.header-nav li.headernav-anfahrt a {
	width: 66px;

}

.header-nav2 li.headernav-anfahrt a.active, .header-nav2 li.headernav-anfahrt a:hover{

}

ul#main-nav {
	float: left;
	width: 100%;
	height: 35px;
	list-style: none;
	margin: 0;
	padding: 0;
	background-image: url('/resources/images/mainnav-shadow-trans.png');
	background-position: top right;
	background-repeat: repeat-x;
}

	#main-nav li {
		float: left;
		height: 22px;
		padding: 0;
		margin: 0;
		border-right: 1px solid #102828;
		position: relative;
		z-index: 100;
	}
	
	.site-container ul#main-nav li a {
		display: block;
		height: 18px;
		padding: 2px 12px 2px 12px;
		color: #FFFFFF;
		text-align: center;
	}

	.site-container ul#main-nav li {
		width: 82px;
		white-space: nowrap;
	}
	
	.site-container ul#main-nav li object {
		display: block;		
		float: left;
	}
	
	.site-container ul#main-nav li .sIFR-flash {
		margin: 3px 0 0 5px;
	}
	
	.site-container ul#main-nav li:hover, .site-container ul#main-nav li a:hover {
		background-color: #955a20;
		text-decoration: none;
	}
	
	#main-nav li.active {
		background-color: #6b2f0b;
		font-weight: bold;
	}
	
	.site-container ul#main-nav li.left {
		padding-left: 22px;
		white-space: nowrap;
	}	
	
	.site-container ul#main-nav li.right {
		border-right: 1px solid transparent;
		border-left: 1px solid #102828;
		white-space: nowrap;
		float: right;
	}	
	
.site-container #content-container {
	float: left;
	width: 100%;
	padding-bottom: 2em;
	color: #FFFFFF;
	background-color: #102828;
	background-image: url('/resources/images/content-container-bg2.jpg');
	background-position: top right;
	background-repeat: repeat-y;
}

	#content-container .inner-container {
		position: relative;
		left: 4.5em;
		top: 2em;
		z-index: 10;
		float: left;
		margin: 1em 0 0 0;
		width: 56.7em;
		min-width: 644px;
		color: #000000;
		line-height: 1.4em;
	}

		.inner-container .content-box {
			position: relative;
			top: 0;
			z-index: 0;
			float: left;
			width: 100%;
			margin: 0 0 1.4em 0;
			overflow: hidden;
			
		}
		
			#box1.post-list {
				width: 69%;
			}
			
			#box2.post-list {
				float: right;
				width: 29%;
			}
		
			.content-box .box-bg {
				color: #FFFFFF;
				background-color: #955a20;
				float: left;
				width: 100%;
			}
			
			.content-box .box-bg.corner {
				background-image: url('/resources/images/corner-small.png');
				background-position: top left;
				background-repeat: no-repeat;
			}
			
			.content-box .box-bg.corner2 {
				display: block;
				background-image: url('/resources/images/corner-small2.png');
				background-position: top left;
				background-repeat: no-repeat;
			}
			
			.content-box .text {
				padding: .6em 2em;
				font: 7.6pt/1.45em Verdana, sans-serif;
				float: none;
				clear: both;
				height: auto;
			}
			
			.content-box .text td {
				font: 7.6pt/1.45em Verdana, sans-serif;
				height: auto;
			}
			
			.content-box .entry-box {
				border-bottom: 1px solid #af7d37;
				padding: .2em 0 .4em 0;
				float: left;
				clear: both;
				width: 100%;
			}
			
			.content-box .entry-box h5 {
				margin-top: 3px;	
			}
			
			.content-box #tab21 .entry-box .entry {
				width: 80%;
				float: left;
				clear: both;
			}
			
			.content-box #tab21 .entry-box .image-box {
				float: right;
				width: 18%;
				margin-top: 0;
				margin-bottom: 0;
			}
			
			.content-box .entry-box a {

			}
			
			.content-box .text h1 {
				position: relative;
				top: .4em;		
			}

			.content-box .hl-box {
				float: left;
				width: 100%;
			}
			
			.content-box h2 {
					float: left;
					width: 100%;
					height: 34px;
					clear: both;
					margin-top: 20px;
					background-image: url('/resources/images/headline-shadow-trans.png');
					background-position: top right;
					background-repeat: repeat-x;
				}
			
			.content-box h3 {
					float: left;
					width: 100%;
					height: 29px;
					clear: both;
					margin-top: 15px;
					background-image: url('/resources/images/headline-shadow-trans.png');
					background-position: top right;
					background-repeat: repeat-x;
					padding: 5px 0 0 0;
				}
				
			.content-box .entry-box h4 {
				font-size: 85%;
				margin: 0 0 5px 0;
				clear: both;
				
			}
			
			.content-box .entry-box h5 {
				font-size: 130%;
				margin: 5px 0;
				height: 1em;
			}
				
				.hl-box h3 {
					position: relative;
					top: -4px;
					z-index: 10;
					margin: 0;
				}
				
				.content-box h3 object, .hl-box h3 object {
					position: relative;
					top: 0;
					left: 20px;	
				}
				
				.content-box h2 object {
					position: relative;
					top: 3px;
					left: 20px;	
				}
				
				.hl-box .hl-box-content {
					position: relative;
					top: 0;
					z-index: 0;
				 	float: left;
					width: 100%;
				}
				
				.hl-box.withheadline {
					position: relative;
					top: 12px;
				}
				
				.hl-box.withheadline .hl-box-content {
					position: relative;
					top: -12px;
				}
				
				.hl-box .hl-box-content .hl-box-media {
					float: left;
					width: 270px;
					height: 180px;
					overflow: hidden;
					list-style: none;
				}
				
					.hl-box .hl-box-content .hl-box-media .media-entry {
					 	float: left;
						display: none;
						width: 100%;
						height: 100%;
						margin: 0;
						padding: 0;
						background-color: #333333;
					}
					
						.hl-box .hl-box-content .hl-box-media  .media-entry.active {
							display: block;
						}
				
				.hl-box .hl-box-content .hl-box-text {
				 	float: left;
					width: 404px;
					width: 373px;
					width: 32.9em;
					list-style: none;
				}
					
					.hl-box-text .text-entry {
						float: left;
						height: 44px;
						width: 100%;
						background-color: #955a20;
						color: #e9ddd2;
						border-bottom: 1px solid #af7d37;
						clear: both;
						margin: 0;
						padding: 0;
						list-style: none;
						overflow: hidden;
						font-family: Verdana,sans-serif;
						font-size: 7.6pt;
						line-height: 1.45em;
					}
					
					.text-entry a {
						color: #e9ddd2;
					}
					
					.text-entry a:hover {
						text-decoration: none;
					}

						.hl-box .hl-box-content .hl-box-text .text-entry.active {
							height: 90px;
							display: block;
							background-color: #6b2f0b;
							color: #FFFFFF;
						}
						
						.hl-box .hl-box-content .hl-box-text .text-entry.active a {
							color: #FFFFFF;
						}
						
						.text-entry h4 {
							display: block;
							width: 100%;
							height: 22px;
							font-size: 110%;
						}

						.text-entry h4 a {
							display: block;
							width: 100%;
							padding: 10px 0 0 14px;
							
						}
						
						.text-entry span a {
							display: block;
							width: 90%;
							padding: 5px 0 0 14px;
						}
						
						.text-entry .teaser a {
							height: 20px;
							height: 64px;
							height: 44px;
						}
						
						.text-entry .teaser h6 {
							padding: 3px 0 0 14px;
							font-size: 85%;
						}
												
						.text-entry .full a {
							height: 44px;						
						}


ul.image-box, ul.video-box {
	float: left;
	width: 100%;
	margin: .8em 0;
}

	ul.image-box li, ul.video-box li {
		float: left;
		border: 4px solid transparent;
		margin: 4px;
	}
	
	ul.image-box li a, ul.video-box li a {
		float: left;
		width: 80px;
		height: 61px;
		background-color: #e5e5e5;
		border: 2px solid #e5e5e5;
		overflow: hidden;
	}
		
	ul.image-box li:hover, ul.video-box li:hover {
		border: 4px solid #FFFFFF;
	}
	
	
.shadow {
    background:url(/resources/images/dropshadow.png) no-repeat bottom right;
    float:left;
}

.shadow .inner-shadow {
    display: block;
    margin: 0px 9px 9px 0px;
}

.shadow:after {
    background:url(/resources/images/dropshadow.png) left bottom no-repeat;
    display:block;
    width:18px;
    height:9px;
    content:"";
    margin:-9px 0px 0px 0px;
}

.shadow:before {
    background:url(/resources/images/dropshadow.png) top right no-repeat;
    display:block;
    height:18px;
    margin-bottom:-18px;
    content:"";
}




.accordion_toggle {
		display: block;
		height: 1.4em;
		width: 100%;
		outline: none;
		cursor: pointer;
		margin: 0;
		padding: .3em;
		background-color: #af7d37;
		border-bottom: 1px solid #6b2f0b;
	}
	
	.accordion_toggle_active {
		background-color: #6b2f0b;
	}
	
	.accordion_content {
		background-color: #955a20;
		overflow: hidden;
		margin: .3em 0 1em .3em;
	}

.accordion_content .col-left {
	margin-bottom: 15px;
}

.accordion_content .col-left img {
	margin-top: 12px;
	margin-bottom: 6px;
}

				
ul.box-tabs {
	width: 100%;
	clear: both;
	list-style: none;
	margin: 0 0 0 20px;
	padding: 0;
}

	ul.box-tabs li {
		float: left;
		clear: right;
		margin: 0;
		padding: 0;
		min-width: 25px;	
		background-color: #334a31;
		margin: 0 10px 0 0;
	}

	ul.box-tabs li object {
		display: block;		
	}
	
	ul.box-tabs li a {
		float: left;
		height: auto;
		overflow: hidden;
		text-align: center;
		border: none;
		background-color: #334a31;
		color: #c2c9c2;
		padding: .3em 1em;
		font-weight: bold;
		text-decoration: none;
		font-size: 100%;
	}

	ul.box-tabs li a:hover {
		color: #FFFFFF;
		background-color: #93500e;
		background-color: #516d4e;
	}
	
	ul.box-tabs li a:hover {
		color: #FFFFFF;
		background-color: #93500e;
		background-color: #516d4e;
	}
	
	ul.box-tabs li a.active {
		background-color: #955a20;
		color: #FFFFFF;
		height: 22px;
	}
	
	ul.box-tabs li a.active:hover {
		background-color: #93500e;
		color: #FFFFFF;
		height: 22px;
	}
	
	ul.box-tabs li .sIFR-flash {
		margin: 3px 0 0 5px;
	}
	
/* pager */

.sorting-box {
	float: left;
	width: 94%;
	margin: .5em 1em;
}

.sorting-box .pager-box {
	float: right;
	width: auto;
	text-align: right;
}

	.pager-box {
		float: right;
		width: auto;
		overflow: hidden;
		text-align: right;
		clear: both;
	}
	
		.pager-box a.active {
			float: left;
			font-weight: bold;
			background-color: #FFFFFF;
			color: #000000;
			margin: 0 .1em;
		}
		
		.pager-box a {
			float: left;
			padding: 0 .3em;
			margin: 0 .2em;
		}
		
		.pager-box a.image {
			float: left;
			padding: 0;
			margin: 0;
		}
		
		.pager-box ul {
			float: right;
			display: inline;
			width: auto;
			clear: both;
		}
	
	.pager-box ul li {
		display: inline;
	}
	
		.pager-box ul li span {
			padding-right: .43em;
		}
	
	.pager-box .pager-info {
		clear: both;
		float: right;
		text-align: right;
		width: 15em;
		height: 2em;
		font-size: 95%;
		margin: .6em 0 2em 0;
		line-height: 1.5em;
	}


.pagenav-box {
	float: right;
	clear: both;
	margin: 1em 0;
	padding: 1em;
	width: 97%;
}

	.pagenav-box input, .pagenav-box button  {
		float: right;
		margin-left: .3em;
	}
	
	.nav-box  {
		float: right;
		clear: both;
		margin: .4em 0 0 0;
		padding: .46em;
		width: auto;
	}
	
	.pagenav-box a, .nav-box a  {
		display: block;
		float: right;
		color: #e9ddd2;
		font-size: 120%;
		margin: .15em .4em;
		padding: .25em .5em;
		background-color: #996600;
	}
	
	.nav-box a  {
		float: left;
	}
	
	.pagenav-box a:hover, .nav-box a:hover  {
		color: #FFFFFF;
		background-color: #6b2f0b;
		text-decoration: none;
	}
	

a.link-create, a.link-cancel, a.link-back, a.link-detail, a.link-preview {
	background-repeat: no-repeat;
	background-position: left .3em;
	height: 1.5em;
	padding: .2em .2em .4em 1.7em;
	margin: 0 .6em 0 0;
	background-repeat: no-repeat;
	background-position: left .1em;

}

p a.link-detail {
	display: inline;
	padding: .2em .2em .4em .2em;
	margin: 0;
}

a.link-detail:hover {
	background-color: #FFFFFF;
	color: #000000;
	text-decoration: none;
}
	
a.link-back {
	float: left;
	background-image: url('/resources/icons/arrow_left.png');
}

a.link-cancel {
	background-image: url('/resources/icons/cross.png');
}

a.link-sort {
	background-image: url('/resources/icons/up_down.png');
}

a.link-detail2 {
	background-image: url('/resources/icons/page_white_magnify.png');
}

a.link-preview {
	background-image: url('/resources/icons/magnifier.png');
}


.clear {
	clear: both;	
}

		

#footer-container2 {
	position: relative;
	top: -4em;
	z-index: -1;
	float: left;
	width: 100%;
	height: 100px;
	background-color: #17312e;
	background-image: url('/resources/images/content-bg.jpg');
	background-position: bottom left;
	background-repeat: no-repeat;
	
}


