/*
__Internet Explorer 6 PNG Fix__
*/
body{
	behavior: url('/cms-site/Templates/Pages/palindrom.ch/includes/csshover3.htc');
}
img, div, a, h2, h3, h4, #contact p{
	behavior: url('/cms-site/Templates/Pages/palindrom.ch/includes/iepngfix.htc');
}

/*
__Utils__
*/
.clear{
	clear:both;
}
.hidden{
	display:none;
}
.flash, .flash *{
	outline:none;
}
.left{
	float:left;
}
.right{
	float:right;
}
.teammember{
	margin-top:20px;
	overflow:hidden;
}

/*
__General__
*/
html, body{
	margin:0;
	padding:0;
	height:100%;
}
body{
	position:relative;
	text-align:left;
	margin:0;
	background-repeat: no-repeat;
	background-position:top center;
	font-size:12px;
	color:#000000;
	font-family:Arial, Verdana, Sans-Serif;
	background-color:#ffffff;
}

/*Link*/
a:active, 
a:focus{
	outline: 0;
}
a.pdf,
a.link{
	padding:0 0 0 22px;
	background-repeat:no-repeat;
	background-position:left center;
}
a.pdf{
	background-image:url('../images/icon/pdf.png');
}
a.link{
	background-image:url('../images/icon/link.png');
}

a{
	color:#249ca9;
	text-decoration:none;
}
a:hover{
	color: #525252;
}

ul.spaced li{
	margin-bottom: 5px;
}
ul.nobullets{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
div.centered{
	text-align:center;
}

/*Headings*/
h1{
	font-size:22px;
	font-weight:lighter;
	padding:0;
	margin-top:0;
	margin-bottom:18px;
}
h2{
	font-size: 20px;
	font-stretch: ultra-condensed;
	padding:0;
	margin-bottom:18px;
	margin-top:0px;
	color:#333333;
}
h3{
	padding:0;
	margin:13px 0 13px 0;
	font-size:14px;
	font-stretch: ultra-condensed;
}
h4{
	padding:0;
	margin:13px 0 13px 0;
	font-weight:bold;
	font-size:11px;
	border-bottom:1px solid #c3c3c3;
	color:#383838;
}

/*Paragraph*/
p{
	font-size:12px;
	margin-top:0;
	line-height:16px;
}
p a:link{
	color:#78a7dc;
	text-decoration:none;
}
p a:visited{
	color:#78a7dc;
	text-decoration:none;
}
p a:hover{
	color:#d4e1f0;
}

/*Table*/
table{
	line-height:24px;
	width:100%;
}
table th{
	color:#fff;
	border-bottom:1px solid #fff;
}
table td{
	border-bottom:1px solid #414141;
}

/*Table Horizontal*/
table.horizontal th{
	border-bottom:1px solid #414141;
}

/*Table Headings*/
table td a.project{
	display:block;
	width:100%;
}
table th.project{
	width:33%;
}
table th.sections{
	width:33%;
}
table th.customer{
	width:33%;
}


/*
__Pages__
*/
body.page_home #container{
	background-image: url('../images/background/home.jpg');
}

/*Home*/
body.page_home{
	background-color: #ffffff;
	color:#525252;
}
body.page_home h2, 
body.page_home h3,
body.page_home h4,
body.page_home h5{
	color:#222222;
}
body.page_home h4{
	border-color:#c3c3c3;
}
body.page_home h1#logo a{
	background-image:url('../images/logo/home.png');
}
body.page_home a{
	color:#d81010;
}
body.page_home a:hover{
	color:#ed5050;
}
body.page_home table th{
	color:#000000;
	border-color:#000000;
}
body.page_home table.horizontal th{
	border-color:#000000;
}
body.page_home #container{
	background-image: url('../images/background/home.jpg');
}
body.page_home #center{
	margin-top:0px;
}
body.page_home .infoblock{
	background-image:url('../images/infoblock/home.jpg');
	padding-top:40px;
}
body.page_home .sidebar_box{
	border-color: #ebebeb;
	/*background-color:#ebebeb;*/
}
body.page_home #sub_navigation,
body.page_home #sub_navigation a{
	border-color:#cacaca;
}
body.page_home #sub_navigation a span{
	color:#848484;
}
body.page_home #footer{
	background-image:url('../images/footer/background.gif');
}
body.page_home div.paging a.next{
	background-image:url('../images/slidebox/next.gif');
}
body.page_home div.paging a.previous{
	background-image:url('../images/slidebox/previous.gif');
}
body.page_home div.paging{
	background-image:url('../images/slidebox/background.gif');
}
body.page_home div.paging ul li a:hover,
body.page_home div.paging ul li.active a{
	background-image:url('../images/slidebox/active.gif');
}
body.page_home #references a.all{
	background-image:url('../images/references/all/home.png');
}
body.page_home #contact .anfahrt{
	background:url('../images/footer/text/anfahrt_home.png') no-repeat;
}
body.page_home #container {
	padding-bottom:450px;
}


