/*
#Header, #Menus, #Footer, .MenuBlock , .ContentBlock , #Kalender, #Kalender_Sternzeichen {
-moz-border-radius:10px;
}
*/

* {
border:0 solid #000;
color:#000;
background-color:transparent;
font-size:12px;
font-family:"Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;
margin:0;
padding:0;
}

body {
color:#fff;
background-color:transparent;
text-align:center;
}

a.ref,a.ref:link,a.ref:visited {
background-color:#fff;
}
a.menuLinks:hover,a.menuLinks:active,a.ref:hover,a.ref:active {
background-color:#ffb;
}
a:hover,h1 a:first-letter {
background-color:transparent;
}
a.ref,a.menuLinks:hover,a.menuLinks:active,a.ref:hover,a.ref:active,a.ref:link,a.ref:visited {
border:1px solid #000;
}
a.ref,a.menuLinks:hover,a.menuLinks:active,a.ref:hover,a.ref:active,a.ref:link,a.ref:visited,a:hover,h1 a:first-letter {
color:#000;
}
a.ref,a.menuLinks:hover,a.menuLinks:active,a.ref:hover,a.ref:active {
padding:0 10px;
}
a.ref,a.menuLinks:hover,a.menuLinks:active,a.ref:hover,a.ref:active,a.ref:link,a.ref:visited {
text-decoration:none;
}
a:hover {
text-decoration:underline;
}

strong,h1 a:hover {
padding-bottom:10px;
}

h1,strong {
text-indent:30px;
font-size:20px;
}
h2 {
text-indent:25px;
font-size:14px;
}
h3 {
text-indent:20px;
font-size:12px;
}
hr {
border:0px;
border-top:5px dashed #97bce4;
border-bottom:transparent;
height:5px;
}
h1:first-letter,h1 a:first-letter,h1 a:hover {
font-size:24px;
font-weight:700;
}
h2:first-letter,h3:first-letter,strong:first-letter {
font-size:20px;
font-weight:700;
}

address:first-letter,p a:first-letter,p:first-letter {
font-size:16px;
font-weight:700;
}

p a:hover,p {
text-indent:30px;
}

acronym,.info {
border-bottom:1px dotted red;
cursor:help;
}

ul {
list-style-type:none;
}

a.button,a.button:hover,input.button,input.button:hover,input.textbox,input.textbox:hover,textarea.textbox,textarea.textbox:hover {
color:#000;
}
input.textbox,input.textbox:hover,textarea.textbox,textarea.textbox:hover {
background-color:#fff;
}
input.textbox,input.textbox:hover,textarea.textbox,textarea.textbox:hover {
cursor:text;
}
a.button,input.button {
background-color:#97bce4 !important;
border-color:#ccc #000 #000 #ccc;
}
a.button:hover,input.button:hover {
background-color:transparent;
border-color:#000 #ccc #ccc #000;
}
textarea.textbox,input.textbox {
border:1px solid #000;
padding:3px;
}

#Content {
padding-top:10px;
padding-bottom:10px;
text-align:left;
cursor:default;
}

#Form {
margin:10px 20px;
}

#Header {
color:#000;
background-color:#97bce4;
border:1px solid #000;
font-size:10px;
text-align:left;
vertical-align:top;
cursor:default;
}

#Left {
float:left;
vertical-align:top;
padding:5px 0;
}

#Menu {
text-align:center; height:15px;
}

#Online {
text-align:center;
}

#Pix span {
width:130px;
height:130px;
border-bottom:0 dotted red;
margin:10px;
padding:10px;
}

#Space span, #Spacer span {
margin:10px;
padding:10px;
}

#Space a, #Spacer a {
border-bottom:0;
}

#Right {
float:right;
vertical-align:top;
padding:5px 0;
}

#Title{
font-size:20px;
text-align:center;
padding:5px 0;
}

.address,.gaestbook_center {
text-align:center;
}

.ContentBlock {
color:#000;
background-color:#dceefd;
border:1px solid #000;
text-align:left;
padding:10px;
}

.ContentBlock p {
padding:10px;
}

.ContentBlock > * {
border-bottom:0 dotted #999;
text-align:left;
padding:0;
}

.ContentBlock * a {
border-bottom:1px dotted red;
text-align:left;
}

.ContentBlock * a img {
border:0;
}

.gaestbook,.top {
text-align:right;
}

.button {
color:#000;
background-color:transparent !important;
border:1px solid;
cursor:pointer;
border-color:#ccc #999 #999 #ccc;
margin:2px;
padding:0 2px;
}

.button:hover {
color:#000;
background-color:transparent;
border-color:#000 #ccc #ccc #000;
}

.historie td {
text-indent:20px;
}

.blue {
color:blue;
background-color:transparent;
}

.red {
color:red;
background-color:transparent;
}

.OnlineCurrentStat {
color:#000;
background-color:#fff;
list-style:none;
display:inline;
border:1px solid #000;
text-decoration:none;
border-top:1px solid transparent;
padding:0 10px;
}

.title {
position:absolute;
top:60px;
font-size:16px;
text-indent:30px;
}

