* {
margin:0;
padding:0;
}


html, body {
color:black;
font-family:verdana,sans-serif;
font-size:82%;      
background-color:white;
}

#skiper {
position:absolute;
left:-3000px;
top:10px;
color: white;
display:block;
padding:0.5em;
background-color: #6DBE01;
font-weight:bold;
}

#skiper:focus,
#skiper:active,
#skiper.fokus {
left:20px;
top:100px;
}


#container {
margin: 0 auto;
width:926px;
height:auto;
position:relative;
}


#header {
height:214px;
background:url(/gfx/header.png) no-repeat bottom left white;
}

/*
#logo {
width:318px;
height:97px;
position:absolute;
top:24px;
display:block;
left:37px;
color:black;
font-size:200%;
text-align:center;
text-decoration:none;
font-style:italic;
}

#logo:hover,
#logo:focus,
#logo:active {
color:#6DBE01;
text-decoration:underline;
}

*/


#logo {
position:relative;
width:318px;
height:74px;
top:20px;
}


#logo span {
position:absolute;
top:0px;
width:318px;
height:74px;
background:url(/gfx/logo-tylda.gif) no-repeat;
}



#header img {
border:0;
}

#header h1 {
position:absolute;
top:95px;
left:50px;
font-family:Georgia,Verdana,sans-serif;
font-style:italic;
color:#6DBE01;
font-size:125%
}

#header ul#navi {
width:400px;
position:absolute;
right:20px;
top:30px;
}

#navi li {
list-style:none;
display:inline;
width:88px;
height:88px;
}



#navi a {
text-decoration:none;
}


#Link1 {
display:block;
position:absolute;
width:93px;
height:89px;
background:url(/gfx/link-1.png) no-repeat;
}

#navi a:hover,
#navi a:focus,
#navi a:active {
background-position:bottom left;
}

#Link2 {
display:block;
position:absolute;
width:93px;
height:89px;
background:url(/gfx/link-2.png) no-repeat;
left:130px;
} 


#Link3 {
display:block;
position:absolute;
width:55px;
height:89px;
background:url(/gfx/link-3.png) no-repeat;
left:270px;
}


#topmenu {
padding-top:130px;
text-align:center;
}

#topmenu li {
list-style:none;
display:inline;
margin-left:20px;
}

#topmenu a {
color:black;
padding:5px;
font-weight:bold;
font-size:120%;
text-decoration:none;
background:url(/gfx/topmenu-right-bg.gif) no-repeat top right;
}

#topmenu a span {
background:url(/gfx/topmenu-left-bg.gif) no-repeat top left;
padding:5px 10px 5px 10px;
}

#topmenu a:hover,
#topmenu a:focus,
#topmenu a:active {
text-decoration:underline;
}


#version {
width:100px;
height:17px;
position:absolute;
top:173px;
right:20px;
}


.content {
background:url(/gfx/content-bg.png) repeat-y;
}


#leftside {
width:150px;
height:auto;
float:left;
}


#leftside ul {
width:90%;
margin-left:10px;
}

#leftside ul li {
list-style:none;
display:block;
margin:5px 0px 5px 0px;
}

#leftside ul li a {
color:orange;
text-decoration:none;
font-weight:bold;
display:block;
}

#leftside ul li a:hover,
#leftside ul li a:focus,
#leftside ul li a:active {
color:#80d900;
}

#innerdiv {
width:530px;
height:auto;
float:left;
}

#rightSide {
width:230px;
height:auto;
float:right;
padding:0;
}

#rightSide a img {
border:0;
margin-top:0px;
margin-left:10px;
}

.shortdiv {
border:solid #CFCFCF 1px;
margin:20px 0px 20px 0px;
padding:10px;
}


#footer {
min-height:135px;
}

#footerCenter {
width:926px;
min-height:154px;
margin:0 auto;
background:url(/gfx/footer-bg.jpg) no-repeat;
color:#FF5602;
}


#footerCenter p {
padding-top:160px;
color:#559b5c;
}


#footerCenter a {
color:#559b5c;
}

#footerCenter a:hover,
#footerCenter a:focus,
#footerCenter a:active {
color:#FF6D1B;
}

#ulButtons {
position:absolute;
}

#ulButtons li {
list-style:none;
display:block;
width:72px;
height:101px;
float:left;
}

#fotImga {
position:absolute;
width:72px;
height:101px;
display:block;
background:url(/gfx/wyc_tl.png) no-repeat;
top:38px;
left:727px;
}


#fotImgb {
position:absolute;
width:72px;
height:101px;
display:block;
background:url(/gfx/zam_tl.png) no-repeat;
top:38px;
left:813px;
}




/* clearfix: auto-clear */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

* html .clearfix {height: 1%;}
.clearfix {display: block;}





div.clndr {
 background-color:#d0d0d0; position:absolute;
 cursor:default; display:none; border:3px ridge #9ab;
 left:180px;
 color:black;
z-index:10;
}
div.clndr table {
 width:160px; margin:4px;
}
div.clndr th {
 border:1px solid black;
 font:normal bold 11px arial,sans-serif;
 text-align:center; padding:0 2px 0 2px;
}
div.clndr td {
 border:1px solid blue; cursor:pointer; 
 font:normal normal 11px arial,sans-serif;
 text-align:center; padding:0 2px 0 2px;
}

.auraltext {
	display:block;
	position:relative;
	left: -2000px;
	width:1px;
	height:1px;
	overflow:hidden;
}