/*3D*/
body.page_3d{
	background-color: #000000;
	color:#b2b2b2;
}
body.page_3d h2, 
body.page_3d h3,
body.page_3d h4,
body.page_3d h5{
	color:#ffffff;
}
body.page_3d h4{
	border-color:#3c3c3c;
}
body.page_3d h1#logo a{
	background-image:url('../images/logo/three_d.png');
}
body.page_3d a{
	color:#3b7294;
}
body.page_3d a:hover{
	color:#629cc0;
}
body.page_3d table th{
	color:#ffffff;
	border-color:#ffffff;
}
body.page_3d table.horizontal th{
	border-color:#ffffff;
}
body.page_3d #container{
	background-image: url('../images/background/three_d.jpg');
}
body.page_3d.copter #container{
	background-image: url('../images/background/copter.jpg');
}
body.page_3d .infoblock{
	background-image:url('../images/infoblock/three_d.png');
	padding-top:40px;
}
body.page_3d .sidebar_box{
	border-color: #2d2d2d;
	/*background-color:#2d2d2d;*/
}
body.page_3d #sub_navigation,
body.page_3d #sub_navigation a {
	border-color:#232323;
}
body.page_3d #footer{
	background-image:url('../images/footer/dark/background.gif');
}
body.page_3d div.paging a.next{
	background-image:url('../images/slidebox/dark/next.gif');
}
body.page_3d div.paging a.previous{
	background-image:url('../images/slidebox/dark/previous.gif');
}
body.page_3d div.paging{
	background-image:url('../images/slidebox/dark/background.gif');
}
body.page_3d div.paging ul li a{
	color: #8d8d8d;
}
body.page_3d div.paging ul li a:hover,
body.page_3d div.paging ul li.active a{
	color:#ffffff;
	background-image:url('../images/dark/slidebox/active.gif');
}
body.page_3d #references a.all{
	background-image:url('../images/references/all/three_d.png');
}
body.page_3d #contact .anfahrt{
	background:url('../images/footer/text/anfahrt_three_d.png') no-repeat;
}


/*Video*/
body.page_video{
	background-color: #000000;
	color:#b2b2b2;
}
body.page_video h2, 
body.page_video h3,
body.page_video h4,
body.page_video h5{
	color:#ffffff;
}
body.page_video h4{
	border-color:#3c3c3c;
}
body.page_video h1#logo a{
	background-image:url('../images/logo/video.png');
}
body.page_video a{
	color:#a73441;
}
body.page_video a:hover{
	color:#ce5e6a;
}
body.page_video table th{
	color:#ffffff;
	border-color:#ffffff;
}
body.page_video table.horizontal th{
	border-color:#ffffff;
}
body.page_video #container{
	background-image: url('../images/background/video.jpg');
}
body.page_video .infoblock{
	background-image:url('../images/infoblock/video.jpg');
	padding-top:40px;
}
body.page_video .sidebar_box{
	border-color: #2d2d2d;
	/*background-color:#2d2d2d;*/
}
body.page_video #sub_navigation,
body.page_video #sub_navigation a {
	border-color:#232323;
}
body.page_video #footer{
	background-image:url('../images/footer/dark/background.gif');
}
body.page_video div.paging a.next{
	background-image:url('../images/slidebox/dark/next.gif');
}
body.page_video div.paging a.previous{
	background-image:url('../images/slidebox/dark/previous.gif');
}
body.page_video div.paging{
	background-image:url('../images/slidebox/dark/background.gif');
}
body.page_video div.paging ul li a{
	color: #8d8d8d;
}
body.page_video div.paging ul li a:hover,
body.page_video div.paging ul li.active a{
	background-image:url('../images/slidebox/dark/active.gif');
}
body.page_video #references a.all{
	background-image:url('../images/references/all/video.png');
}
body.page_video #contact .anfahrt{
	background:url('../images/footer/text/anfahrt_video.png') no-repeat;
}


/*Internet*/
body.page_internet{
	background-color: #ffffff;
	color:#525252;
}
body.page_internet h2, 
body.page_internet h3,
body.page_internet h4,
body.page_internet h5{
	color:#222222;
}
body.page_internet h4{
	border-color:#c3c3c3;
}
body.page_internet h1#logo a{
	background-image:url('../images/logo/internet.png');
}
body.page_internet a{
	color:#1a79bb;
}
body.page_internet a:hover{
	color:#67b6ed;
}
body.page_internet table th{
	color:#000000;
	border-color:#000000;
}
body.page_internet table.horizontal th{
	border-color:#000000;
}
body.page_internet #container{
	background-image: url('../images/background/internet.png');
}
body.page_internet .infoblock{
	background-image:url('../images/infoblock/internet.jpg');
	padding-top:40px;
}
body.page_internet .sidebar_box{
	border-color: #ebebeb;
	/*background-color:#ebebeb;*/
}
body.page_internet #sub_navigation,
body.page_internet #sub_navigation a{
	border-color:#cacaca;
}
body.page_internet #sub_navigation a span{
	color:#848484;
}
body.page_internet #footer{
	background-image:url('../images/footer/background.gif');
}
body.page_internet div.paging a.next{
	background-image:url('../images/slidebox/next.gif');
}
body.page_internet div.paging a.previous{
	background-image:url('../images/slidebox/previous.gif');
}
body.page_internet div.paging{
	background-image:url('../images/slidebox/background.gif');
}
body.page_internet div.paging ul li a:hover,
body.page_internet div.paging ul li.active a{
	background-image:url('../images/slidebox/active.gif');
}
body.page_internet #references a.all{
	background-image:url('../images/references/all/internet.png');
}
body.page_internet #contact .anfahrt{
	background:url('../images/footer/text/anfahrt_internet.png') no-repeat;
}


