body {
	margin: 0;
	padding: 0; 
	border:0;
	font: normal 0.7em/1.4em Verdana, Arial, Sans Serif, Helvetica; 
	background: #fff url(/art/bg_site.gif) repeat-y top left;
}

a { outline:none; }

a,
a:link,
a:visited,
a:active {color:#666; text-decoration:none;}

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

#site_all {
	width:900px;
}

.site_left {
	float:left;
	width:130px;
	padding:0 20px 0 0;
	text-align:right;
}

.site_right {
	float:left;
	width:750px;
	text-align:left;
}

.clear {
	clear:both;
	height:0px;
}

.space10 {
	clear:both;
	height:10px;
}

.space20 {
	clear:both;
	height:20px;
}

.space50 {
	clear:both;
	height:50px;
}

b {
	color:#000;
}




.logo {
	position: absolute;
	text-align:center;
	top: 20px;
	left:0px;
	height: 100px;
	width: 930px;
}

.menu {
	position: absolute;
	left: 0px;
	top: 120px;
	height: 30px;
	width: 930px;
	border-bottom: 1px solid #B8C0C5;
}

.menu1, .menu1sel {
	font-family: Verdana, Arial, Sans Serif, Helvetica;
	font-size: 13px;
	line-height: 1.4em;
	font-weight: bold;
}

