/* CSS Document */

* {
	margin:0;
	padding:0;
}

html {
	background-color:#e9eaea;
	height:100%;
}

body {
	background-color:#e9eaea;
	background-image:url(images/body_bg.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	color:#595a5a;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
	min-height:100%;
	margin:0;
	padding:0;
}

a {
	color:#5297d2;
	outline:none;
	text-decoration:underline;
}

a:hover, a:focus, a:active {
	text-decoration:none;
}

a img {
	border:0;
}

form {
	display:inline;
}

h1 {
	background-image:url(images/header.jpg);
	color:#dddddd;
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	font-weight:bold;
	height:41px;
	margin:0 auto;
	padding:2px 0 0 0;
	text-indent:229px;
	width:929px;
	z-index:2;
}

h2 {
	font-size:12px;
}

hr {
	display:none;
}

p {
	padding:5px 0 5px 0;
	margin:0;
}

td {
	vertical-align:top;
}

/* Variable Klassen */

#about {
	float:left;
	margin:0 0 0 0;
	width:397px;
}

.about_div {
	background-color:#f8f9f9;
	margin:5px 4px 5px 10px;
	padding:0px 5px 3px 5px;
	width:373px;
}

#b_about a {
	background:scroll url(images/button_about.jpg) 0px 0px no-repeat;
	width:53px;
}

#b_about a:hover, #b_about a:focus, #b_about a:active {
	background:scroll url(images/button_about.jpg) 0px -16px no-repeat;
}

#b_contact a {
	background:scroll url(images/button_contact.jpg) 0px 0px no-repeat;
	width:69px;
}

#b_contact a:hover , #b_contact a:focus, #b_contact a:active {
	background:scroll url(images/button_contact.jpg) 0px -16px no-repeat;
}

#b_index a {
	background:scroll url(images/button_root.jpg) 0px 0px no-repeat;
	width:44px;
}

#b_index a:hover, #b_index a:focus, #b_index a:active {
	background:scroll url(images/button_root.jpg) 0px -16px no-repeat;
}

#b_work a {
	background:scroll url(images/button_work.jpg) 0px 0px no-repeat;
	width:48px;
}

#b_work a:hover , #b_work a:focus, #b_work a:active{
	background:scroll url(images/button_work.jpg) 0px -16px no-repeat;
}

#b_about_fixed {
	background:scroll url(images/button_about.jpg) 0px -16px no-repeat;
	width:53px;
}

#b_contact_fixed {
	background:scroll url(images/button_contact.jpg) 0px -16px no-repeat;
	width:69px;
}

#b_index_fixed {
	background:scroll url(images/button_root.jpg) 0px -16px no-repeat;
	width:44px;
}


#b_work_fixed {
	background:scroll url(images/button_work.jpg) 0px -16px no-repeat;
	width:48px;
}

#big {
	height:auto;
	min-height:80%;
	position:relative;
	width:100%;
}

.bold {
	color:#bfbfbf;
	font-weight:bold;
	padding-bottom:0;
}

.bold span {
	color:#00b9ed;
}

.captcha {
	display:block;
	float:left;
	margin:4px 0 0 0;
}

#centercontainer {
	margin:0 auto;
	width:929px;
}

#centercontainer h2 {
	color:#231f20;
	font-size:12px;
	font-weight:bold;
	margin:0;
}

.checkbox {
	margin:0 7px 10px 10px;
	vertical-align:top;
}

#clientlist {
	list-style-type:none;
	margin:2px 0 0 10px;
}

#clientlist a {
	color:#595a5a;
	text-decoration:none;
}

#clientlist li {
	background-image:url(images/icon_bluelight.gif);
	background-position:6px 7px;
	background-repeat:no-repeat;
	display:block;
	float:left;
	height:18px;
	padding:3px 0 0 17px;
	width:175px;
}

.cl_a {
}

.cl_b {
	background-color:#f5f5f5;
}

.contact {
	background-color:#ffffff;
	display:block;
	margin:5px 4px 5px 10px;
	padding:0px 5px 0px 5px;
	width:373px;
}

.contact_links a {
	text-decoration:none;
}

.contact_links img {
	margin:0 5px 2px 0;
	vertical-align:bottom;
}

#footer {
	background-image:url(images/bg.jpg);
	background-position:bottom;
	clear:both;
	margin:0;
	height:365px;
	bottom:0;
	position:relative;
	width:100%;
}

