/* Scroll */

/*  scrollgeneric is used for corrective styling of elements, and should not be modified or removed */ 
.scrollgeneric {line-height: 1px;font-size: 1px;position: absolute;top: 0; left: 0;}

.vscrollerbar {width: 8px; background-color:#595c51; background-repeat:no-repeat; cursor:pointer;}
.vscrollerbarbeg {height: 0px !important; width: 0px;}
.vscrollerbarend {height: 0px; width: 0px;}
.vscrollerbase {width: 8px; background-color:#a0a398; background-repeat:no-repeat;}
.vscrollerbasebeg {width: 8px; height: 8px !important;}
.vscrollerbaseend {height: 8px; width: 8px;}
.hscrollerbase {height: 0px;}
.hscrollerbar {height: 0px;}
.vscrollerbar, .hscrollerbar {padding: 0px; z-index: 2;}
.scrollerjogbox {width: 0px;height: 0px;top: auto; left: auto;bottom: 0px; right: 0px;}

#mycustomscroll {
	width: 623px;
	height: 395px;
	background-color:#eeefea;
	overflow: auto;
	position: absolute;
	left:295px;
	top:46px;
	margin:0px;
	padding: 0px;
	padding-right:0px;
	font-size:11px;
	line-height:14px;
}

/* Scroll End */


body {
margin: 0;
background-color: #3d3830;
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration:none;
color:#433B2C;
line-height:14px;
text-align:left;
}


#maincontainer {
position: relative;  
width: 940px; 
height: 490px;
top: 0px; 
left: 0px;  
z-index: 2; 
background-color: #fbfcf8;
}




/*Text*/


#contenttable {
position:absolute;
width: 258px;
height: 50px;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
text-decoration:none;
color:#433B2C;
margin-top:0px;
margin-left:12px;
margin-right:0px;
padding-top:0px;
padding-left:0px;
padding-right:10px;
padding-bottom:1px;
line-height:13px;
text-align:left;
}


#contenttable a:link, #contenttable a:active, #contenttable a:visited, form a:link, form a:active, form a:visited  {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
text-decoration:none;
color:#433B2C;
}


#contenttable a:hover, form a:hover {
color:#9b8a5f;
}

#indexadr {
position:absolute;
top:458px;
left:20px;
width: 600px;
height: 10px;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
text-decoration:none;
color:#433B2C;
margin-top:0px;
margin-left:0px;
padding-top:0px;
padding-left:0px;
padding-right:10px;
padding-bottom:1px;
text-align:left;
}

#indexadr a:link, #indexadr a:active, #indexadr a:visited {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
text-decoration:none;
color:#433B2C;
}


#indexadr a:hover {
color:#3D3B35;
}


#logocontainer {
position: absolute;
top: 4px;
left: 1px;
width: 390px;
height: 28px;
overflow: hidden;
}

#logo {
position: absolute;
top: 5px;
left: 0px;
list-style: none;
margin: 0;
padding: 0;
height: 20px;
display: inline;
width: 390px;
}

#logo li {
margin: 0; 
padding: 0;
display: inline;
list-style-type: none;
height: 28px;
}

#logo a {
float: left;
padding: 0 0 0 0;
height: 28px;
}


a#logolink {
width: 390px;
background: url(images/logo.gif) top left no-repeat;
}

#navcontainer {
position: absolute;
top: 9px;
left: 754px;
width: 170px;
height: 28px;
overflow: hidden;
}

#nav {
position: absolute;
top: 0px;
left: 0px;
list-style: none;
margin: 0;
padding: 0;
height: 28px;
display: inline;
width: 170px;
}

#nav li {
margin: 0; 
padding: 0;
display: inline;
list-style-type: none;
height: 28px;
}

#nav a {
float: left;
padding: 0 0 0 0;
height: 28px;
}

#nav a:hover, #nav a:active, #nav a.selected {
background-position: 0 -28px;
}


a#portfolio {
width: 69px;
background: url(images/nav_1.gif) top left no-repeat;
}

a#kontakt {
width: 60px;
background: url(images/nav_2.gif) top left no-repeat;
}

a#links {
width: 41px;
background: url(images/nav_3.gif) top left no-repeat;
}

body#portfolio a#portfolio, body#kontakt a#kontakt, body#links a#links {
background-position: 0 -56px;
}


h1 {
font-size:8px;
}