/*
	FNK.DAT CSS
	Copyleft by FNK.DAT (info@funkdat.ch)
*/

/* HTML */
body {
	background-color: #fff; background: url('../img/back_stripe_black.png') !important;
	color: #000; font-family: Georgia, serif; font-size: 10pt; overflow: auto; line-height: 20px;}
a:link, a:visited {color: #7f7f7f; text-decoration: none;}
a:hover {color: #333;}
h1 {font-size: 10pt; font-weight: bold; margin-bottom: 3px; clear: both;}
h2 {font-size: 10pt;margin-bottom: 3px;font-weight: bold;margin-top: 20px;}

/* NAVIGATION */
#navigation { position: absolute; top: 0px; left: 30px;bottom: 0px; width: 440px; padding: 30px;}
#navigation img { position: absolute; background: #fff; padding: 10px; height: 80px;  border: 0px;right: 30px;}

#subnav li {float: left;padding-right: 10px;}
#subnav {margin-bottom: 30px;}

/* WHITE BOXES */
#contact {width: 280px; }
#blog {width: 300px;}
#fdat {width: 420px;}
#work {width: 350px;}
#lang {color: #000; text-shadow: 0px 0px 7px #666;text-transform: uppercase;width: 300px; text-align: right; top: 30px; margin-bottom: 2px; position: absolute; height: 20px; left: 200px; z-index: 999;}
#lang:hover {cursor: pointer;}

form {
	margin-top: 10px;
}

label {
	clear:both;
	float: left;
	padding: 5px 0px 0px 0px;
}

label:hover {
	cursor: pointer;
}
input.text {
	background: #efefef;
	padding: 2px;
	clear: both;
	float: left;
	border: 1px solid #000;
	width: 255px;
}

input.text:focus, textarea.text:focus {
	border: 1px solid #555;
	background: #e0e0e0;
}

textarea.text {
	background: #efefef;
	clear: both;
	float: left;
	border: 1px solid #000;
	resize: none;
	width: 259px;
	height: 50px;
}

button {
	clear:both;
	margin-top: 5px;
	float: left;
}
/* CLASSES */
.box {position: absolute; display: none; z-index: 998; left: 500px; background: #fff; padding: 10px; height: 80px;}
.small {font-size: 10pt; line-height: 15px; padding: 0px; margin: 0px;}
.en {display: none;}
.keyword {font-weight: bold; color: #666666;}
.nav-fd { top: 50px; }
.nav-w { top: 155px; }
.nav-c { top: 260px;}
.nav-b { top: 365px;}
.content {display:none; position: absolute; background: #fff; left: 505px; /*right: 30px;*/ padding: 20px; text-align: justify;}
.box-content {text-align:right;margin: 10px 20px; position: absolute; bottom: 0px; right: 0px;}
.error {color: red;}

/* CONTENT */
#fdat-content {top: 155px; /*bottom: 30px;*/ width: 395px; /*min-height: 270px;*/}
#work-content {top: 260px; /*bottom: 30px;*/ width: 325px; /*min-height: 160px;*/}
#contact-content {top: 365px; /*top: 30px;*/width: 255px; /*min-height: 160px;*/}
#blog-content {top: 470px;/*top: 30px;*/ width: 275px; /*min-height: 270px;*/}

/* ADDITIONAL */
#space-bottom {position: absolute; top: 50%; margin-top: 208px; height: 30px;}
#formsuccess {display:none;}