BODY {

background-attachment: fixed;
}
a:hover { color: #ff0000; }
a:link { color:#fff200; text-decoration: none; }
a:visited { color:#333399; text-decoration: none; }
a:active { color:#ff0000; text-decoration: none; }

h1 {
 font-family: Arial,sans-serif;
 font-size:24pt; line-height:14pt;
 font-weight: bold;
 text-align: center;
 color: #0000ff;
}
h2,div,th {
 font-family: Arial,sans-serif;
 font-weight: bold;
 font-size: 30pt; line-height:38pt;
 text-align: center;
 color: #0000FF;
}

h3, p {
 font-family: Arial,sans-serif;
 font-size:12pt; line-height:12pt;
 font-weight: bold;
 text-align: center;
 color: #0000ff;
}

h4 {
 font-family: Arial,sans-serif;
 font-size:10pt; line-height:10pt;
 font-weight: bold;
 text-align: center;
 color: #0000ff;
}

h5 {
 font-family: Arial,sans-serif;
 font-size:7pt; line-height:1pt;
 text-align: center;
 color: #0000FF;
 margin-top:0pt;
}

div {
 font-family: Arial,sans-serif;
 font-size:12pt; line-height:12pt;
 font-weight: bold;
 text-align: center;
 color: #fff200;
}

td {
 font-family: Arial,sans-serif;
 font-size:10pt; line-height:10pt;
 font-weight: bold;
 text-align: left;
 color: #0000ff;
}


input.color {
 width:180px;
 height:25px;
 font-family: arial,sans-serif;
 font-size:12pt;
 color: #0000FF;
 border: medium outset;
 background-color: #FFbd39;
 border-color: #BB964B #846A35 #846A35 #BB964B;
 margin-bottom:3pt;
 cursor:pointer;
}

input.colorname {
 width:180px;
 height:20px;
 font-family: arial,sans-serif;
 font-size:14pt;
 color: #0000FF;
 border: medium inset;
 background-image: url(../pics/name.png);
 background-repeat: no-repeat;
 background-color: #FFd17c;
 border-color: #BB964B #846A35 #846A35 #BB964B;
 cursor:text;
}

input.colorkomment {
 width:180px;
 height:20px;
 font-family: arial,sans-serif;
 font-size:14pt;
 color: #0000FF;
 border: medium inset;
 background-image: url(../pics/komment.png);
 background-repeat: no-repeat;
 background-color: #FFd17c;
 border-color: #BB964B #846A35 #846A35 #BB964B;
 cursor:text;
}
.button {
 /*  float:right;  */
   background-color: #525E6A;
   width:180px;
 	height:20px;
   padding: 10px;
	font-family: arial,sans-serif;
	font-weight: bold;
 	font-size: 13pt;
   text-align:center;
   -moz-border-radius:10px;
   -webkit-border-radius:10px;
   border-radius:10px;
   cursor:pointer;
}
/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu/circular.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#circularMenu {background:url(../pics/krabbel.gif)no-repeat center center;padding:0; margin:0 auto; list-style:none; position:relative; right:380px; width:300px; height:300px; }
#circularMenu li {display:block; width:60px; height:60px; position:absolute;}
#circularMenu li.home {left:120px; top:4px; background:url(../pics/home1.png) no-repeat center center;}
#circularMenu li.music {left:200px; top:40px; background:url(../pics/audio.png) no-repeat center center;}
#circularMenu li.fotos {left:35px; top:40px; background:url(../pics/fotos.png) no-repeat center center;}
#circularMenu li.rss {left:230px; top:115px; background:url(../pics/rss.gif) no-repeat center center;}
#circularMenu li.face {left:5px; top:115px; background:url(../pics/face.png) no-repeat center center;}
#circularMenu li.ftp {left:200px; top:190px; background:url(../pics/ftp.png) no-repeat center center;}
#circularMenu li.pidgin {left:35px; top:190px; background:url(../pics/pidgin.png) no-repeat center center;}
#circularMenu li.tools {left:120px; top:225px; background:url(../pics/mandriva.png) no-repeat center center;}

#circularMenu li a b {display:none;}
#circularMenu li a {display:block; width:60px; height:60px; text-align:center;}


#circularMenu li a:hover b {position:absolute; display:block; width:100px; height:100px; font-family: Arial,sans-serif; font-size:16px; color:#0000FF; }
#circularMenu li a:hover b span {display:block; font-size:12px; color:#0077FF; font-weight:normal; margin-top:15px;}

#circularMenu li.home a:hover b {left:-22px; top:100px;}
#circularMenu li.music a:hover b  {left:-102px; top:64px;}
#circularMenu li.fotos a:hover b  {left:63px; top:64px;}
#circularMenu li.rss a:hover b  {left:-132px; top:-11px;}
#circularMenu li.face a:hover b  {left:93px; top:-11px;}
#circularMenu li.ftp a:hover b  {left:-102px; top:-87px;}
#circularMenu li.pidgin a:hover b  {left:63px; top:-87px;}
#circularMenu li.tools a:hover b  {left:-22px; top:-121px;}

/*tooltip*/
a.tip {
	position: relative;
}

a.tip span {
	display: none;
	position: absolute;
	top: -100px;
	left: 100px;
	width: 130px;
	padding: 5px;
	z-index: 100;
background-color:#b2cde0;
	border:solid 2px;
	border-color:#005a9c;
	color: #005a9c;

}

a:hover.tip {
	font-size: 99%; /* IE */
}

a:hover.tip span {
	display: block;
}

 #shout { position: relative; left: 380px; top: -250px;  visibility: visible; }
 #rss { height: 50px; width: 50px; position: absolute; left: 5px; top: 5px; visibility: visible; }
 
 #wetter { border:solid 3px; padding:4px; color:#fff200; height: 160px; width: 130px; position: absolute; left:455px; top: 200px; visibility: visible; }
 #SplashPic1 { border:solid 1px; padding:1px; color:#fff200; height: 400px; width: 500px; position: absolute; left: 253px; top: 320px; z-index: 10; visibility: hidden; }
 
 #bild02 { border:solid 3px; padding:4px; color:#fff200; height: 100px; width: 100px; position: absolute; left: 5px; top: 260px; visibility: visible; }
 #SplashPic2 { height: 400px; width: 500px; position: absolute; left: 253px; top: 320px; z-index: 10; visibility: hidden; }
 
 #bild03 { border:solid 3px; padding:4px; color:#fff200; height: 100px; width: 100px; position: absolute; left: 5px; top: 385px; visibility: visible; }
 #SplashPic3 { height: 400px; width: 500px; position: absolute; left: 253px; top: 320px; z-index: 10; visibility: hidden; }
 
 #bild04 { border:solid 3px; padding:4px; color:#fff200; height: 100px; width: 100px; position: absolute; left: 5px; top: 510px; visibility: visible; }
 #SplashPic4 { height: 400px; width: 500px; position: absolute; left: 253px; top: 320px; z-index: 10; visibility: hidden; }
 
 #bild05 { border:solid 3px; padding:4px; color:#fff200; height: 100px; width: 100px; position: absolute; left: 5px; top: 635px; visibility: visible; }
 #SplashPic5 { height: 400px; width: 500px; position: absolute; left: 253px; top: 320px; z-index: 10; visibility: hidden; }
 
 #fifo { border:solid 2px; padding:4px; color:#005a9c; height: 120px; width: 90px; position: relative; left: 5px; top: 10px; visibility: visible; }
 #SplashPic6 { height: 400px; width: 500px; position: absolute; left: 253px; top: 320px; z-index: 10; visibility: hidden; }

 #bild07 { border:solid 3px; padding:4px; color:#fff200; height: 100px; width: 100px; position: absolute; left: 5px; top: 885px; visibility: visible; }
 #SplashPic7 { height: 400px; width: 500px; position: absolute; left: 253px; top: 320px; z-index: 10; visibility: hidden; }

 
#logopic{ height: 48px; width: 37px; position: absolute; left: 434px; top: 95px; z-index: 0; visibility: visible; }
#logotext { height: 28px; width: 103px; position: absolute; left: 472px; top: 102px; z-index: 1; visibility: visible; }
#poster { height: 368px; width: 494px; position: absolute; left: 256px; top: 335px; visibility: visible; }
#w3c { position: absolute; left:850px; top: 800px; visibility: visible; cursor:pointer;}