/*Company*/
body.page_company{
	background-color:#ffffff;
	color:#525252;
}
body.page_company h2, 
body.page_company h3,
body.page_company h4,
body.page_company h5{
	color:#222222;
}
body.page_company h4{
	border-color:#c3c3c3;
}
body.page_company h1#logo a{
	background-image:url('../images/logo/company.png');
}
body.page_company a{
	color:#ec6a02;
}
body.page_company a:hover{
	color:#fc8a2f;
}
body.page_company table th{
	color:#000000;
	border-color:#000000;
}
body.page_company table.horizontal th{
	border-color:#000000;
}
body.page_company #container{
	background-image: url('../images/background/company.jpg');
}
body.page_company .infoblock{
	background-image:url('../images/infoblock/company.jpg');
	padding-top:40px;
}
body.page_company .sidebar_box{
	border-color: #ebebeb;
	/*background-color:#ebebeb;*/
}
body.page_company #sub_navigation,
body.page_company #sub_navigation a{
	border-color:#cacaca;
}
body.page_company #sub_navigation a span{
	color:#848484;
}
body.page_company #footer{
	background-image:url('../images/footer/background.gif');
}
body.page_company div.paging a.next{
	background-image:url('../images/slidebox/next.gif');
}
body.page_company div.paging a.previous{
	background-image:url('../images/slidebox/previous.gif');
}
body.page_company div.paging{
	background-image:url('../images/slidebox/background.gif');
}
body.page_company div.paging ul li a:hover,
body.page_company div.paging ul li.active a{
	background-image:url('../images/slidebox/active.gif');
}
body.page_company #references a.all{
	background-image:url('../images/references/all/company.png');
}
body.page_company #contact .anfahrt{
	background:url('../images/footer/text/anfahrt_company.png') no-repeat;
}


/*Contact*/
body.page_contact{
	background-color: #ffffff;
	color:#525252;
}
body.page_contact h2, 
body.page_contact h3,
body.page_contact h4,
body.page_contact h5{
	color:#222222;
}
body.page_contact h4{
	border-color:#c3c3c3;
}
body.page_contact h1#logo a{
	background-image:url('../images/logo/contact.png');
}
body.page_contact a{
	color:#328d34;
}
body.page_contact a:hover{
	color:#55b357;
}
body.page_contact table th{
	color:#000000;
	border-color:#000000;
}
body.page_contact table.horizontal th{
	border-color:#000000;
}
body.page_contact #container{
	background-image: url('../images/background/contact.jpg');
}
body.page_contact .infoblock{
	background-image:url('../images/infoblock/contact.jpg');
	padding-top:40px;
}
body.page_contact .sidebar_box{
	border-color: #ebebeb;
	/*background-color:#ebebeb;*/
}
body.page_contact #sub_navigation,
body.page_contact #sub_navigation a{
	border-color:#cacaca;
}
body.page_contact #sub_navigation a span{
	color:#848484;
}
body.page_contact #footer{
	background-image:url('../images/footer/background.gif');
}
body.page_contact div.paging a.next{
	background-image:url('../images/slidebox/next.gif');
}
body.page_contact div.paging a.previous{
	background-image:url('../images/slidebox/previous.gif');
}
body.page_contact div.paging{
	background-image:url('../images/slidebox/background.gif');
}
body.page_contact div.paging ul li a:hover,
body.page_contact div.paging ul li.active a{
	background-image:url('../images/slidebox/active.gif');
}
body.page_contact #references a.all{
	background-image:url('../images/references/all/contact.png');
}
body.page_contact #contact .anfahrt{
	background:url('../images/footer/text/anfahrt_contact.png') no-repeat;
}


/*References*/
body.page_references{
	background-color: #000000;
	color:#b2b2b2;
}
body.page_references h2, 
body.page_references h3,
body.page_references h4,
body.page_references h5{
	color:#ffffff;
}
body.page_references h4{
	border-color:#3c3c3c;
}
body.page_references h1#logo a{
	background-image:url('../images/logo/references.png');
}
body.page_references a{
	color:#fff;
}
body.page_references a:hover{
	color:#fff;
	text-decoration:underline;
}
body.page_references table th{
	color:#ffffff;
	/*border-color:#ffffff;*/
}
body.page_references table.horizontal th{
	/*border-color:#ffffff;*/
}
body.page_references #container{
	background-image: url('../images/background/ref_all.jpg');
	/*padding-bottom:200px;*/
}
body.page_references .sidebar_box{
	border-color: #2d2d2d;
	/*background-color:#2d2d2d;*/
}
body.page_references #sub_navigation a span{
	color:#ffffff;
}
body.page_references #sub_navigation,
body.page_references #sub_navigation a {
	border-color:#232323;
}
body.page_references #footer{
	background-image:url('../images/footer/dark/background.gif');
	/*
	height:136px;
	background-position:bottom;
	*/
}

body.page_references #content {
	width:920px;
	position:relative;
}
body.page_references #sidebar{
	display:none;
}
body.page_references div.paging a.next{
	background-image:url('../images/slidebox/dark/next.gif');
}
body.page_references div.paging a.previous{
	background-image:url('../images/slidebox/dark/previous.gif');
}
body.page_references div.paging{
	background-image:url('../images/slidebox/dark/background.gif');
}
body.page_references div.paging ul li a{
	color: #8d8d8d;
}
body.page_references div.paging ul li a:hover,
body.page_references div.paging ul li.active a{
	background-image:url('../images/slidebox/dark/active.gif');
}