.menu1 a,
.menu1 a:link,
.menu1 a:visited,
.menu1 a:active {color:#b8c0c5; text-decoration:none;}

.menu1 a:hover {color:#cd9000; text-decoration:none;}

.menu1sel a,
.menu1sel a:link,
.menu1sel a:visited,
.menu1sel a:active {color:#cd9000; text-decoration:none;}

.menu1sel a:hover {color:#b8c0c5; text-decoration:none;}

.menu2, .menu2sel {
	font-family: Verdana, Arial, Sans Serif, Helvetica;
	font-size: 11px;
	line-height: 1.4em;
	font-weight: bold;
}

.menu2 a,
.menu2 a:link,
.menu2 a:visited,
.menu2 a:active {color:#b8c0c5; text-decoration:none;}

.menu2 a:hover {color:#cd9000; text-decoration:none;}

.menu2sel a,
.menu2sel a:link,
.menu2sel a:visited,
.menu2sel a:active {color:#cd9000; text-decoration:none;}

.menu2sel a:hover {color:#b8c0c5; text-decoration:none;}


.container {
	position:absolute;
	top:160px;
	left:auto;
	width:930px;
	text-align:left;
}

.menu2 {
	float: left;
	left: 0px;
	top: 0px;
	width: 160px;
}


.content {
	position:relative;
	width:670px;
	float: left;
}

.smallblockleft {
	float:left;
	width:200px;
	margin-right:10px;
}

.smallblockright {
	float:left;
	width:200px;
	margin-left:10px;
}

.largeblock {
	float:left;
	width:460px;
}

.datatable td {
	vertical-align:top;
	padding:0 0 15px 0;
}

.hd {
	padding:10px 0px 5px 0px;
	font-family: Verdana, Arial, Sans Serif, Helvetica;
	font-size: 34px;
	line-height: 1.4em;
	font-weight: normal;
	color: #cd9000;
}
.shd {
	padding:10px 0px 5px 0px;
	font-family: Verdana, Arial, Sans Serif, Helvetica;
	font-size: 14px;
	line-height: 1.4em;
	font-weight: bold;
	color: #cd9000;
}

.text {
	padding:2px 0px 3px 0px;
	font-family: Verdana, Arial, Sans Serif, Helvetica;
	font-size: 12px;
	line-height: 1.4em;
	font-weight: normal;
	color: #666;
}

.borderbottom {
	border-bottom:1px solid #bbb;
}

.half_left {
	float:left;
	width:370px;
	margin-right:5px;
}

.half_right {
	float:left;
	width:370px;
	margin-left:5px;
}

.quarter {
	float:left;
	width:180px;
	margin-left:5px;
}


.iconhalf_left {
	background:#fff url(/art/pfeil.gif) no-repeat left center;
	float:left;
	width:355px;
	padding-left:15px;
	margin-right:5px;
}
.iconhalf_right {
	background:#fff url(/art/pfeil.gif) no-repeat left center;
	float:left;
	width:355px;
	padding-left:15px;
	margin-left:5px;
}

.picflow {
	width:670px;
	height:94px;
	overflow:auto;
	float:left;
}

.atext a,
.atext a:link,
.atext a:visited,
.atext a:active {
	color: #000000;
	text-decoration:underline;
}

.atext a:hover {
	color: #ffffff;
}

.siteutil {
	padding:5px 20px 0 20px;
	font-family: Verdana, Arial, Sans Serif, Helvetica;
	font-size: 10px;
	line-height: 1.4em;
	font-weight: normal;
	color: #ffffff;
	float:right;
}

.siteutil a,
.siteutil a:link,
.siteutil a:visited,
.siteutil a:active {
	color: #ffffff;
	text-decoration:none;
}
	
.siteutil a:hover {
	color: #000000;
}

.teaser {
	position:relative;
	width:100px;
	float: left;
}
.teaseritem {
	border-bottom: 1px solid #FFFFFF;
	clear:both;
}


.footer {
	margin:25px 0 0 0;
	position:relative;
	width:930px;
	height:25px;
}

.floatnone {
    float: none;
    clear: both;
    width: 1px;
    height: 1px;
    margin: 0;
    padding: 0;
    font-size: 0px;
    line-height: 0px;
}

.bold {
	font-weight:bold;
}

.error {
	color:#ff0000;
	font-weight:bold;
}

.head {
	font-weight:bold;
	padding:10px 0 0px 0;
}

.data {
	padding:5px 0 5px 0;
}

img {
	border:0;
}

.tdcont {
	padding:5px 0 0 0;
	vertical-align:top; 
}

.inputwidth {
	font-family:Verdana, Arial, Sans Serif, Helvetica;
	font-size:11px;
	color:#000000;
	text-decoration:none;
	background-color:#ffffff;
	border:solid 1px #c0c0c0;
	height:16px;
}

.showreel_top {
	width:230px;
	height:10px;
	background-color:#e52b38;
}

.showreel_pic {
	width:218px;
	height:143px;
	padding:5px;
	border:1px solid #eee;
}

.showreel_text {
	width:218px;
	height:80px;
	padding:5px 0;
	color:#666;
}

.showreel_button {
	width:218px;
	height:23px;
}


div.scrollable {
	position:relative;
	overflow:hidden;
	width: 750px;
	height:280px; 
}  
/*     root element for scrollable items. Must be absolutely positioned     and it should have a super large width to accomodate scrollable items.     it's enough that you set width and height for the root element and     not for this element. */ 
div.scrollable div.items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
}  
/*     a single item. must be floated on horizontal scrolling     typically this element is the one that *you* will style     the most. */ 
div.scrollable div.items div.itemcont {
	float:left;
	width:250px;
	height:250px; 
}  
/* you may want to setup some decorations to active item */
/*div.items div.active {
	background-color:#eee; 
}*/

a.prev, a.next, a.prevPage, a.nextPage {
	display:block;
	width:18px;
	height:18px;
	background:url(/art/left.png) no-repeat;
	float:left;
	margin:2px 5px 2px 0;
	cursor:pointer;
	font-size:1px;
}

/* mouseover state */
a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover {
	background-position:0px -18px;		
}

/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
}

/* next button uses another background image */
a.next, a.nextPage {
	background-image:url(/art/right.png);
	clear:right;	
}

/* position and dimensions of the navigator */
div.navi {
	float:right;
	margin:18px 20px 0 0;
	width:60px;
	height:17px;
}


/* items inside navigator */
div.navi a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(/art/navigator.png) 0 0 no-repeat;
	display:block;
	font-size:1px;
	cursor:pointer;
}

/* mouseover state */
div.navi a:hover {
	background-position:0 -8px;
}

/* active state (current page state) */
div.navi a.active {
	background-position:0 -16px;
} 	


#overpic
	{ width:550px; height:360px; border:1px solid #e52b38; float:left; }

.slideshow { width:550px; height:360px; border-bottom:1px solid #e52b38; }
#nav { margin:2px 20px; float:right; }
#nav a { background-color: #0097df; color:#fff; text-decoration: none; margin: 0px 1px 0 0; padding: 3px 5px;  }
#nav a.activeSlide { background-color: #e52b38; }
#nav a:focus { outline: none; }

#overhd
	{ width:530px; height:30px; padding:0 10px; margin-top:-5px; }

#overtext
	{ width:530px; height:262px; overflow:auto; padding:0 10px; color:#666; }
	
/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#ccc;}

#colorbox{}
    #cboxContent{margin-top:32px;}
        #cboxLoadedContent{background:#000; padding:1px;}
        #cboxLoadingGraphic{background:url(/art/loading.gif) center center no-repeat;}
        #cboxLoadingOverlay{background:#000;}
        #cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
        #cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(/art/controls.png) 0 0 no-repeat;}
        #cboxPrevious{background-position:0px 0px; right:44px;}
        #cboxPrevious.hover{background-position:0px -25px;}
        #cboxNext{background-position:-25px 0px; right:22px;}
        #cboxNext.hover{background-position:-25px -25px;}
        #cboxClose{background-position:-50px 0px; right:0;}
        #cboxClose.hover{background-position:-50px -25px;}
        .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
        .cboxSlideshow_on #cboxSlideshow.hover{background-position:-100px -25px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
        .cboxSlideshow_off #cboxSlideshow.hover{background-position:-75px -25px;}