@charset "UTF-8";
/* CSS Document */

a:link {
	color: #FFFFFF;
	text-decoration: underline;
}
a:visited {
	text-decoration: underline;
	color: #FFFFFF;
}
a:hover {
	text-decoration: none;
	color: #1771D7;
}
a:active {
	text-decoration: underline;
	color: #1771D7;
}


.Verdana9_weiss {
color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
}

.Verdana10_weiss {
color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
}


.Verdana11_weiss {
color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}


.Verdana11_weiss_fett {
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}

.Verdana12_weiss {
color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}


.Verdana14_weiss_fett {
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}


.Verdana11_blau_fett {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #1771D7;
	font-size: 11px;
	font-weight: bold;
}


body {
	background-color: #19191a;
}

#box_grau_hintergrund {
	position:absolute;
	left:30px;
	top:135px;
	width:896px;
	height:450px;
	z-index:11;
	background-color: #7d7d7d;
}

#box_grau_kundenarchiv {
	position:absolute;
	left:9px;
	top:135px;
	width:895px;
	height:100%;
	z-index:11;
	background-color: #7d7d7d;
}

#bildbox_referenzen {
	position:absolute;
	left:669px;
	top:193px;
	width:236px;
	height:358px;
	z-index:18;
}

#textbox_links_referenzen {
	position:absolute;
	left:40px;
	top:145px;
	width:302px;
	height:430px;
	z-index:15;
}

#textbox_rechts_referenzen {
	position:absolute;
	left:370px;
	top:145px;
	width:276px;
	height:428px;
	z-index:16;
}

#Navigation {
	position:absolute;
	left:30px;
	top:113px;
	width:550px;
	height:20px;
	z-index:10;
}

#footer_box {
	position:absolute;
	left:697px;
	top:112px;
	width:229px;
	height:21px;
	z-index:17;
}

#header_box {
	position:absolute;
	left:30px;
	top:30px;
	width:896px;
	height:77px;
	z-index:9;
}

#portfolio_box {
	position:absolute;
	left:30px;
	top:145px;
	width:802px;
	height:572px;
	z-index:18;
}

#text_portfolio {
	position:absolute;
	left:681px;
	top:200px;
	width:234px;
	height:216px;
	z-index:23;
}

#portfolio_box_grau {
	position:absolute;
	left:672px;
	top:190px;
	width:256px;
	height:235px;
	z-index:20;
	background-color: #666666;
}

#footer_portfolio {
	position:absolute;
	left:699px;
	top:112px;
	width:229px;
	height:21px;
	z-index:17;
}

#log-in_portfolio {
	position:absolute;
	left:672px;
	top:425px;
	width:256px;
	height:80px;
	z-index:19;
}

#archiv_portfolio {
	position:absolute;
	left:672px;
	top:505px;
	width:256px;
	height:80px;
	z-index:21;
}

#referenzen_portfolio {
	position:absolute;
	left:672px;
	top:585px;
	width:256px;
	height:80px;
	z-index:22;
}

#box_links_kontakt {
	position:absolute;
	left:40px;
	top:145px;
	width:233px;
	height:391px;
	z-index:15;
}

#box_kontakt_rechts {
	position:absolute;
	left:298px;
	top:145px;
	width:302px;
	height:431px;
	z-index:16;
}

#box_impressum_rechts {
	position:absolute;
	left:282px;
	top:145px;
	width:617px;
	height:420px;
	z-index:16;
	overflow: auto;
	padding-right: 10px;
}

#box_links_about {
	position:absolute;
	left:40px;
	top:145px;
	width:302px;
	height:414px;
	z-index:15;
}

#box_rechts_about {
	position:absolute;
	left:370px;
	top:145px;
	width:302px;
	height:416px;
	z-index:16;
}