#footer span {
	background-image:url(images/footer.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	display:block;
	height:365px;
	margin:0 auto;
	text-indent:-8000px;
	width:929px;
}

.form_submit {
	padding-left:10px;
}

#head_1 {
	background-image:url(images/h2_1.jpg);
	clear:both;
	font-family:Arial, Helvetica, sans-serif;
	height:20px;
	padding:4px 0 0 32px;
	width:365px;
}

#head_2 {
	background-image:url(images/h2_2.jpg);
	clear:both;
	height:21px;
	padding:6px 0 0 32px;
	width:365px;
}

#head_3 {
	background-image:url(images/h2_3.jpg);
	clear:both;
	height:20px;
	padding:4px 0 0 25px;
	width:226px;
}

#head_4 {
	background-image:url(images/h2_4.jpg);
	clear:both;
	height:20px;
	padding:7px 0 0 25px;
	width:226px;
}

#head_5 {
	background-image:url(images/h2_5.jpg);
	clear:both;
	height:20px;
	padding:4px 0 0 32px;
	width:621px;
}

#head_5 span {
	color:#bec1c3;
}

#header {
	background-image:url(images/header_bg.gif);
	background-repeat:repeat-x;
	height:120px;
	width:100%;
	z-index:1;
}

#header a {
	display:block;
	height:16px;
	text-indent:-8000px;
	text-decoration:none;
}

#header li {
	display:block;
	float:left;
	height:16px;
	list-style-type:none;
	margin-right:30px;
	text-indent:-8000px;
}

#header ul {
	background-image:url(images/logo.jpg);
	height:44px;
	margin:0 auto;
	padding:76px 0 0 288px;
	width:641px;
}

.input {
	background-image:url(images/input_bg.gif);
	border:1px solid #e9e9ea;
	display:block;
	font-size:9px;
	height:15px;
	margin:5px 0 13px 0;
	padding:3px 2px 1px 2px;
	width:182px;
}

input:hover, input:focus, textarea:hover, textarea:focus {
	border:1px solid #9edaef;
}

.input_captcha {
	background-image:url(images/input_bg.gif);
	border:1px solid #e9e9ea;
	display:block;
	float:left;
	font-size:9px;
	height:15px;
	margin:2px 0 0 6px;
	padding:3px 2px 1px 2px;
	width:68px;
}

#menu {
	float:left;
	margin:-67px 0 0 0;
	padding:0 0 40px 0;
	width:216px;
	z-index:4;
}

.new {
	background-image:url(images/icon_new.png);
	background-position:118px 2px;
	background-repeat:no-repeat;
}

#news {
	float:left;
	margin:0 0 0 0;
	width:397px;
}

#news dd a {
	background-image:url(images/icon_a.gif);
	background-position:100% 4px;
	background-repeat:no-repeat;
	padding:0 10px 0 0;
}

#news dd a:hover, #news dd a:focus, #news dd a:active {
	background-image:url(images/icon_a_h.gif);
	text-decoration:underline;
}

#news div {
	background-color:#f8f9f9;
	margin:5px 4px 5px 10px;
	padding:0px 5px 0px 5px;
	width:373px;
}

#news dd {
	padding:0 0 0 5px;
}

#news dl {
	margin:5px 4px 5px 10px;
	padding:6px 5px 6px 5px;
	width:373px;
}

#news dt {
	background-image:url(images/icon_date.gif);
	background-position:0 4px;
	background-repeat:no-repeat;
	font-weight:bold;
	padding:0 0 4px 10px;
}

#news dt span {
	color:#bfbfbf;
	padding:0 7px 0 0;
}

#news dt a {
	color:#595a5a;
	text-decoration:none;
}

.news_bg1 {
	background-color:#f5f5f5;
}

.news_bg1:hover {
	background-color:#eeeeee;
}

.news_bg1 dd {
	border-left:5px solid #e1e1e1;
}

.news_bg2 {
	background-color:#eeeeee;
}

.news_bg2:hover {
	background-color:#e3e3e3;
}

.news_bg2 dd {
	border-left:5px solid #dddddd;
}

#portrait_img {
	border:1px solid #e9e9ea;
	float:right;
	margin:4px 11px 0 0;
	padding:3px;
	width:121px;
	height:98px;
}

#portrait_left {
	color:#bfbfbf;
	float:left;
	font-weight:bold;
	padding:4px 0 3px 10px;
}

