* { margin:0;
list-style-type: none;
text-align: justify;
font-family: Comic Sans MS;

}
#top {
padding: 0px 0px 0px  690px;
margin: 0;
height: 0px
}
#top a {
font-size:80%;
}
h1 {
color:#FF0000;
font-style:italic;
font-family: Comic Sans MS;}
p,li  { font-size:110%;
line-height:140%;
font-family: Comic Sans MS; }
blockquote
{ font-style: italic;
margin:1em;
padding:0 0 0 40px;
background:url(images/blockquote.gif) no-repeat left top;
}
a:link { color: #5F99FF; font-weight:bold; text-decoration:underline; }
a:visited { color:#5F99FF; font-weight:bold; text-decoration:underline; }
a:active { color:#5F99FF; font-weight:bold; text-decoration:none; }
a.an { text-decoration:none; }
body {
color: #5F99FF;
font-size: 2,0em;
font-weight: normal;
height: 42px;
padding: 4px 30px 0;
background: #070036 url(images/header.png) no-repeat;
background-position: top; center;
}
#page {
margin: 20px auto;
margin-top: 0px;
margin-bottom: 0px;
padding: 0;
width: 900px;
border: 0px;
}
#subpage {
margin: 0 20px;
}
img {
border: 0;
}
h1, h2, h3, h4, h5, h6
{
style="font-family: Century Gothic""
}
h1 { color: #cccccc;
font-size: 1,5em;
font-weight: normal;
height: 63px;
padding: 24px 0px 0;
}
h1 span { color: #ffffff;
font-size: .8em;
}
h2 { color: #FDFF00;
font-size: 1,1em;
font-weight: normal;
height: 63px;
padding: 24px 13px 0;
}
h3 { color: ##FDFF00
font-size: 1em;
font-weight: normal;
height: 44px;
}
h4 { color: #5F99FF;
font-size: 13px;
font-weight: normal;
height: 100px;
padding: 5px 0px 0px 0px;
}
------
/* Rolling Menu Styles */
#sidebar {
display: block;
border: 0px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
z-index: 90;
position: absolute;
top: 280px;
font-family:Verdana;

}
#sidebar ul {
min-height: 100px;
list-style-type: none;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
z-index: 9999;
font-weight: bold;
font-size: 14px;
font-family:Verdana;
}
#sidebar li {
list-style-image: url(images/pix-arrow-right.gif);  
float: left;
min-height: 20px;
position: relative;
text-align: left;
padding: 0px 0px 0px;
margin: 1px 40px 0px 8px;
z-index: 90000;font-family:Verdana;
border-top: 2px #d30000; 
border-top-style: solid;
border-left: 2px #d30000; 
border-left-style: solid; 
border-right: 2px #d30000; 
border-right-style: solid;
border-bottom:2px #d30000;
border-bottom-style: solid;
-moz-border-radius:8px;
-khtml-border-radius:6px;


}


#sidebar h2 {
padding: 0px;
margin: 0px;
font-size: 1em;
font-family:Verdana;
}
#sidebar li ul {
width: 270px;
height: auto;
left: 0px;
top:27px;
border-top: 6px #070036; 
border-top-style: solid;
border-left: 0px #d30000; 
border-left-style: solid; 
border-right: 0px #d30000; 
border-right-style: solid;
border-bottom:4px #d30000;
border-bottom-style: solid;
-moz-border-radius:15px;
-khtml-border-radius:6px; 

}


#sidebar a {
text-decoration: none;
font-family:Helvetica,Helv;
font-size: 14px;
padding:0px 6px 0px 6px;
color:#000000;
}



#sidebar a:hover {
text-decoration: none;
font-family:Helvetica,Helv;
font-size: 14px;
padding:0px 6px 0px 6px;
color:#ffe006;
}


#sidebar .current_page_item a { color:#ffe006; } 
/* the current Page */
#sidebar .current_page_parent a { color:#ffe006; }
/* parent of the current Page */




/* initialy hide all sub sidemenus */
#sidebar ul ul,
#sidebar ul li:hover ul ul,
#sidebar ul ul li:hover ul ul,
#sidebar ul ul ul li:hover ul ul,
#sidebar ul ul ul ul li:hover ul ul {
position: absolute;
display:none;
}
/* display them on hover */
#sidebar li:hover ul,
#sidebar ul li:hover ul,
#sidebar ul ul li:hover ul,
#sidebar ul ul ul li:hover ul,
#sidebar ul ul ul ul li:hover ul,
#sidebar ul ul ul ul ul li:hover ul {
display: block;background-color: #d30000;
padding:10px;  
}



#sidebar  li li {
background:  #d30000;
border-bottom-style: none;
}