/*Postproduction*/
body.page_postproduction{
	background-color: #000000;
	color:#b2b2b2;
}
body.page_postproduction h2, 
body.page_postproduction h3,
body.page_postproduction h4,
body.page_postproduction h5{
	color:#ffffff;
}
body.page_postproduction h4{
	border-color:#3c3c3c;
}
body.page_postproduction h1#logo a{
	background-image:url('../images/logo/postproduction.png');
}
body.page_postproduction a{
	color:#a73441;
}
body.page_postproduction a:hover{
	color:#ce5e6a;
}
body.page_postproduction table th{
	color:#ffffff;
	border-color:#ffffff;
}
body.page_postproduction table.horizontal th{
	border-color:#ffffff;
}
body.page_postproduction #container{
	background-image: url('../images/background/video.jpg');
}
body.page_postproduction .infoblock{
	background-image:url('../images/infoblock/video.jpg');
	padding-top:40px;
}
body.page_postproduction .sidebar_box{
	border-color: #2d2d2d;
	/*background-color:#2d2d2d;*/
}
body.page_postproduction #sub_navigation,
body.page_postproduction #sub_navigation a {
	border-color:#232323;
}
body.page_postproduction #footer{
	background-image:url('../images/footer/dark/background.gif');
}
body.page_postproduction div.paging a.next{
	background-image:url('../images/slidebox/dark/next.gif');
}
body.page_postproduction div.paging a.previous{
	background-image:url('../images/slidebox/dark/previous.gif');
}
body.page_postproduction div.paging{
	background-image:url('../images/slidebox/dark/background.gif');
}
body.page_postproduction div.paging ul li a{
	color: #8d8d8d;
}
body.page_postproduction div.paging ul li a:hover,
body.page_postproduction div.paging ul li.active a{
	background-image:url('../images/slidebox/dark/active.gif');
}
body.page_postproduction #references a.all{
	background-image:url('../images/references/all/video.png');
}
body.page_postproduction #contact .anfahrt{
	background:url('../images/footer/text/anfahrt_video.png') no-repeat;
}


/*Consulting*/
body.page_consulting{
	background-color: #ffffff;
	color:#525252;
}
body.page_consulting h2, 
body.page_consulting h3,
body.page_consulting h4,
body.page_consulting h5{
	color:#222222;
}
body.page_consulting h4{
	border-color:#c3c3c3;
}
body.page_consulting h1#logo a{
	background-image:url('../images/logo/consulting.png');
}
body.page_consulting a{
	color:#f3148d;
}
body.page_consulting a:hover{
	color:#f3148d;
}
body.page_consulting table th{
	color:#000000;
	border-color:#000000;
}
body.page_consulting table.horizontal th{
	border-color:#000000;
}
body.page_consulting #container{
	background-image: url('../images/background/consulting.jpg');
}
body.page_consulting .infoblock{
	background-image:url('../images/infoblock/consulting.jpg');
	padding-top:40px;
}
body.page_consulting .sidebar_box{
	border-color: #ebebeb;
	/*background-color:#ebebeb;*/
}
body.page_consulting #sub_navigation,
body.page_consulting #sub_navigation a{
	border-color:#cacaca;
}
body.page_consulting #sub_navigation a span{
	color:#848484;
}
body.page_consulting #footer{
	background-image:url('../images/footer/background.gif');
}
body.page_consulting div.paging a.next{
	background-image:url('../images/slidebox/next.gif');
}
body.page_consulting div.paging a.previous{
	background-image:url('../images/slidebox/previous.gif');
}
body.page_consulting div.paging{
	background-image:url('../images/slidebox/background.gif');
}
body.page_consulting div.paging ul li a:hover,
body.page_consulting div.paging ul li.active a{
	background-image:url('../images/slidebox/active.gif');
}
body.page_consulting #references a.all{
	background-image:url('../images/references/all/consulting.png');
}
body.page_consulting #contact .anfahrt{
	background:url('../images/footer/text/anfahrt_consulting.png') no-repeat;
}





/*
__Container__
*/
#full_container{
	min-height:100%;
	position:relative;
	
	/*background-image:url('../images/footer/background.gif');*/
	background-position:left bottom;
	background-repeat:repeat-x;
	background-attachment:scroll;
}
#container{
	position:relative;

	width:960px;
	margin:auto;
	padding:0 20px 0 20px;
	padding-bottom:50px;
	
	background-repeat:no-repeat;
	background-position:center top;	
	
	padding-bottom:500px;
}


/*
__Head__
*/
h1#logo{
	height:80px;
	position:relative;
	margin:0;
	padding:0;
}
h1#logo a{
	display:block;
	width:206px;
	height:76px;
	position:absolute;
	bottom:-5px;
	right:-15px;
	background-repeat:no-repeat;
	background-position:0px 0px;
	background-image:url('../images/logo/three_d.png');
}
h1#logo a:hover{
	background-position:0px -76px;
}
h1#logo a span{
	display:none;
}


/*
__Navigation__
*/
ul#navigation{
	display:block;
	margin:0;
	padding:0;
	height:40px;
	background-image:url('../images/navigation/background.gif');
}
ul#navigation a{
	display:block;
	height:40px;
	width:100px;
	background-position:top;
}
ul#navigation li{
	display:block;
	float:left;
	list-style-type:none;
}
ul#navigation li a:hover, 
ul#navigation li.active a{
	background-position:bottom;
}
ul#navigation li a span{
	display:none;
}
ul#navigation li.references{
	display:block;
	position:absolute;
	right:20px;
	list-style-type:none;
}

/*Navigation Buttons*/
ul#navigation .page_home a{
	background-image:url('../images/navigation/button/home.gif');
}
ul#navigation .page_internet a{
	background-image:url('../images/navigation/button/publikation.gif');
}
ul#navigation .page_video a{
	background-image:url('../images/navigation/button/film.gif');
}
ul#navigation .page_3d a{
	background-image:url('../images/navigation/button/2d_3d.gif');
}
ul#navigation .page_company a{
	background-image:url('../images/navigation/button/company.gif');
}
ul#navigation .page_contact a{
	background-image:url('../images/navigation/button/contact.gif');
}

/*Navigation Active*/
ul#navigation li.active a,
body.page_home ul#navigation .page_home a,
body.page_company ul#navigation .page_company a,
body.page_contact ul#navigation .page_contact a,
body.page_video ul#navigation .page_video a,
body.page_3d ul#navigation .page_3d a,
body.page_internet ul#navigation .page_internet a,
body.page_references ul#navigation .page_references a,
body.page_postproduction ul#navigation .page_postproduction a,
body.page_consulting ul#navigation .page_consulting a{
	background-position:bottom;
}

