@charset "utf-8";
/* -------------------------------------------------------------- */
/* extra fonts 
/* -------------------------------------------------------------- */

@font-face {
    font-family: Viking;
    src: url(/media/fonts/VIKINGN0.eot);
}

@font-face {
    font-family: Carolingia;
    src: url(/media/fonts/CAROLIN0.eot);
}

@font-face {
    font-family: BankGothic Md BT;
    src: url(/media/fonts/BANKGOT0.eot);
}

/* -------------------------------------------------------------- */
/* common
/* -------------------------------------------------------------- */

body
{
	margin:0px;
	overflow:auto;
	background-color:#000000;
	background-image:url(/media/bg.jpg);
	background-position:left top;
	background-repeat:repeat-x;
	background-attachment:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
}

body, td
{
	font-family: BankGothic Md BT, Tahoma, Verdana, Arial;
	font-size:18px;
	color:white;
}

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

a:hover, a.selected
{
	color:#da251c;
}

a img
{
	border:0;
}

img { filter:expression(addPngImage(this)) }

/* -------------------------------------------------------------- */
/* common
/* -------------------------------------------------------------- */

.fullSize
{
	width:100%;
	height:100%;
}

.left
{
	float:left;
}

.right
{
	float:right;
}

.transparent
{
	filter:alpha(opacity=100); /* IE */
	-moz-opacity:1; /* Gecko-Browser */
	opacity:1; /* Opera 9+ */
}

.nottransparent
{
	filter:alpha(opacity=100); /* IE */
	-moz-opacity:1; /* Gecko-Browser */
	opacity:1; /* Opera 9+ */
}

.padding
{
	padding:20px;
}

/* -------------------------------------------------------------- */
/* choose
/* -------------------------------------------------------------- */

#choose
{
	background-image:url(/media/bgChoose.jpg);
}

#choose .border
{
	z-index:1;
	position:absolute;
	top:0;
	left:0;
	width:160px;
	height:100%;
	display:block;
	background-color:#ffffff;
	filter:alpha(opacity=30); /* IE */
	-moz-opacity:0.3; /* Gecko-Browser */
	opacity:0.3; /* Opera 9+ */
}

#choose .logo
{
	position:absolute;
	left:100px;
	top:80px;
	z-index:2;
}

#choose .catalogue
{
	position:absolute;
	left:160px;
	top:340px;
	z-index:2;
	display:block;
}

#choose .catalogue .box
{
	position:relative;
	margin-left:170px;
	font-size:18px;
}

#choose .catalogue .spacer
{
	height:30px;
}

#choose .catalogue .download 
{
	position:absolute;
	top:0;
	left:0;
}

#choose .catalogue .download img
{
	border:0;
}

#choose .signature
{
	position:absolute;
	left:320px;
	top:100px;
	z-index:2;
}

/* -------------------------------------------------------------- */
/* master
/* -------------------------------------------------------------- */

#master .border
{
	z-index:0;
	position:absolute;
	top:0;
	left:0;
	width:220;	
	bottom:0;
	display:block;
	height:100%;
	background-color:#ffffff;
	border-right:1px solid black;
	filter:alpha(opacity=30); /* IE */
	-moz-opacity:0.3; /* Gecko-Browser */
	opacity:0.3; /* Opera 9+ */	
}

#master .menuColumn
{
	z-index:1;
	position:absolute;
	top:0;
	left:0;
	width:220;
	bottom:0;
	height:100%;
	border-right:2px solid #ff0000;
}

#master .menuColumn .items
{
	position:absolute;
	top:200;
	left:20;	
	width:180;
	height:510;
	overflow-x:hidden;
	overflow-y:auto;
	text-align:right;
}

#master .menuColumn .items .header
{
	color:white;
	font-size:22px;
}

#master .menuColumn .items a
{
	font-size:18px;
}

#master .menuColumn .items a.active
{
	color:#ff0000;
	text-decoration:none;
}

#master .menuColumn .items .header.active
{
	color:#ff0000;
}

#master .menuColumn .items .spacer
{
	height:30px;
}

#master .contentColumn
{
	z-index:1;
	position:absolute;
	top:0;
	left:220;
	bottom:0;
	height:100%;
	right:0;
	display:block;
	bottom:0;
}

#master .container
{
	height:100%;
	width:100%;
}

#master .box
{
	height:760px;
	border-bottom:2px solid #878384;
	position:relative;
}

#master .logo
{
	position:absolute;
	top:0;
	left:30;	
	z-index:3;
}

#master .logoShadow
{
	position:absolute;
	top:10;
	left:40;	
}

#master .impressum
{
	position:absolute;
	bottom:10;
	text-align:left;
	margin-left: 20px;
	font-size:22px;
}