#foto01_about {
	position:absolute;
	left:690px;
	top:145px;
	width:220px;
	height:144px;
	z-index:18;
}
#foto02_about {
	position:absolute;
	left:690px;
	top:309px;
	width:216px;
	height:144px;
	z-index:19;
}

#textbox_archiv {
	position:absolute;
	left:690px;
	top:145px;
	width:220px;
	height:249px;
	z-index:18;
}
#box_corporate {
	position:absolute;
	left:30px;
	top:135px;
	width:128px;
	height:400px;
	z-index:1;
	background-color: #FFFFFF;
}
#box_people {
	position:absolute;
	left:158px;
	top:135px;
	width:128px;
	height:400px;
	z-index:2;
}
#box_reportage {
	position:absolute;
	left:286px;
	top:135px;
	width:128px;
	height:400px;
	z-index:3;
}
#box_stories {
	position:absolute;
	left:414px;
	top:135px;
	width:128px;
	height:400px;
	z-index:4;
}
#box_skateboard {
	position:absolute;
	left:542px;
	top:135px;
	width:128px;
	height:400px;
	z-index:5;
}
#box_konzert {
	position:absolute;
	left:670px;
	top:135px;
	width:128px;
	height:400px;
	z-index:6;
}
#box_event {
	position:absolute;
	left:798px;
	top:135px;
	width:128px;
	height:400px;
	z-index:7;
}

#box_grau_home {
	position:absolute;
	left:30px;
	top:558px;
	width:641px;
	height:158px;
	z-index:11;
	background-color: #7d7d7d;
}

#box_links_home {
	position:absolute;
	left:40px;
	top:570px;
	width:234px;
	height:132px;
	z-index:15;
}

#box_rechts_home {
	position:absolute;
	left:694px;
	top:577px;
	width:131px;
	height:107px;
	z-index:16;
}

#login_home {
	position:absolute;
	left:670px;
	top:449px;
	width:256px;
	height:80px;
	z-index:12;
	background-color: #1771D7;
}
#archive_home {
	position:absolute;
	left:670px;
	top:529px;
	width:256px;
	height:80px;
	z-index:13;
	background-color: #000000;
}
#referenzen_home {
	position:absolute;
	left:670px;
	top:609px;
	width:256px;
	height:80px;
	z-index:14;
	background-color: #999999;
}