/*Navigation Bright*/
ul#navigation .page_home a, 
body.page_home ul#navigation .page_home a, 
body.page_internet ul#navigation .page_home a,
body.page_company ul#navigation .page_home a,
body.page_contact ul#navigation .page_home a{
	background-image:url('../images/navigation/button/home.gif');
}
ul#navigation .page_internet a, 
body.page_home ul#navigation .page_internet a, 
body.page_internet ul#navigation .page_internet a,
body.page_company ul#navigation .page_internet a,
body.page_contact ul#navigation .page_internet a{
	background-image:url('../images/navigation/button/publikation.gif');
}
ul#navigation .page_video a, 
body.page_home ul#navigation .page_video a, 
body.page_internet ul#navigation .page_video a,
body.page_company ul#navigation .page_video a,
body.page_contact ul#navigation .page_video a{
	background-image:url('../images/navigation/button/film.gif');
}
ul#navigation .page_3d a, 
body.page_home ul#navigation .page_3d a, 
body.page_internet ul#navigation .page_3d a,
body.page_company ul#navigation .page_3d a,
body.page_contact ul#navigation .page_3d a{
	background-image:url('../images/navigation/button/2d_3d.gif');
}
ul#navigation .page_company a, 
body.page_home ul#navigation .page_company a, 
body.page_internet ul#navigation .page_company a,
body.page_company ul#navigation .page_company a,
body.page_contact ul#navigation .page_company a{
	background-image:url('../images/navigation/button/company.gif');
}
ul#navigation .page_contact a, 
body.page_home ul#navigation .page_contact a, 
body.page_internet ul#navigation .page_contact a,
body.page_company ul#navigation .page_contact a,
body.page_contact ul#navigation .page_contact a{
	background-image:url('../images/navigation/button/contact.gif');
}
ul#navigation .page_references a, 
body.page_home ul#navigation .page_references a, 
body.page_internet ul#navigation .page_references a,
body.page_company ul#navigation .page_references a,
body.page_contact ul#navigation .page_references a{
	background-image:url('../images/navigation/button/references.gif');
}
ul#navigation .page_postproduction a, 
body.page_home ul#navigation .page_postproduction a, 
body.page_internet ul#navigation .page_postproduction a,
body.page_company ul#navigation .page_postproduction a,
body.page_contact ul#navigation .page_postproduction a{
	background-image:url('../images/navigation/button/postproduktion.gif');
}
ul#navigation .page_consulting a, 
body.page_home ul#navigation .page_consulting a, 
body.page_internet ul#navigation .page_consulting a,
body.page_company ul#navigation .page_consulting a,
body.page_contact ul#navigation .page_consulting a{
	background-image:url('../images/navigation/button/beratung.gif');
}

/*Navigation Dark*/
body.page_3d ul#navigation .page_home a,
body.page_video ul#navigation .page_home a,
body.page_references ul#navigation .page_home a,
body.page_postproduction ul#navigation .page_home a{
	background-image:url('../images/navigation/button/dark/home.gif');
}
body.page_3d ul#navigation .page_internet a,
body.page_video ul#navigation .page_internet a,
body.page_references ul#navigation .page_internet a,
body.page_postproduction ul#navigation .page_internet a{
	background-image:url('../images/navigation/button/dark/publikation.gif');
}
body.page_3d ul#navigation .page_video a,
body.page_video ul#navigation .page_video a,
body.page_references ul#navigation .page_video a,
body.page_postproduction ul#navigation .page_video a{
	background-image:url('../images/navigation/button/dark/film.gif');
}
body.page_3d ul#navigation .page_3d a,
body.page_video ul#navigation .page_3d a,
body.page_references ul#navigation .page_3d a,
body.page_postproduction ul#navigation .page_3d a{
	background-image:url('../images/navigation/button/dark/2d_3d.gif');
}
body.page_3d ul#navigation .page_contact a,
body.page_video ul#navigation .page_contact a,
body.page_references ul#navigation .page_contact a,
body.page_postproduction ul#navigation .page_contact a{
	background-image:url('../images/navigation/button/dark/contact.gif');
}
body.page_3d ul#navigation .page_company a,
body.page_video ul#navigation .page_company a,
body.page_references ul#navigation .page_company a,
body.page_postproduction ul#navigation .page_company a{
	background-image:url('../images/navigation/button/dark/company.gif');
}
body.page_3d ul#navigation .page_references a,
body.page_video ul#navigation .page_references a,
body.page_references ul#navigation .page_references a,
body.page_postproduction ul#navigation .page_references a{
	background-image:url('../images/navigation/button/dark/references.gif');
}
body.page_3d ul#navigation .page_postproduction a,
body.page_video ul#navigation .page_postproduction a,
body.page_references ul#navigation .page_postproduction a,
body.page_postproduction ul#navigation .page_postproduction a{
	background-image:url('../images/navigation/button/dark/postproduktion.gif');
}
body.page_3d ul#navigation .page_consulting a,
body.page_video ul#navigation .page_consulting a,
body.page_references ul#navigation .page_consulting a,
body.page_postproduction ul#navigation .page_consulting a{
	background-image:url('../images/navigation/button/dark/beratung.gif');
}

/*Navigation Background*/
body.page_home #navigation,
body.page_internet #navigation,
body.page_company #navigation,
body.page_contact #navigation,
body.page_consulting #navigation{
	background-image: url('../images/navigation/background.gif');
}

body.page_3d #navigation,
body.page_video #navigation,
body.page_references #navigation,
body.page_postproduction #navigation{
	background-image: url('../images/navigation/dark/background.gif');
}