#portrait_left img {
	vertical-align:bottom;
}

#portrait_left strong {
	color:#595a5a;
}

#portrait_left span {
	color:#00b9ed;
}

#portrait_right {	
	color:#bfbfbf;
	font-weight:bold;
	padding:4px 0 11px 6px;
}

#portrait_right strong {
	color:#595a5a;
}

#portrait_right span {
	color:#00b9ed;
}

.portraitlist_1a {
	height:18px;
	padding:4px 0 0 6px;
	width:233px;
}

.portraitlist_1b {
	background-color:#f5f5f5;
	height:18px;
	padding:4px 0 0 6px;
	width:233px;
}

.portraitlist_2a {
	height:18px;
	padding:4px 0 0 6px;
	width:227px;
}

.portraitlist_2b {
	background-color:#f5f5f5;
	height:18px;
	padding:4px 0 0 6px;
	width:227px;
}

#right {
	background-color:#ffffff;
	background-image:url(images/right_bg.gif);
	border-bottom:6px solid #f8f9f9;
	float:left;
	padding:0 0 10px 0;
	width:653px;
}

#submenu {
	background-image:url(images/submenu_bg.jpg);
	width:216px;
}

#submenu a {
	background:scroll url(images/submenu_li.gif) 0px 0px no-repeat;
	background-position:0 11px;
	background-repeat:no-repeat;
	color:#727178;
	padding:0 0 0 13px;
	text-decoration:none;
}

#submenu a:hover, #submenu a:focus, #submenu a:active {
	background:scroll url(images/submenu_li.gif) 0px -7px no-repeat;
	background-repeat:no-repeat;
	color:#2d5f84;
}

#submenu div {
	background-image:url(images/submenu_bottom.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	min-height:78px;
	padding:0 0 20px 0;
	width:216px;
}

#submenu li {
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	font-weight:bold;
	list-style-type:none;
}

#submenu ul {
	background-image:url(images/submenu_top.jpg);
	background-position:top;
	background-repeat:no-repeat;
	margin:0;
	padding:32px 0 0 65px;
	width:151px;
}

#subbutton_fixed a {
	background:scroll url(images/submenu_li.gif) 0px -7px no-repeat;
	background-repeat:no-repeat;
	color:#2d5f84;
}

.submit {
	/*background:scroll url(images/input_submit.gif) 0px -23px no-repeat;*/
	background-color:#ffffff;
	border:1px solid #9edaef;
	color:#595a5a;
	display:block;
	font-family:Tahoma, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	float:right;
	height:22px;
	padding:0 0 2px 0;
	width:101px;
}

.submit:hover, .submit:focus, .submit:active {
	/*background:scroll url(images/input_submit.gif) 0px 0px no-repeat;*/
	color:#9edaef;
}

.textarea {
	background-image:url(images/textarea_bg.gif);
	border:1px solid #e9e9ea;
	display:block;
	font-family:Verdana;
	font-size:9px;
	height:100px;
	margin:5px 0 13px 0;
	padding:3px 2px 1px 2px;
	width:369px;
}

.work_desc1 {
	background-color:#f6f6f6;
	border-bottom:7px solid #ffffff;
	border-right:2px solid #ffffff;
	color:#a7a8a8;
	display:block;
	float:left;
	font-size:10px;
	padding:3px 2px 2px 0;
	text-align:right;
	width:81px;
}

.work_desc2 {
	background-color:#f6f6f6;
	border-bottom:7px solid #ffffff;
	float:left;
	font-size:10px;
	padding:3px 0 2px 3px;
	width:543px;
}

.work_desc2 a {
	background-color:#C9F0FB;
	color:#0d0c0e;
	text-decoration:none;
}

.work_desc2 a:hover, .work_desc2 a:focus, .work_desc2 a:active {
	background-color:#009bd7;
	color:#ffffff;
}

.work_desc3 {
	background-color:#f6f6f6;
	border-bottom:7px solid #ffffff;
	float:left;
	font-size:10px;
	padding:3px 0 2px 3px;
	width:193px;
}

.work_desc4 {
	background-color:#f6f6f6;
	border-bottom:7px solid #ffffff;
	float:left;
	font-size:10px;
	padding:3px 0 2px 3px;
	width:262px;
}

.work_desc4 a {
	background-image:url(images/icon_a.gif);
	background-position:100% 4px;
	background-repeat:no-repeat;
	color:#0d0c0e;
	padding:2px 10px 0 0;
	text-decoration:none;
}