#footer_home {
	position:absolute;
	left:697px;
	top:112px;
	width:229px;
	height:21px;
	z-index:17;
}
#text_box_start {
	position:absolute;
	left:289px;
	top:570px;
	width:368px;
	height:133px;
	z-index:18;
}
#button_login {
	position:absolute;
	left:670px;
	top:558px;
	width:245px;
	height:79px;
	z-index:19;
}
#button_archiv {
	position:absolute;
	left:670px;
	top:637px;
	width:245px;
	height:79px;
	z-index:20;
}
TABLE.signup_form {
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
TABLE.login_form {
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
SPAN.gallery_list_num_images {
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
SPAN.gallery_list_description {
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
A.gallery_list_name {
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
A.gallery_list_name:visited {
	text-decoration: underline;
	color: #FFFFFF;
}
A.gallery_list_name:hover {
	text-decoration: none;
	color: #1771D7;
}
A.gallery_list_name:active {
	text-decoration: underline;
	color: #1771D7;
}
A.gallery_list_collection_name {
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
A.gallery_list_collection_name:visited {
	text-decoration: underline;
	color: #FFFFFF;
}
A.gallery_list_collection_name:hover {
	text-decoration: none;
	color: #1771D7;
}
A.gallery_list_collection_name:active {
	text-decoration: underline;
	color: #1771D7;
}
TABLE.input TH {
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
DIV.search_tips {
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
}
A.page_next SPAN {
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
}
A.page_previous SPAN {
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
}
SPAN.gallery_search_box {
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
/* GALLERY THUMB CSS */
/* GALLERY THUMB CSS */
/* GALLERY THUMB CSS */
BODY, TD, TH {
	font-family: Verdana,Arial,Sans-Serif;
	font-size: 11px;
	color: #FFFFFF;
}
INPUT, SELECT {
	font-family: Verdana,Arial,Sans-Serif;
	font-size: 11px;
	color: #000000;
}

/* this removes all margins (spacing) around these HTML block elements */
FORM, P, H1, H2, H3, H4 {
	margin: 0;
}

/* ".input" is applied to tables which are used for form input
   (e.g. the Search form) */
TABLE.input TH {
	font-weight: bold;
}

/* "UL.thumbs" is used for all thumbnail displays */
UL.thumbs LI {
	margin: 2px;
	height: 150px;
	width: 120px;
	background-color: #464646;
}

UL.thumbs LI TABLE TD {
	font: 10px Verdana;
}

UL.thumbs LI TABLE TD.slide {
	background-color: #f6f6f6;
	border-top: 1px solid #fff;
	border-right: 1px solid #BFBFBF;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #999;
}

UL.thumbs LI DIV.thumb_links {
	padding: 2px;
	width: 97%;
	text-align: right;
	position: absolute;
	bottom: 0;
	left: 0;
}

FORM.image_keywords UL {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

FORM.image_keywords UL LI {
	float: left;
	width: 80px;
	padding: 0;
	margin: 0;
}


/* ARCHIV HOMEPAGE CSS */
/* ARCHIV HOMEPAGE CSS */
/* ARCHIV HOMEPAGE CSS */



DIV.cbox {
	background-color: #B3C979;
	width: auto;
	padding: 1px;
	border-bottom: 1px solid #869C4C;
	margin-bottom: 8px;
}

DIV.cbox H1 {
	background-color: #B3C979;
	margin: 0px;
	padding: 3px 3px 1px 3px;
}

DIV.cbox DIV {
	border-color: #869C4C;
	border-width: 1px 1px 0px 1px;
	border-style: solid;
	width: auto;
}

DIV.cbox DIV DIV {
	background-color: #E7F2CA;
	border-style: solid;
	border-width: 1px 1px 0px 0px;
	border-color: #F5F9EA;
	padding: 5px;
	width: auto;
}

/* blue box */
DIV.cboxblue {
	background-color: #5A86B3;
	width: auto;
	padding: 1px;
	border-bottom: 1px solid #2f4b67;
	margin-bottom: 8px;
}

DIV.cboxblue H1 {
	background-color: #5A86B3;
	margin: 0px;
	padding: 5px;
	color: white;
	font-size: 11px; 
	text-transform: uppercase;
}

DIV.cboxblue DIV {
	border-color: #2f4b67;
	border-width: 1px 1px 0px 1px;
	border-style: solid;
	width: auto;
}

DIV.cboxblue DIV DIV {
	background-color: #EFF7FF;
	border-style: solid;
	border-width: 1px 1px 0px 0px;
	border-color: #666666;
	padding: 5px;
	width: auto;
}

DIV.cboxblue DIV DIV DIV {
	border: none 0px;
	margin: 0px;
}


/* the gray box */
DIV.cboxgray {
	background-color: #aaa;
	width: auto;
	padding: 1px;
	border-bottom: 1px solid #777;
	margin-bottom: 8px;
}

DIV.cboxgray H1 {
	background-color: #aaa;
	margin: 0px;
	padding: 5px;
	color: white;
	font-size: 11px; 
	text-transform: uppercase;
}

DIV.cboxgray DIV {
	border-color: #777;
	border-width: 1px 1px 0px 1px;
	border-style: solid;
	width: auto;
}

DIV.cboxgray DIV DIV {
	background-color: #464646;
	border-style: solid;
	border-width: 1px 1px 0px 0px;
	border-color: #666666;
	padding: 5px;
	width: auto;
}

DIV.cboxgray DIV DIV DIV {
	border: none 0px;
	margin: 0px;
}