/*Navigation Sub*/
body.page_3d ul#sub_navigation li a{
	background-image:url('../images/sub_navigation/three_d.jpg');
}
body.page_video ul#sub_navigation li a{
	background-image:url('../images/sub_navigation/video.jpg');
}
body.page_internet ul#sub_navigation li a{
	background-image:url('../images/sub_navigation/internet.jpg');
}
body.page_company ul#sub_navigation li a{
	background-image:url('../images/sub_navigation/company.jpg');
}
body.page_contact ul#sub_navigation li a{
	background-image:url('../images/sub_navigation/contact.jpg');
}
body.page_references ul#sub_navigation li a{
	background-image:url('../images/sub_navigation/references.jpg');
}
body.page_postproduction ul#sub_navigation li a{
	background-image:url('../images/sub_navigation/postproduction.jpg');
}
body.page_consulting ul#sub_navigation li a{
	background-image:url('../images/sub_navigation/consulting.jpg');
}

/*Project Arrows*/
body.page_home .project a.previous,
body.page_internet .project a.previous,
body.page_company .project a.previous,
body.page_contact .project a.previous{
	background-image:url('../images/arrow/left.gif');
}

body.page_3d .project a.previous,
body.page_video .project a.previous,
body.page_references .project a.previous,
body.page_postproduction .project a.previous{
	background-image:url('../images/arrow/dark/left.gif');
}

body.page_home .project a.next,
body.page_internet .project a.next,
body.page_company .project a.next,
body.page_contact .project a.next{
	background-image:url('../images/arrow/right.gif');
}

body.page_3d .project a.next,
body.page_video .project a.next,
body.page_references .project a.next,
body.page_postproduction .project a.next{
	background-image:url('../images/arrow/dark/right.gif');
}

/*
__Sub Navigation__
*/
ul#sub_navigation {
	display:block;
	width:205px;
	margin:0;
	padding:0;
	margin-bottom:20px;
	border-top:1px solid #cacaca;
}
#sub_navigation li{
	display:block;
	list-style-type:none;
}
ul#sub_navigation li a{
	display:block;
	width:203px;
	height:39px;
	background-position:top;
	border-left: 1px solid #cacaca;
	border-right: 1px solid #cacaca;
	border-bottom: 1px solid #cacaca;
	text-decoration:none;
	background-image:url('../images/sub_navigation/dreid.jpg');
}
ul#sub_navigation li a:hover,
ul#sub_navigation li.active a{
	background-position:bottom;
}

ul#sub_navigation li a span{
	font-size:15px;
	font-weight:bold;
	text-decoration:none;
	color:#999999;
	line-height:39px;
	margin-left:10px;
}
ul#sub_navigation li a:hover span{
	color:#eeeeee;
}


/*
__Sidebar__
*/
#sidebar{
	display:block;
	width:205px;
	float:left;
	margin:0px 20px 0 0;
	padding:0;
}

.sidebar_box{
	float:right;
	width:185px;
	padding:0 0 0 20px;
	margin-left:0px;
	/*background-color:#ebebeb;*/
	border-left:1px solid #ebebeb;
	padding-bottom:13px;
	overflow:hidden;
}
.sidebar_box ul{
	display:block;
	margin:0;
	padding:0;
}
.sidebar_box ul li{
	list-style-type:none;
	display:block;
	padding:5px 0 5px 0;
}
.sidebar_box h3{
	border-bottom:1px solid #c3c3c3;
}


/*
__Header__
*/
#header {
	height: 230px;
	margin-top: 20px;
}


/*
__Center__
*/
#center{
	margin-top:20px;
}


/*
__Content__
*/
#content{
	width:470px;
	/*width:695px;*/
	/*float:left;*/
	padding:20px 20px 0px 20px;
	
	/*width:715px;*/
	float:left;
	padding:20px 0px 0px 20px;
}
#content p{
	/*color: #525252;*/
	text-align:left;
	/*margin:20px 20px 0px 20px;*/
}

/*infoblock*/
.infoblock{
	margin:0;
	margin:0 0 0 -20px;
	padding:30px 220px 0px 40px;
	width:230px;
	height:200px;
	background-repeat:no-repeat;
	overflow:hidden;
	background-image:url('../images/infoblock/default.jpg');
}
.infoblock h3{
	display:block;
	position:relative;
	top:13px;
	margin-top:0px;
}

/*
__Footer__
*/

#footer {
	position:absolute;
	bottom:0;
	height:420px;
	width:100%;
	margin:20px 0 0 0;
	padding:0;
	background-image:url('../images/footer/background.gif');
}

/*
#video #footer {
	background-image:url('../images/footer/dark/background.gif');
}
*/

/*
__References__
*/
#references {
	height:265px;
	width:960px;
	margin:auto;
	padding-top:15px;
	position:relative;
}

/*All Button*/
#references a.all{
	display:block;
	width:128px;
	height:28px;
	position:absolute;
	right:0px;
	top:15px;
	
	background-image:url('../images/references/all/three_d.png');
}
#references a.all span{
	display:none;
}

/*References List*/
#references ul.list{
	display:block;
	margin:0;
	padding:0;
}
#references ul.list li{
	display:block;
	float:left;
}
#references ul.list li img{
	display:block;
	border:0;
}
#references ul.list li a{
	display:block;
	color:#666666;
	margin-right:21px;
	height: 150px;
	width: 175px;
	overflow: hidden;
}
#references ul.list li a:hover{
	color:#222222;
}
#references ul.list li.first a{
	margin-left:0;
}


/*
__SlideBox__
*/

/*Paging*/
div.paging{
	margin-top:20px;
	position:relative;
	height:20px;
	background-image:url('../images/slidebox/background.gif');
}