#master .menuRow
{
	height:60px;
	font-size:18px;
}

#master .menuRow .items
{
	padding:20px;
}

#master .menuRow a
{
	text-decoration:none;
	font-family: Viking-Normal, Viking, Carolingia, Times New Roman;	
}

#master a.inactive
{
	color:white;
}

#master a.active
{
	text-decoration:underline;
	color:#b5b4b2;
}

#master a.inactive:hover
{
	color:#b5b4b2;
}

#master .contentRow
{
	height:680px;
	overflow-x:hidden;
	overflow-y:auto;
	position:relative;
	vertical-align:middle;
}

#master .contentRow .pageContent
{
	padding:20px;
}

#master .footerRow
{
	height:	30px;	
	line-height:30px;
}

#master .footerRow .copyright
{
	margin-top: 10px;
	text-align:left;	
	font-size:16px;
	margin-left: 20px;
}

#master .footerRow .copyright .sign
{
	font-family:Arial;	
}

#master .footerRow .address
{
	margin-top: 10px;
	margin-right: 20px;
	text-align:right;	
	font-size:20px;
}

/* -------------------------------------------------------------- */
/* default content
/* -------------------------------------------------------------- */

#master .contentRow p
{
	margin-top:20px;
}

#master .contentRow img
{
	filter:alpha(opacity=100); /* IE */
	-moz-opacity:1; /* Gecko-Browser */
	opacity:1; /* Opera 9+ */
}

#master .contentRow a:hover img
{
	filter:alpha(opacity=100); /* IE */
	-moz-opacity:1; /* Gecko-Browser */
	opacity:1; /* Opera 9+ */
}

/* -------------------------------------------------------------- */
/* content
/* -------------------------------------------------------------- */

#master .header
{
	font-size:22px;
	color:#ff0000;
	padding-bottom:20px;
}

#master .header2
{
	font-size:22px;
	color:white;
}

/* -------------------------------------------------------------- */
/* about
/* -------------------------------------------------------------- */

#about .images
{
	width:320px;
}

#about .images img
{
	margin-bottom:4px;
}

#about .text
{
	width:400px;
}

/* -------------------------------------------------------------- */
/* about
/* -------------------------------------------------------------- */

#contact .text
{
	width:600px;
}

#contact .images
{
	vertical-align:bottom;
	text-align:center;
}

/* -------------------------------------------------------------- */
/* impressum
/* -------------------------------------------------------------- */

#impressum
{
	padding-right:400px;
}

#impressum .logos
{
	position:absolute;
	right:0;
	top:0;
	width:400px;
	text-align:center;
}

#impressum .infos
{
	padding-top:50px;
	font-size:14px;
}

/* -------------------------------------------------------------- */
/* fotogallery
/* -------------------------------------------------------------- */

#fotogallery
{	
	position:relative;
	height:600px;
}

#fotogallery .container
{
}

#fotogallery .image
{
}

#fotogallery .overview
{
	position:relative;
	height:500px;
}

#fotogallery .overview .thumbnails
{
	position:absolute;
	overflow-x: auto;
	overflow-y: hidden;
	height:520px;
	width:940px;
}

#fotogallery .overview .thumbnails .images
{
	float:left;
	margin-right:3px;
	display:inline;
	white-space:nowrap;
}

#fotogallery .overview .thumbnails .images img
{
	margin-right:3px;
}

#fotogallery .overview .thumbnails .list
{
	float:left;
	margin-right:3px;
	display:inline;
	white-space:nowrap;
}

#fotogallery .details 
{
	position:relative;
	height:620px;
}

#fotogallery .details .thumbnails
{
	position:absolute;
	height:110;
	width:895px;
	left:25;
	right:0;
	bottom:0;
	overflow-x: auto;
	overflow-y: hidden;
	padding-top:4px;
	border-top:1px dotted #666666;
	border-bottom:1px dotted #333333;
	border-left:1px dotted #333333;
}

#fotogallery .details .navigation
{
	position:absolute;
	height:100;
	width:20px;
	left:0;
	right:0;
	bottom:0;
	overflow-x: hidden;
	overflow-y: hidden;
}

#fotogallery .details .thumbnails .images
{
	float:none;
	display:inline;
	white-space:nowrap;
}

#fotogallery .details .thumbnails .images img
{
	border:2px solid black;
	filter:alpha(opacity=70); /* IE */
	-moz-opacity:0.7; /* Gecko-Browser */
}

#fotogallery .details .thumbnails .images img.active
{
	border:2px solid white;
	filter:alpha(opacity=100); /* IE */
	-moz-opacity:1; /* Gecko-Browser */
	opacity:1; /* Opera 9+ */
}