/* ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */ 
/* BASE */

body{
	color:#000;
	background:#fff;
	font-family:"Times New Roman",Times,serif;
	/* font-family:helvetica,arial,sans-serif; */
	margin:0;
}
.centered{
	position:relative;
	margin:0;
	width:1px;
	left:50%;
}

a:active{ -moz-outline-style: none; outline: none; } /* firefox and MSIE dotted borders on links */
a:focus{ -moz-outline-style: none; outline: none; } /* firefox and MSIE dotted borders on links */
a img{ border-style:none; }
/* a:link, a:visited, a:active, a:hover, a:focus { text-decoration: none; } */

/* ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */ 
/* NO SCRIPT VERSION */

#noscript{
	position:relative;
	margin-top:30px;
	margin-left:20px;
	width:700px;
}
#noscript ul{ margin:0; padding:0; list-style:none; }
#noscript img{ height:100px; width:auto; }
#noscript h1{ font-size:20pt; font-weight:bold; margin:20px 0 0 0; }
#noscript h2{ font-size:13pt; font-weight:bold; margin:20px 0 0 0; }
#noscript p{ font-size:10pt; font-weight:normal; margin:10px 0 0 0; }
#noscript a{ text-decoration:none; color:#000; }
#noscript a:hover{ color:#e10; }
#noscript .dimmed { color:#888; }

/* ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */ 
/* IMAGES GALLERY */

#gallery{
	position:relative;
	margin-top:155px;
}
#info h2{ font-size:13pt; font-weight:bold; margin:0 0 5px 0; }
#info p{ font-size:10pt; line-height:12pt; margin:0 0 5px 0; }

/* ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */ 
/* SPACES BASE */

#scrollplane{
	position:absolute;
	z-index:0;
}
#topleft, #topright, #bottomleft, #bottomright{
	position:absolute;
	z-index:4;
}

#scrollplane_bg{
	position:absolute;
	background:#fff;
	z-index:-10;
}
#background{
	position:absolute;
	z-index:2;
	background:url("_components/content/background_dimmed30.jpg") 0 0 no-repeat;
	opacity:.6;
	filter: alpha(opacity = 60);
	width:2950px;
	height:2200px;
	left:625px;
	top:500px;
}
#dotted{
	width:100%;
	height:100%;
	opacity:.3;
	filter: alpha(opacity = 30);
	background:url("_components/content/dotted.gif");
}

/* ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */ 
/* NAVIGATION */

#navigation_anchor{
	position:absolute;
	z-index:10;
}
#navigation_offset{
	position:absolute;
	top:0px;
}
#navigation{
	position:absolute;
	width:425px;
	height:95px;
	background:url("_components/navigation/navigation_bg.png") 0 0 no-repeat;
}
#navigation a{
	position:absolute;
	display:block;
	top:64px;
	height:22px;
}
#navigation .active{ background-position:0px 0px; }
#navigation a:hover, a:active{ background-position:0px 0px; }
#linkHome{
	width:46px;
	left:159px;
	background:url("_components/navigation/navigation_home.png") 0px 22px no-repeat;
}
#linkPortfolio{
	width:88px;
	left:205px;
	background:url("_components/navigation/navigation_portfolio.png") 0px 22px no-repeat;
}
#linkInfo{
	width:46px;
	left:293px;
	background:url("_components/navigation/navigation_info.png") 0px 22px no-repeat;
}

/* ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */ 
/* LANGUAGES */

#languages{
	position:absolute;
	z-index:10;
	width:32px;
	height:15px;
	top:31px;
	left:399px;
}
#languages a{
	position:absolute;
	display:block;
	top:0px;
	width:16px;
	height:15px;
}
#linkDE{
	left:0px;
	background:url("_components/navigation/language_de.png") 0 0 no-repeat;
}
#linkEN{
	left:16px;
	background:url("_components/navigation/language_en.png") 0 0 no-repeat;
}
#languages .active{ background-position:0px -15px; }
#linkDE:hover, #linkDE:active{ background-position:0px -15px; }
#linkEN:hover, #linkEN:active{ background-position:0px -15px; }

/* ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */ 
/* CONTENT */

.content{
	text-decoration:none;
	font-size:10pt;
	font-weight:normal;
	line-height:12pt;
	/* opacity:0.7; */
}
.content h1{ font-size:13pt; margin:0 0 12px 0; }
.content h2{ font-size:10pt; margin:0 0 5px 0; }
.content h3{ font-size:9pt; margin:0 0 5px 0; font-weight:normal; }
.content p{ margin:0 0 10px 0; }
.content a{ text-decoration:none; display:block; }

#welcome{
	position:absolute;
	background:url("_components/content/oldpaper.png") 0 0 no-repeat;
	width:380px;
	height:250px;
	left:210px;
	top:175px;
	color:#006010;
}
#welcome_pic{
	position:absolute;
	background:url("_components/content/welcome_simple.png") 0 0 no-repeat;
	width:300px;
	height:60px;
	left:30px;
	top:23px;
	color:#006010;
}
#welcome_text{
	position:absolute;
	left:40px;
	top:93px;
	width:250px;
}
#welcome a{ color:#006010; }
#welcome a:hover, #welcome a:active{ color:#e10; }

#portfolio{
	background:url("_components/content/portfolio.png") 0 0 no-repeat;
	position:absolute;
	width:840px;
	height:360px;
	left:-21px;
	top:134px;
}

#contact{
	position:absolute;
	background:url("_components/content/postit.png") 0 0 no-repeat;
	width:250px;
	height:200px;
	left:335px;
	top:220px;
}
#contact_text{
	position:absolute;
	left:25px;
	top:23px;
	width:190px;
	color:#006010;
	font-family:helvetica,arial,sans-serif;
	font-size:9pt;
	font-weight:normal;
	line-height:12pt;
}
#contact a{ color:#006010; }
#contact a:hover, #contact a:active{ color:#e10; }

#information{
	background:url("_components/content/info_bg.png") 0 0 no-repeat;
	position:absolute;
	width:440px;
	height:600px;
	left:5px;
	top:-10px;
	color:#018;
}
#information a{ color:#018; }
#information a:hover, #information a:active{ color:#e10; }

#information_text{
	position:absolute;
	width:285px;
	left:40px;
	top:65px;
}
#information_linksA{
	position:absolute;
	width:150px;
	left:40px;
	top:400px;
}
#information_linksB{
	position:absolute;
	width:180px;
	left:40px;
	top:400px;
	padding:0px 170px;
}

#webdesign{
	position:absolute;
	opacity:0.3;
	filter: alpha(opacity = 30);
	background:#fff;
	width:160px;
	height:25px;
	left:40px;
	top:615px;
	font-family:helvetica,arial,sans-serif;
	font-size:7pt;
	font-weight:normal;
	line-height:9pt;
}