div.paging a.next,
div.paging a.previous{
	display:block;
	position:absolute;
	height:20px;
	width:70px;
	
}
div.paging a.next{
	right:0;
	background-image:url('../images/slidebox/next.gif');
	text-indent:-9999px;
}
div.paging a.previous{
	left:0;
	background-image:url('../images/slidebox/previous.gif');
	text-indent:-9999px;
}
div.paging a.next span,
div.paging a.previous span{
	display:none;
}

/*Pages*/
div.paging ul{
	position:absolute;
	margin:0 0 0 0;
	padding:0;
	display:block;
	text-align:center;
	white-space:nowrap;
}
div.paging ul li{
	list-style-type:none;
	margin:0;
	padding:0;
	display:block;
	text-align:center;
	white-space:nowrap;
	float:left;
}
div.paging ul li a{
	text-align:center;
	display:inline-block;
	color:#000000;
	padding:0 3px 0 3px;
	height:20px;
	line-height:20px;
	text-decoration:none;
	white-space:nowrap;
	
	width:45px;
	padding:0;
}
div.paging ul li a:hover,
div.paging ul li.active a{
	color:#ffffff;
	background-image:url('../images/slidebox/active.gif');
}

/*
__Contact__
*/
#contact {
	height:135px;
	width:960px;
	margin:auto;
	position:relative;
}
#contact .contactbox {
	position:absolute;
	top:24px;
	height:100px;	
}
#contact .one{
	left:0px;
}
#contact .two{
	left:170px;
}
#contact .online{
	left:415px;
}
#contact .three{
	left:460px;
}
#contact .four{
	right:0px;
}
#contact .four a {
	font-size:11px;
	text-align:center;
	padding-left:13px;
	padding-right:13px;
	border-left: 1px solid #999999;
	/*color: #249ca9;*/
}

#contact .address span,
#contact .anfahrt span,
#contact .phone span,
#contact .online span,
#contact .webpage span,
#contact .email span{
	display:none;
}

#contact .address{
	display:block;
	background:url('../images/footer/text/adress.png') no-repeat;
	width:98px;
	height:41px;
}
#contact .anfahrt{
	display:block;
	background:url('../images/footer/text/anfahrt_internet.png') no-repeat;
	width:65px;
	height:12px;
}
#contact .phone{
	display:block;
	background:url('../images/footer/text/phone.png') no-repeat;
	width:169px;
	height:28px;
}
#contact .online{
	display:block;
	background:url('../images/footer/text/online.png') no-repeat;
	width:33px;
	height:10px;
}
#contact .webpage{
	display:block;
	background:url('../images/footer/text/web.png') no-repeat;
	width:100px;
	height:14px;
}
#contact .email{
	display:block;
	background:url('../images/footer/text/email.png') no-repeat;
	width:100px;
	height:14px;
}



/*
__PlayReel Button__
*/
a.playreel{
	display:block;
	position:absolute;
	top:25px;
	right:20px;
	width:137px;
	height:16px;
	background-image:url('../images/refs_playshowreel.gif');
}
a.playreel span{
	display:none;
}



/*
__PicvViewer__
*/
.project{
	position:relative;
}

#picviewer{
	width:920px;
	width:715px;
	height:518px;
	/*background-image:url('../images/refs_picbg.gif');*/
	text-align:center;
}
.project a.previous{
	display:block;
	position:absolute;
	left:20px;
	height:17px;
	width:200px;
	background-image:url('../images/arrow/left.gif');
	background-repeat:no-repeat;
	padding-left:20px;
	text-align:left;
	line-height:17px;
}
.project a.next{
	display:block;
	position:absolute;
	right:20px;
	height:17px;
	width:200px;
	background-image:url('../images/arrow/right.gif');
	background-repeat:no-repeat;
	background-position:right;
	padding-right:20px;
	text-align:right;
	line-height:17px;
}
.project h2{	
	text-align:center;
}
.project .description{
	float:right;
	width:500px;
	margin-top:5px;
	width:45%;
}
.project table{
	width:50%;
}
.project table th{
	width:80px;
}


.picviewer{
	margin-bottom:40px;
}
.picviewer div.paging{
	margin-top:0px;
}

.picviewer ul.list{
	display:block;
	margin:0;
	padding:0;
}
.picviewer ul.list li{
	display:block;
	float:left;
	width:920px;
	height:518px;
	overflow:hidden;
}
.picviewer ul.list li img{
	display:block;
	border:0;
	margin:auto;
}
.picviewer ul.list li a{
	display:block;
	color:#666666;
	margin-right:21px;
}
.picviewer ul.list li a:hover{
	color:#222222;
}
.picviewer ul.list li.first a{
	margin-left:0;
}



/*
__HomeBox__
*/
.homebox{
	position:relative;
	height:100px;
	width:960px;
	/*margin-top:330px;*/
	margin-top:30px;
	background-image:url('../images/homeinfo_bg.gif');
}

.homebox .top{
	width:223px;
	height:81px;
	position:absolute;
	top:-95px;
	left:0;
	background-image:url('../images/home_newmed.gif');
	text-indent:-9999px;2
}

.homebox .box{
	display:block;
	height:100px;
	border-left:1px solid white;
	padding:15px;
	float:left;
	color:white;
}
* html .homebox .box{
	height:70px;
}
.homebox .box:hover{
	color:#ffffff;
	text-decoration:underline;
}
.homebox .box span{
	display:block;
	margin-top:8px;
}

.homebox .box.index_1{ width:273px; border:none;} 
.homebox .box.index_2{ width:283px; }
.homebox .box.index_3{ width:235px; }
.homebox .box.index_4{ width:166px; }

.homebox .box.index_1{ width:243px; border:none; }
.homebox .box.index_2{ width:253px; }
.homebox .box.index_3{ width:205px; }
.homebox .box.index_4{ width:136px; }