.work_desc4 a:hover, .work_desc4 a:focus , .work_desc4 a:active  {
	background-image:url(images/icon_a_h.gif);
}


#work_desc {
	background-color:#f6f6f6;
	margin:7px 0 0 12px;
}

#work_navi {
	left:580px;
	position:relative;
	top:332px;
	z-index:3;
}

.work_screen {
	margin:3px 0 0 6px;
}

#workmenu {
	background-image:url(images/work_bg.jpg);
	font-size:10px;
	margin-top:-10px;
	width:216px;
	z-index:5;
}

#workmenu a {
	background-color:#f0f0f0;
	color:#c4c6c8;
	display:block;
	height:13px;
	text-decoration:none;
	text-indent:4px;
	width:141px;
}

#workmenu a:hover, #workmenu a:focus, #workmenu a:active {
	background-color:#3e3e42;
	color:#737278;
}

#workmenu a span {
	color:#737278;
	padding:0 0 0 4px;
}

#workmenu a:hover span, #workmenu a:active span, #workmenu a:focus span {
	color:#c4c6c8;
}

#workmenu a:visited span {
	background-image:url(images/workmenu_a.png);
	background-position:100% 3px;
	background-repeat:no-repeat;
	padding:0 12px 0 4px;
}

#workmenu div {
	background-image:url(images/work_bottom.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	width:216px;
}

#workmenu li {
	display:block;
	height:13px;
	list-style-type:none;
	margin:0 0 5px 0;
	width:141px;
}

#workmenu ul {
	background-image:url(images/work_top.jpg);
	background-position:top;
	background-repeat:no-repeat;
	margin:0;
	min-height:120px;
	padding:38px 0 68px 55px;
	width:161px;
}

#works {
	background-color:#ffffff;
	float:left;
	margin:0 0 0 5px;
	width:251px;
}

#works address {
	display:block;
	font-style:normal;
	padding:10px 0 15px 7px;
}

.works_copy {
	background-color:#f8f9f9;
	margin:5px 11px 15px 3px;
	padding:3px 8px 3px 5px;
}

.works_copy2 {
	background-color:#f8f9f9;
	padding:3px 5px 3px 5px;
}

.works_feed {
	padding:5px 0 5px 20px;
}

.works_feed a {
	color:#4e4f51;
	text-decoration:none;
}

.works_feed a:hover, .works_feed a:focus, .works_feed a:active {
	color:#009bd7;
}

.works_feed img {
	margin:0 5px 0 0;
	vertical-align:bottom;
}

.works_img a img {
	border:1px solid #e9e9ea;
	display:block;
	margin:0 auto;
}

.works_img a:hover img, .works_img a:focus img, .works_img a:active img {
	border:1px solid #9edaef;
}

.works_img2 {
	float:right;
	margin:-42px 40px 0 0;
}

.works_img2 a img {
	border:0;
	display:block;
	height:18px;
	width:74px;
}

.works_img2 a:hover img, .works_img2 a:focus img, .works_img2 a:active img {
	border:0;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/* WORK */

#work-dis{
	margin:3px 0 0 9px;
	overflow:hidden;
	position:relative;
	height:360px;
	width:640px;
	z-index:1;
}

#work #work-dis .info p{
	line-height:140%;
}

#work-dis p b,
#work #details h2,
#galleryNav{
	text-transform:uppercase;
}

#work-dis p a{
	text-decoration:none;
}

#img-wrapper {
	background-image:url(images/loading.gif);
}

#imgs-wrapper{
	overflow:hidden;
	position:relative;
	width:640px;
	height:360px;
}

#imgs{
	position:absolute;
	top:0;
	left:0;
}

#imgs #top{
	background-image:url(/img/place-holder.gif);
	font-size:1px;
	margin:0;
	text-indent:-9999px;
	width:640px;
	height:360px;
}

#initial-img{
	background-image:url(/images/loading.gif);
	width:640px;
	height:360px;
}

#gallery-captions-wrapper{
	position:absolute;
	top:448px;
	left:0;
}

#gallery-captions{
	position:relative;
	width:460px;
}

#gallery-captions .caption{
	margin:0;
	padding:0;
	position:absolute;
	top:24px;
	left:0;
	visibility:hidden;
}

#galleryNav{
	font-weight:bold;
}