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

body {
	/* anpassen der url für hintegrund bild (relativ ab www.<minipage>.com/templates */
	background: url('images/background/carbon_background.jpg');
	
	font-size: 12px;color: #000;font-family: helvetica, arial, sans-serif;
	line-height: 19px; margin-top: 50px; background-position:top; background-repeat:no-repeat; background-color:#000000}

h2 {font-family: Georgia, serif; font-size: 14px;margin: 0px 0px 5px 0px;font-weight: bold; letter-spacing: 3px;border-bottom: 1px solid #000;}

#main {
	width: 920px;
	margin: 40px auto 10px auto;
	background: url('images/back_trans.png');
	-moz-border-radius-bottomleft: 25px;
	-webkit-border-bottom-left-radius: 25px;
	z-index: -1;
}
#lang {
	position: absolute;
	top: 20px;
	margin: 0px auto 0px auto;
	width: 920px;
	text-align: right;
	}

#logo {margin-left: -70px;top: -20px; width: 230px; height: 50px; z-index: 91; position: relative;}
#nav-back {height: 52px; width: 918px; border-left: 1px solid #fff; border-right: 1px solid #fff;  background: url('images/back_trans.png'); position: relative; top: -100px; z-index: 0; }

#navigation {z-index: 95; margin-top: -34px; font-family: Georgia, serif; font-weight: normal;width: 920px;}

#navigation-main {float: left; padding-left: 200px; text-transform: uppercase;}
#navigation-meta { width: 310px;float: right;height: 20px;text-align: right; margin-right: 20px; margin-top: 0px;text-transform: uppercase;}
#navigation-secondary {clear:both;	width:730px; margin-left: 200px; padding-top: 20px;}

#navigation-main li {float: left; margin: 0px; padding: 0px; list-style: none; text-align: center;}
#navigation-meta li {float: right; margin: 0px; padding: 0px; list-style: none;}
#navigation-main a:link,#navigation-main a:visited {border-left: 1px solid #ccc; border-right: 1px solid #ccc; margin-left: -1px;font-size: 15px;letter-spacing: 5px;color: #000;text-decoration: none;
padding: 17px 17px 17px 17px; }
#navigation-main li:hover {}

#navigation-main a:hover,#navigation-main a:active {color: #666;text-decoration: none; background: url('images/back_trans.png');}

#navigation-meta a:link,#navigation-meta a:visited {font-size: 11px;letter-spacing: 5px;color: #000;text-decoration: none;padding-left: 10px;}
#navigation-meta a:hover,#navigation-meta a:active {color: #666;text-decoration: none;}

#navigation-secondary a:link,#navigation-secondary a:visited {font-size: 13px; letter-spacing: 1px;color: #000;text-decoration: none;padding-left: 17px; padding-right: 10px}
#navigation-secondary a:hover,#navigation-secondary a:active {color: #666;text-decoration: none;}

#image-box {margin: 20px 20px 0px 20px;height: 495px; text-align: center; z-index: 200;}
#image-box img {}
#image-desc {z-index: 99;width: 400px; text-align: left; margin: 10px 20px 0px 20px; float: left; font-style: italic;}

#image-nav {
	z-index: 99;
	position: relative;
	top: 10px;
	right: 0px;
	text-align: right;
	padding-right: 20px;
	} 

#image-nav li {	
	 background: url('images/back_trans.png');
	 padding: 10px 15px;
	 -moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	float: right;
	list-style: none;
	margin-left: 20px;
}

#image-nav li:hover {
		background: #fff;
		cursor: pointer;
}

#image-nav li.active {
	background: #fff !important;
}

#image-nav li.active:hover {
	cursor: default;
}

#content {
clear:both;
text-align: left;
padding-top: 20px;
}

.active {
	background: url('images/back_trans.png');
}

ol {
	list-style-type: decimal;
	padding-left: 20px;
	
}
.box-left {float: left;width: 270px;padding: 10px 10px 10px 20px;}
.box-center {float: left;width: 270px;padding: 10px 10px 10px 25px;}
.box-right {float: right;width: 270px;padding: 10px 20px 10px 25px;}
.cut {
	padding: 0px; margin: -20px 0px 0px 0px;
	border-top: 1px solid #77B2D4;
	border-bottom: 0px;
}
.right-border {
	border-right:1px solid #B9D7E7;
}
.clear {clear:both;}

.box2-left{float: left;width: 205px;padding: 10px 10px 10px 20px;}

.box2-left2{float: left;width: 205px;padding: 10px 10px 10px 10px;}

.box2-right2{float: right;width: 205px;padding: 10px 10px 10px 10px;}

.box2-right{float: right;width: 205px;padding: 10px 20px 10px 10px;}

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

#footer {
margin: 30px auto 0px auto;
-moz-border-radius-topright: 25px;
-webkit-border-top-right-radius: 25px;
clear: both;width: 920px;background: url('images/back_trans.png');padding-bottom: 10px; }