/*
__ContactForm__
*/
.contactform label{
	display:block;
	font-weight:bold;
	margin:5px 0 1px 0;
}
.contactform  input.text, textarea{
	width:240px;
	font-family:Arial, Helvetica, Sans-Serif;
	font-size:12px;
	width:250px;
}
.contactform textarea {
	height:150px;
	padding:5px;
	width:240px;
}
.contactform #contact_postalcode{
	width:80px;
}
.contactform #contact_city{
	width:160px;
}
.contactform ul{
	padding:0;
	margin:0;
	list-style-type:none;
}
.contactform ul li{
	padding:0;
	position:relative;
}

.contactform .box {
	background-color:#f4f4f4;
	padding:10px;
	margin-bottom:20px;
	background-image:url('../images/contactform_bg.gif');
	background-repeat:no-repeat;
	background-position:bottom right;
}
.contactform .bbg1 {
	background-image:url('../images/contactform_bg1.gif');
}
.contactform .bbg2 {
	background-image:url('../images/contactform_bg2.gif');
}
.contactform .bbg3 {
	background-image:url('../images/contactform_bg3.gif');
}

.contactform .help{
	position:absolute;
	left:260px;
	top:16px;
	width:200px;
}

.contactform .help div{
	padding:6px;
	color:blue;
	border:1px solid blue;
	background-color:lightblue;
}

.contactform .help .general{

}
.contactform .help .error{
	color:red;
	border-color:red;
	background-color:pink;
}

.contactform .valid,
form .valid{
	color:green;
}
.contactform .invalid,
form .invalid{
	color:red;
}

.contactform .valid label,
form .valid label{
	background-image:url('../images/check.png');
	background-position:left;
	padding-left:18px;
	background-repeat:no-repeat;
}
.contactform .invalid label,
form .invalid label{
	background-image:url('../images/cross.png');
	background-position:left;
	padding-left:18px;
	background-repeat:no-repeat;
}


/*
__OfferForm__
*/
.offerform label{
	display:block;
	font-weight:bold;
	margin:5px 0 1px 0;
}
.offerform  input.text, textarea{
	width:240px;
	font-family:Arial, Helvetica, Sans-Serif;
	font-size:12px;
	width:250px;
}
.offerform textarea {
	height:150px;
	padding:5px;
	width:240px;
}
.offerform #offer_postalcode{
	width:80px;
}
.offerform #offer_city{
	width:160px;
}
.offerform ul{
	padding:0;
	margin:0;
	list-style-type:none;
}
.offerform ul li{
	padding:0;
	position:relative;
}

.offerform .box {
	background-color:#f4f4f4;
	padding:10px;
	margin-bottom:20px;
	background-image:url('../images/contactform_bg.gif');
	background-repeat:no-repeat;
	background-position:bottom right;
}

/*

*/
ul.index{
	list-style-type: none;
	margin:0;
	padding:0;
	display: block;
	overflow: hidden;
	margin-bottom: 20px;
}

ul.index li{
	float: left;
	padding-right: 5px;
	font-size: 16px;
}


/*
__References__
*/
ul.references{
	margin: 0;
	padding: 0;
	list-style-type: none;
	padding-bottom: 1px;
	margin-right: -1px;
	margin-bottom: -1px;
}

ul.references img{
	border: 0;
}

ul.references li{
	float: left;
	border: 1px solid #333333;
	margin-right: -1px;
	margin-bottom: -1px;
	width: 183px;
	height: 120px;
}

ul.references li a{
	display: block;
	padding: 10px;
	text-decoration: none !important;
}

ul.references li a.hover{
	position: relative;
}

* html ul.references li a .container{
	left: -21px;
}

ul.references li a .container{
	position: absolute;
	top: -11px;
	left: -11px;
	width: 163px;
	padding: 20px;
	display: none;
	-moz-box-shadow: 0px 10px 50px #000000;
	-webkit-box-shadow: 0px 10px 50px #000000;
	opacity: 0.95;
	background-color: black;
	border: 1px solid #777777;
}

ul.references li a.hover .container{
	display: block;
}

ul.references li a .container img{
	margin-bottom: 14px;
}

/*Info*/
ul.references li a .info{
	display: none;
}
ul.references li a.hover .info{
	display:block;
}
ul.references li a .customer{
	display: block;
	font-weight: bold;
}
ul.references li a .main_sections{
	display: none;
}
ul.references li a .sections{
	color: #999999;
	font-size: 11px;
}


/*
__References Navigation__
*/
* html ul.references_navigation{
	height: 1%;
}
* html ul.references_navigation li a{
	float:left;
}

ul.references_navigation{
	margin: 0;
	padding: 0;
	list-style-type: none;
	overflow: hidden;
	padding-bottom: 20px;
}
ul.references_navigation li{
	float:left;
}

ul.references_navigation li a{
	display: block;
	padding: 4px 16px 4px 16px;
	background-color:#333333;
	text-decoration: none;
	/*border-right: 1px solid #333333;*/
	height: 22px;
	line-height: 22px;
	overflow: hidden;
	background-image: url('../images/references_navigation/background.png');
	outline: 0;
}

ul.references_navigation li a:hover{
	background-color:#999999;
	background-image: url('../images/references_navigation/background_hover.png');
}
ul.references_navigation li.active a{
	background-color:#888888;
	background-image: url('../images/references_navigation/background_active.png');
}


ul.references_navigation li.first a{
	/*
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-radius-topleft: 4px;
	-webkit-border-radius-bottomleft: 4px;
	*/
}
ul.references_navigation li.last a{
	/*
	-moz-border-radius-topright: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-radius-topright: 4px;
	-webkit-border-radius-bottomright: 4px;
	*/
	border-right: none;
}