.title:first-letter {
font-size:20px;
text-indent:30px;
font-weight:700;
}

.ContentBlock * a:hover,a {
text-decoration:none;
}

.battles {
width:450px;
height:225px;
text-align:center;
}

.bubbles {
width:600px;
height:480px;
text-align:center;
}

.award, .award table, .award tr td a, .award tr td a:hover, .award tr td a:visited {
text-align:center; background:transparent; margin:0 auto; text-decoration:none; border-bottom:none; 
}
.menu2, .menu2 table {
text-align:center; background:transparent; height:30px; margin:0 auto;
}
.menu2 tr td a, .menu2 tr td a:hover, .menu2 tr td a:visited {
display:block; background:transparent; text-decoration:none; border-bottom:none; height:30px; color:#000; padding-left:35px; line-height:29px;
}

.home {background:transparent url(menu/home.gif) no-repeat;}
.infos {background:transparent url(menu/info.gif) no-repeat;}
.me {background:transparent url(menu/me.gif) no-repeat 5px;}
.you {background:transparent url(menu/you.gif) no-repeat 5px;}
.gbook {background:transparent url(menu/gbook.gif) no-repeat 5px;}
.links {background:transparent url(menu/links.gif) no-repeat 5px;}
.rss {background:transparent url(menu/rss.gif) no-repeat 5px;}
.history {background:transparent url(menu/history.gif) no-repeat 5px;}
.contact {background:transparent url(menu/contact.gif) no-repeat 5px;}
.pix {background:transparent url(menu/pix.gif) no-repeat;}
.pix2 {background:transparent url(menu/pix2.gif) no-repeat 5px;}
.pix3 {background:transparent url(menu/pix3.gif) no-repeat 5px;}
.pix4 {background:transparent url(menu/pix4.gif) no-repeat 5px;}
.pix5 {background:transparent url(menu/pix5.gif) no-repeat 5px;}
.pix6 {background:transparent url(menu/pix6.gif) no-repeat 5px;}
.games {background:transparent url(menu/games.gif) no-repeat;}
.game1 {background:transparent url(menu/game1.gif) no-repeat 5px;}
.game2 {background:transparent url(menu/game2.gif) no-repeat 5px;}
.products {background:transparent url(menu/products.gif) no-repeat;}
.software1 {background:transparent url(menu/software1.gif) no-repeat 5px;}
.software2 {background:transparent url(menu/software2.gif) no-repeat 5px;}
.software3 {background:transparent url(menu/software3.gif) no-repeat 5px;}
.software4 {background:transparent url(menu/software4.gif) no-repeat 5px;}
.software5 {background:transparent url(menu/software5.gif) no-repeat 5px;}
.software6 {background:transparent url(menu/software6.gif) no-repeat 5px;}
.software7 {background:transparent url(menu/software7.gif) no-repeat 5px;}
.software8 {background:transparent url(menu/software8.gif) no-repeat 5px;}
.tex {background:transparent url(menu/tex.gif) no-repeat 5px;}
.tutorials {background:transparent url(menu/tutorials.gif) no-repeat;}
.tuts1 {background:transparent url(menu/tuts1.gif) no-repeat 5px;}
.tuts2 {background:transparent url(menu/tuts2.gif) no-repeat 5px;}
.tuts3 {background:transparent url(menu/tuts3.gif) no-repeat 5px;}
.tuts4 {background:transparent url(menu/tuts4.gif) no-repeat 5px;}
.impress {background:transparent url(menu/impress.gif) no-repeat;}

.de {background:transparent url(menu/german.gif) no-repeat;}
.en {background:transparent url(menu/english.gif) no-repeat;}

/* commom style for all browsers */
.container {
text-align:center; height:35px; margin:0;
}

.menu {
text-align:left; font-size:0.85em; width:760px; height:30px; margin:0 auto;
}
.menu ul {
padding:0; margin:0; list-style-type: none; height:3em; background:transparent;
}
.menu ul li {
float:left; height:3em; line-height:3em; display:block;
}
/* style the links for the top level */
.menu a, .menu a:visited {
display:block; float:left; width:70px; height:30px; font-size:1em; text-decoration:none; color:#000; padding-left:35px;
}

/* style the sub level links */
.menu ul ul a, .menu ul ul a:visited {
display:block; color:#f00; width:130px;
}

/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {
border-collapse:collapse; margin:-1px; font-size:1em; z-index:1;
}

/* style the level hovers */
/* first */
* html .menu a:hover {color:#000; position:relative; z-index:100;}
.menu li:hover {position:relative;}
.menu :hover > a {color:#f00; text-decoration:underline;}
/* second */
* html .menu ul ul a:hover{color:#f00; position:relative; z-index:110;}
.menu ul ul li:hover {position:relative;}
.menu ul ul :hover > a {color:#00f; text-decoration:underline;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:3em; left:0; width:15em;}

/* make the second level visible when hover on first level list OR link */
.menu ul :hover ul{
visibility:visible; height:auto; top:30px; left:-1px; background:#fff; border:1px solid blue; overflow:visible;
}