/* Anfang Textverhalten im Bodytag */
body {
font-family: Verdana, Arial, Tahoma, Geneva, "Lucida Grande", sans-serif;
font-size: 12px;
background-color: #DFE1FF;
color: #0033FF;
text-decoration: none;
text-align: justify;
padding:0;
margin: 0 0  10px;
}
/* Ende Textverhalten im Bodytag */

p, table {
font-family: Verdana, Arial, "Lucida Grande", sans-serif;
font-size: 12px;
}

table {font-size: 12px;}

p {text-align: justify;}
  
/* Verhalten normaler Textlinks */
a {text-decoration: underline;}
a:link {color: #00007F; text-decoration: underline;}
a:active {text-decoration: underline;}
a:hover {color: #00CCFF; text-decoration: underline;}
a:visited {color: #00AADD;text-decoration: underline;}
/* Verhalten normaler Textlinks */

h1, h2, h3, h4, h5, h6 {
color: darkblue;
font-family: "Arial Rounded MT", Arial, sans-serif;
letter-spacing: 1px;
-moz-column-span: all;
-webkit-column-span: all;
column-span: all;
}

h1{ font-size:30px; font-weight: normal; text-shadow: 5px 5px 5px #404040;}
h2{ font-size:21px; font-weight: bold; text-shadow: 4px 4px 4px #808080;}
h3{ font-size:21px; font-weight: bold; text-shadow: 4px 4px 4px #808080; margin-top:0px; margin-bottom:8px;}
h4{ font-size:13px;}
h5{ font-size:16px; font-weight: normal; text-shadow: 2px 2px 2px #808080; margin-top:0px; margin-bottom:8px;}
/*h6{ font-size:18px; font-weight: bold; text-shadow: 2px 2px 2px #404040; margin-top:2px; margin-bottom:2px;}*/
h6{ font-size:18px; font-weight: bold; margin-top:2px; margin-bottom:2px;}



h2 a {color: darkblue; text-decoration: none;}
h2 a:link {color: darkblue; text-decoration: none;}
h2 a:active {color: darkblue; text-decoration: underline;}
h2 a:hover {color: #00CCFF; text-decoration: underline;}
h2 a:visited {color: darkblue; text-decoration: none;}

h3 a {color: darkblue; text-decoration: none;}
h3 a:link {color: darkblue; text-decoration: none;}
h3 a:active {color: darkblue; text-decoration: underline;}
h3 a:hover {color: #00CCFF; text-decoration: underline;}
h3 a:visited {color: darkblue; text-decoration: none;}

h6 a {color: darkblue; text-decoration: none;}
h6 a:link {color: darkblue; text-decoration: none;}
h6 a:active {color: darkblue; text-decoration: underline;}
h6 a:hover {color: #00CCFF; text-decoration: underline;}
h6 a:visited {color: darkblue; text-decoration: none;}



hr {width: 90%; color: #003366; clear:both;}

.prog {color: #dd0000; font-weight: bold; white-space:pre;}

.navbuttons {
font-family: Arial Rounded MT, Arial, sans-serif;
color: darkblue;
font-size:15px; 
text-shadow: 0px 0px 1px #404040;
height: 30px;
position:relative;
width: 550px;
margin: 0 auto;
clear:both;
}

.navbuttons a {text-decoration: none; vertical-align:middle;}
.navbuttons a:hover {text-decoration: none; color: #6699FF;}


.btnprev {
position:absolute;
top: 0px;
left: 0px;
width: 125px;
height: 30px;
text-align: left;
padding-left: 20px;
vertical-align: middle;
background:-moz-linear-gradient(right, #e1ddd9, #ffffff); /* Firefox */
background:-webkit-linear-gradient(right, #e1ddd9, #ffffff); /* Safari, Chrome */
background:-o-linear-gradient(right, #e1ddd9, #ffffff); /* Opera */
background:-ms-linear-gradient(right, #e1ddd9, #ffffff); /* IE */
background:linear-gradient(right, #e1ddd9, #ffffff); /* W3C Standard */
}

.btnnext {
position:absolute;
top: 0px;
left: 425px;
width: 125px;
height: 30px;
text-align: right;
vertical-align:middle;
padding-right: 20px;
background:-moz-linear-gradient(left, #e1ddd9, #ffffff); /* Firefox */
background:-webkit-linear-gradient(left, #e1ddd9, #ffffff); /* Safari, Chrome */
background:-o-linear-gradient(left, #e1ddd9, #ffffff); /* Opera */
background:-ms-linear-gradient(left, #e1ddd9, #ffffff); /* IE */
background:linear-gradient(left, #e1ddd9, #ffffff); /* W3C Standard */
}

.btnback {
position:absolute;
top: 0px;
left: 125px;
width: 300px;
height: 30px;
text-align: center;
vertical-align:middle;
background-color: #e1ddd9;
}

.navback {
font-family: Arial Rounded MT, Arial, sans-serif;
color: darkblue;
font-size:15px; 
text-shadow: 0px 0px 1px #404040;
height: 30px;
width: 300px;
position:relative;
margin: 0 auto;
vertical-align:middle;
text-align: left;
vertical-align: middle;
background:-moz-linear-gradient(right, #e1ddd9, #ffffff); /* Firefox */
background:-webkit-linear-gradient(right, #e1ddd9, #ffffff); /* Safari, Chrome */
background:-o-linear-gradient(right, #e1ddd9, #ffffff); /* Opera */
background:-ms-linear-gradient(right, #e1ddd9, #ffffff); /* IE */
background:linear-gradient(right, #e1ddd9, #ffffff); /* W3C Standard */
}

.navback a {text-decoration: none; vertical-align:middle;}
.navback a:hover {text-decoration: none; color: #6699FF;}

.btnbestell {
float: right;
font-family: "Arial Rounded MT", Arial, sans-serif;
color: #DD0000;
font-size:15px; 
text-shadow: 0px 0px 1px #404040;
height: 30px;
position:relative;
width: 250px;
margin: 0 auto;
text-align: right;
vertical-align:middle;
padding-top: 10px;
padding-right: 10px;
background:-moz-linear-gradient(left, #e1ddd9, #ffffff); /* Firefox */
background:-webkit-linear-gradient(left, #e1ddd9, #ffffff); /* Safari, Chrome */
background:-o-linear-gradient(left, #e1ddd9, #ffffff); /* Opera */
background:-ms-linear-gradient(left, #e1ddd9, #ffffff); /* IE */
background:linear-gradient(left, #e1ddd9, #ffffff); /* W3C Standard */
}

.btnbestell a {text-decoration: none; vertical-align:middle; color: #dd0000;}
.btnbestell a:hover {text-decoration: none; color: #6699FF;}
.bestbuttons a:visited {text-decoration: none; color: #dd0000;}


.bestbuttons {
font-family: "Arial Rounded MT", Arial, sans-serif;
color: darkblue;
font-size:15px; 
text-shadow: 0px 0px 1px #404040;
height: 30px;
position:relative;
left:25px;
width: 550px;
margin: 0 auto;
text-align: right;
vertical-align:middle;
padding-right: 10px;
background:-moz-linear-gradient(left, #e1ddd9, #ffffff); /* Firefox */
background:-webkit-linear-gradient(left, #e1ddd9, #ffffff); /* Safari, Chrome */
background:-o-linear-gradient(left, #e1ddd9, #ffffff); /* Opera */
background:-ms-linear-gradient(left, #e1ddd9, #ffffff); /* IE */
background:linear-gradient(left, #e1ddd9, #ffffff); /* W3C Standard */
}

.bestbuttons a {text-decoration: none; vertical-align:middle;}
.bestbuttons a:hover {text-decoration: none; color: #6699FF;}
.bestbuttons a:visited {text-decoration: none;}


.bestprev {
position:absolute;
top: 0px;
left: 0px;
width: 275px;
height: 30px;
text-align: left;
padding-left: 10px;
vertical-align: middle;
background:-moz-linear-gradient(right, #e1ddd9, #ffffff); /* Firefox */
background:-webkit-linear-gradient(right, #e1ddd9, #ffffff); /* Safari, Chrome */
background:-o-linear-gradient(right, #e1ddd9, #ffffff); /* Opera */
background:-ms-linear-gradient(right, #e1ddd9, #ffffff); /* IE */
background:linear-gradient(right, #e1ddd9, #ffffff); /* W3C Standard */
}

.bestnext {
position:absolute;
top: 0px;
left: 275px;
width: 275px;
height: 30px;
text-align: right;
vertical-align:middle;
padding-right: 10px;
background:-moz-linear-gradient(left, #e1ddd9, #ffffff); /* Firefox */
background:-webkit-linear-gradient(left, #e1ddd9, #ffffff); /* Safari, Chrome */
background:-o-linear-gradient(left, #e1ddd9, #ffffff); /* Opera */
background:-ms-linear-gradient(left, #e1ddd9, #ffffff); /* IE */
background:linear-gradient(left, #e1ddd9, #ffffff); /* W3C Standard */
}

.bestbestell {
position:absolute;
top: 0px;
left: 275px;
width: 275px;
height: 30px;
text-align: right;
vertical-align:middle;
padding-right: 10px;
background:-moz-linear-gradient(left, #e1ddd9, #ffffff); /* Firefox */
background:-webkit-linear-gradient(left, #e1ddd9, #ffffff); /* Safari, Chrome */
background:-o-linear-gradient(left, #e1ddd9, #ffffff); /* Opera */
background:-ms-linear-gradient(left, #e1ddd9, #ffffff); /* IE */
background:linear-gradient(left, #e1ddd9, #ffffff); /* W3C Standard */
}

.bestbestell a {text-decoration: none; vertical-align:middle; color: #dd0000;}
.bestbestell a:hover {text-decoration: none; color: #6699FF;}
.bestbestell a:visited {text-decoration: none; color: #dd0000;}

.floatleft {
float: left;
padding-right: 10px;
padding-bottom: 10px;
}

.floatright {
float: right;
padding-left: 10px;
padding-bottom: 10px;
}


.download {
color: darkblue;
font-family: 'Arial Rounded MT', Arial, sans-serif;
font-size: 20px;
text-align:center;
letter-spacing: 1px;
width:250px;
margin: 0 auto;
border-radius: 5px 5px 5px 5px; /* W3C Standard, Opera */
-moz-border-radius: 5px 5px 5px 5px; /* Firefox */
-webkit-border-radius: 5px 5px 5px 5px; /* Safari, Chrome */
background: #d0e4f7; /* Old browsers */
background: -moz-linear-gradient(top,  #d0e4f7 0%, #73b1e7 24%, #0a77d5 50%, #539fe1 79%, #87bcea 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d0e4f7),color-stop(24%,#73b1e7), color-stop(50%,#0a77d5),color-stop(79%,#539fe1), color-stop(100%,#87bcea)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #d0e4f7 0%,#73b1e7 24%,#0a77d5 50%,#539fe1 79%,#87bcea 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #d0e4f7 0%,#73b1e7 24%,#0a77d5 50%,#539fe1 79%,#87bcea 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #d0e4f7 0%,#73b1e7 24%,#0a77d5 50%,#539fe1 79%,#87bcea 100%); /* IE10+ */
background: linear-gradient(top,  #d0e4f7 0%,#73b1e7 24%,#0a77d5 50%,#539fe1 79%,#87bcea 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0e4f7', endColorstr='#87bcea',GradientType=0 ); /* IE6-9 */
}

.download a {text-decoration: none;}
.download a:link {color: darkblue; text-decoration: none;}
.download a:active {color: darkblue; text-decoration: none;}
.download a:hover {color: #00CCFF; text-decoration: none;}
.download a:visited {color: darkblue; text-decoration: none;}

#header {
position:relative;
width: 1024px;
margin: 0 auto;
padding: 10px 5px;
}

.hinweisrot {
  color: #ff0000;
  font-family: "Arial Rounded MT", Arial, sans-serif;
  font-size: 22px;
  font-weight: bold; 
  text-shadow: 4px 4px 4px #404040;
}

@-moz-keyframes blink { /* Firefox */ 
from {filter:alpha(opacity=100); opacity: 1.0;}
to {filter:alpha(opacity=0); opacity: 0.0;}
}

@-webkit-keyframes blink { /* Safari and Chrome */
from {filter:alpha(opacity=100); opacity: 1.0;}
to {filter:alpha(opacity=0); opacity: 0.0;}
} 

@keyframes blink {
from {filter:alpha(opacity=100); opacity: 1.0;}
to {filter:alpha(opacity=0); opacity: 0.0;}
}

.blinkend {
  color: #ff0000;
  font-family: "Arial Rounded MT", Arial, sans-serif;
  font-size: 22px;
  font-weight: bold; 
  text-shadow: 4px 4px 4px #404040;
  -moz-animation: blink infinite alternate 1s; /* Firefox */
  -webkit-animation: blink infinite alternate 1s; /* Safari and Chrome */
  animation: blink infinite alternate 1s;
}  


/* container to center the layout
-------------------------------------- */
#container {
width: 1024px;
-webkit-box-shadow: 3px 3px 7px #777;
-moz-box-shadow: 3px 3px 7px #777;
box-shadow: 3px 3px 7px #777;
border:1px solid #97827F;
margin: 0 auto;

border-radius: 0px 15px 0px 15px; /* W3C Standard, Opera */
-moz-border-radius: 0px 15px 0px 15px; /* Firefox */
-webkit-border-radius: 0px 15px 0px 15px; /* Safari, Chrome */
}

#topnavi {
font-family: "Arial Rounded MT", Arial, sans-serif;
font-size: 16px;
letter-spacing: 1px;
background-color: #003366;
margin: 0;
padding: 5px 0;
border-bottom: 7px solid  #e1ddd9;
border-radius: 0px 15px 0px 0px; /* W3C Standard, Opera */
-moz-border-radius: 0px 15px 0px 0px; /* Firefox */
-webkit-border-radius: 0px 15px 0px 0px; /* Safari, Chrome */
}

#topnavi a { 
color: #ffffff;
text-decoration: none; 
margin: 0;
padding: 5px 25px;
-moz-border-radius: 10px 10px 0px 0px; /* Firefox */
-webkit-border-radius: 10px 10px 0px 0px; /* Safari, Chrome */
border-radius: 10px 10px 0px 0px; /* W3C Standard, Opera */
}

#topnavi a:hover {color: #003366; background-color: #ffffff;}

#container #topnavi a.selected {
background-color: #e1ddd9;
color: #003366;
}

/* middle elements
-------------------------------------- */
#middle {
background:-moz-linear-gradient(top, #e1ddd9, #ffffff); /* Firefox */
background:-webkit-linear-gradient(top, #e1ddd9, #ffffff); /* Safari, Chrome */
background:-o-linear-gradient(top, #e1ddd9, #ffffff); /* Opera */
background:-ms-linear-gradient(top, #e1ddd9, #ffffff); /* IE */
background:linear-gradient(top, #e1ddd9, #ffffff); /* W3C Standard */
height: 560px;
padding: 10px 0;
margin-left: 0;
margin-right: 0px;
position:relative;
}

/* content elements
-------------------------------------- */
#content {
position:absolute;
overflow:auto;
border-right: 1px solid gray;
top:0px;
bottom:10px;
padding: 5px;
max-height: 560px;
margin-right: 280px;
margin-bottom: 0;
}

#content a:after, #content a:link:after  { 
color: #000000;
}
#content a:visited:after {color:#000000; 
content: " (" attr(href) ") ";}

#partner {
font-size: 11px;
max-height: 540px;
overflow: auto;
margin-left: 744px;
margin-bottom: 0;
width: 280px;
text-align: center;
}

/* inhalt elements
-------------------------------------- */
#inhalt {
background:-moz-linear-gradient(top, #e1ddd9, #ffffff); /* Firefox */
background:-webkit-linear-gradient(top, #e1ddd9, #ffffff); /* Safari, Chrome */
background:-o-linear-gradient(top, #e1ddd9, #ffffff); /* Opera */
background:-ms-linear-gradient(top, #e1ddd9, #ffffff); /* IE */
background:linear-gradient(top, #e1ddd9, #ffffff); /* W3C Standard */
max-height: 560px;
position:relative;
overflow:auto;
//top:10px;
bottom:10px;
padding: 8px;
}

#inhalt a:after, #middle a:link:after  { 
color: #000000;
}
#inhalt a:visited:after {color:#000000; 
content: " (" attr(href) ") ";}

.spalten2 {
 -moz-column-count: 2; 
 -moz-column-gap: 20px;
 //-moz-column-rule: 2px solid #003366;
 -webkit-column-count: 2; 
 -webkit-column-gap: 20px;
 //-webkit-column-rule: 2px solid #003366;
 column-count: 2; 
 column-gap: 20px;
 //column-rule: 2px solid #003366;
} 

.spalten3 {
 -moz-column-count: 3; 
 -moz-column-gap: 40px;
 -moz-column-rule: 2px solid #003366;
 -webkit-column-count: 3; 
 -webkit-column-gap: 40px;
 -webkit-column-rule: 2px solid #003366;
 column-count: 3; 
 column-gap: 40px;
 column-rule: 2px solid #003366;
} 


/*footer
-------------------------------------- */
#footer {
text-align: center;	
clear: both;
padding: 5px 25px;
color: #ffffff;
font-size: 12px;
margin: 0px;
background-color: #003366;
border-radius: 0px 0px 0px 15px; /* W3C Standard, Opera */
-moz-border-radius: 0px 0px 0px 15px; /* Firefox */
-webkit-border-radius: 0px 0px 0px 15px; /* Safari, Chrome */
}

#footer a {
color: #ffffff; 
font-weight: bold;
}
//#footer a:visited {color:#ffffff;}
#footer a:hover {color: #0099CC;}
//#footer a:active { color:#ffffff;}


.sf-menu, .sf-menu * {
margin:0;
padding:0;
list-style:none;
}

.sf-menu {
line-height:1.0;
}

.sf-menu ul {
position:absolute;
top:-999em;
}

.sf-menu ul li {	width:100%;}

.sf-menu li:hover {visibility:inherit; /* fixes IE7 'sticky bug' */}

.sf-menu li {
float:left;
position:relative;
width:auto;
}

.sf-menu a {
display:block;
position:relative;
}

.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
left:0px;
top:25px; /* match top ul list item height */
z-index:100;
}

ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
top:-999em;
}

ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
//left:120px; /* match ul width */
top:0px!important;
}

ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
top:-999em;
}

ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
//left:120px; /* match ul width */
top:0px!important;
}

/** Menü */

.sf-menu {
height: 20px;
margin: 0px;
padding: 0px;
width: auto;
}

.sf-menu li {	
margin: 0px;
padding: 0px;
list-style: none;
}

.sf-menu ul li {
-moz-box-shadow: 4px 2px 2px #999;
-webkit-box-shadow: 4px 2px 2px #999;
box-shadow: 4px 4px 2px #999;
width: 210px;
}

.sf-menu li li a,
.sf-menu li li a:visited {
padding: 0px;
line-height: 20px;
background-color: #ffffff;
color: #003366!important;
font-weight: normal;
text-transform: none;
text-shadow: none;
-moz-border-radius: 0px!important; /* Firefox */
-webkit-border-radius: 0px!important; /* Safari, Chrome */
border-radius: 0px!important; /* W3C Standard, Opera */
}

.sf-menu li li a:hover {
text-shadow: 0px 0px 3px #33CCFF;
}