#sidebar  li {
background:-moz-linear-gradient(top, #f2ca71, #d30000); /* Firefox */
background:-webkit-gradient(linear, left top, left bottom, from(#f2ca71), to(#d30000)); /* Safari, Chrome */
background:-webkit-linear-gradient(top, #f2ca71, #d30000); /* Safari, Chrome - neue Syntax! */
background:-o-linear-gradient(top, #f2ca71, #d30000); /* Opera */
background:-ms-linear-gradient(top, #f2ca71, #d30000); /* IE */
background:linear-gradient(top, #f2ca71, #d30000); /* W3C*/
}

/*****************************************************
*   Special styles for the various page templates
****************************************************/
/* Styles for the "3-columns-page template" */
#pageleft {
float: left;
width: 265px;
margin: 20px 20px 0px 0px;
padding: 0 20px 0 0;
border-right: solid 1px #999;
text-align:justify;
}
#pagemiddle {
float: left;
width: 265px;
margin: 20px 20px 0px 0px;
padding: 0px;
text-align:justify;
}
#pageright {
float: right;
width: 265px;
margin: 20px 0px 0px 0px;
padding: 0 0 0 20px;
border-left: solid 1px #999;
text-align:justify;
}
#pageleft .bullets li, #pagemiddle .bullets li, #pageright .bullets li {
list-style:square;
margin-bottom:5px;
margin-left:22px;
}

/*****************************************************
*   Special styles for the various page templates
****************************************************/
div#box1 {position:relative; top:10px; left: 22px;}
div#box2 {position:relativ; top:0px; left: 22px;}
div#box3 {position:relative; top:40px; left: 10px;}
div#boxvideo {position:absolute; top:0px; left: 140px;}
div#boxvideo2 {position:absolute; top:120px; left: 350px;}
/* Blogtoys ------------------------------------------- */
.blogtoy {
border-top: 1px solid; color: #5F99FF;
font-size: 0.8571em;
line-height: 1.66666em;
clear: both;
}
.blogtoy .space1,
.blogtoy .space2 {
clear: both;
width: 200px;
padding-bottom: 0.6em;
}
.blogtoy h2.widgetheader {
font-size: 1.1666em;
margin: 0 auto;
text-align: left;
background: url(images/arrowdownblack.png) right no-repeat;
position: relative;
z-index: 10;
line-height: 1.75em;
}
.blogtoy h2.widgetheader:hover {
color: #5F99FF;
background: url(images/arrowdown.gif) right no-repeat;
cursor: pointer;
}
.blogtoy dt {
float: left;
clear: left;
padding-left: 0.9em;
margin-right: 1.2em;
background: url(images/pix-arrow-right.gif) 0 0.5em no-repeat;
}
.blogtoy dd {
margin-left: 0.9em;
}
.blogtoy a:link,
.blogtoy a:visited {
text-decoration: none;
}
.blogtoy a:focus,
.blogtoy a:hover,
.blogtoy a:active {
color: #FDFF00;
text-decoration: underline;
}
.blogtoy .innerwidget {
margin: 0 auto;
width: 37.5em;
text-align: left;
overflow: hidden;
position: relative;
z-index: 0;
}
.blogtoy ul li {
padding-left: 13px;
background: url(images/pix-arrow-right.gif) 1px 0.5em no-repeat;
}
.blogtoy ul li.rss {
background: url(images/rss.gif) 1px 50% no-repeat;
padding-left: 18px;
}
.juni05, .juni06, .juni07, .juni08, .juni09, .juni10, .juni11, .juni12, .juni13, .juni14 {
background-image:url(../grafik/layout/programm_trans.png);
padding: 5px;
margin: 0 5px 30px 0;
}
*html .juni05, .juni06, .juni07, .juni08, .juni09, .juni10, .juni11, .juni12, .juni13, .juni14 {
background-image:none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src='../grafik/layout/programm_trans.png');
padding: 5px;
margin: 0 5px 30px 0;
}
.juni05, .farbe05 {
color: #e85193;
}
.juni05 h1 {
background-color: #e85193;
}
.juni06, .farbe06 {
color: #5ae8e6;
}
.juni06 h1 {
background-color: #5ae8e6;
}
.juni07, .farbe07 {
color: #B1C903;
}
.juni07 h1 {
background-color: #B1C903;
}
.juni08, .farbe08 {
color: #008BCE;
}
.juni08 h1 {
background-color: #008BCE;
}
.juni09, .farbe09 {
color: #E30167;
}
.juni09 h1 {
background-color: #E30167;
}
.juni10, .farbe10 {
color: #e63a28;
}
.juni10 h1 {
background-color: #e63a28;
}
.juni11, .farbe11 {
color: #f9b828;
}
.juni11 h1 {
background-color: #f9b828;
}
.juni12, .farbe12 {
color: #e85a7a;
}
.juni12 h1 {
background-color: #e85a7a;
}
.juni13, .farbe13 {
color: #5ae8e6;
}
.juni13 h1 {
background-color: #5ae8e6;
}
.juni14, .farbe14 {
color: #B1C903;
}
.juni14 h1 {
background-color: #B1C903;
}
hpostlist { position: relative;
width: 490px; float: left; font-size: 11px;
text-align: justify;
line-height: 20px;
letter-spacing: 1px;
padding: 10px 0px 0px 20px;
margin: 0px 20px 0 0;
}