html, body, div, p, h1, h2, h3, li, ul,
span, a, table, td, form, img {
margin: 0px;
padding: 0px;
}
body {
background:#fefefe url('bilderstart/farbverlauf.jpg') repeat-x left 142px;
font-size: 15px;
font-family: Calibri,Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#373739;
text-align:center;
}
/**************************************************/
/*Navigation*/
/**************************************************/
.container {width:100%; height:440px; padding-top:10px; }
a, a:visited, a:hover, a:active {color:#4397dd;}
a img {border:none;}
/* ================================================================
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/menus/cssplay-pushpull.html
Copyright (c) 2005-2010 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any
way to fit your requirements.
=================================================================== */
.nav, .nav ul {padding:0; margin:0; list-style:none; }
.nav {margin:0 auto; position:relative; overflow:hidden; width:800px; height:52px; }
.nav div div {position:absolute; left:0; height:0; width:800px;}
.nav ul {position:absolute; left:0; bottom:0;}
.nav li {float:left; margin-top:0;}
.nav li.right {float:right;}
.nav li.right ul {left:auto; right:0;}
.nav li.right ul li {float:right;}
.nav a {position:relative; line-height:26px; display:block; font-weight:bold; font-family: verdana, sans-serif; font-size:11px; padding:0 10px; text-decoration:none; outline:0;}
.nav a.top-a {z-index:10; min-width:1px; margin-bottom:100px; color:#000;}
* html .nav a.top-a {width:1px;}
.nav ul a {height:26px;top:26px;float:left; color:#000;}
.nav ul a.pad {padding:0 1px;}
.nav ul a.pad b {position:absolute; left:0; height:26px; display:block; width:700px; cursor:default;}
.nav li.right ul a.pad b {left:auto; right:0;}
.nav li:hover > a {color:#882a77;border-top-color:#882a77;border-top:3px solid; }
.nav a.top-a:hover,
.nav a.top-a:active,
.nav a.top-a:focus {margin-bottom:0; color:#882a77;border-top-color:#882a77;border-top:3px solid;}
.nav ul a:hover,
.nav ul a:active,
.nav ul a:focus {padding-bottom:100px; color:#882a77;border-top-color:#882a77;border-top:0px solid;}
/**************************************************/
/* Positionierung der verschiedenen Div-Elementen*/
/**************************************************/
#box {
position: absolute;
background: #fefefe url('bilderstart/hintergrund3.jpg') no-repeat left top;
left: 50%;
top:92px;
width: 1000px;
height:1023px;
margin-left: -500px; /* negative Hälfte von width: 500px */
text-align:left;
}
#box a, a:visited, a:hover, a:active {color:#4397dd;}
/**************************************************/
/* Kopf */
#kopf {
-moz-background-clip:border;
-moz-background-origin:padding;
-moz-background-size:auto auto;
background-attachment:scroll;
background-color:#FEFEFE;
background-image:url("bilderstart/monabarthelrastergrau.jpg");
background-position:left bottom;
background-repeat:no-repeat;
height:92px;
left:0;
padding-bottom:5px;
padding-left:5px;
padding-right:5px;
padding-top:5px;
position:relative;
top:0;
width:100%;
}
/**************************************************/
#linieganzoben{position:absolute;
top:92px;
left:0px;
width:100%;
height:50px;
background: #F7F5F6 url('bilderstart/linie3a.jpg') repeat-x top left;
z-index:60;
}
/***************************************************/
/**************************************************/
/* 1. Kasten */
#linksoben {
position:absolute;
width:331px;
height:590px;
top:70px;
left: 0px;
overflow:auto;
}
/**************************************************/
/* 2. Kasten */
#mitteoben {
position:absolute;
width:331px;
height:271px;
top:70px;
left:331px;
overflow:hidden;
}
.inhalt {
padding-left: 10px;
padding-right: 14px;
padding-top: 10px;
padding-bottom: 10px;
}
/**************************************************/
/* 3. Kasten */
#rechtsoben {
position:absolute;
width:331px;
height:271px;
top:70px;
left:662px;
overflow:auto;
}
/**************************************************/
/* 4. Kasten */
#mittemitte {
position:absolute;
width:331px;
height:271px;
top:370px;
left:335px;
overflow:auto;
}
/**************************************************/
/* 5. Kasten */
#rechtsmitte {
position:absolute;
width:331px;
height:271px;
top:370px;
left:662px;
overflow:auto;
}
.bildpass{
padding-left: 8px;
padding-top: 20px;
}
/**************************************************/
/* 6. Kasten */
#linksunten {
position:absolute;
text-align:center;
width:331px;
height:271px;
top:664px;
left: 0px;
overflow:auto;
}
#linksunten a, a:visited, a:active {color:#4397dd;text-decoration: underline; }
#linksunten a:hover {color:#4397dd;text-decoration: underline;}
/**************************************************/
/* 7. Kasten */
#mitteunten {
position:absolute;
text-align:center;
width:331px;
height:271px;
top:664px;
left:331px;
overflow:auto;
}
/**************************************************/
/* 8. Kasten */
#rechtsunten {
position:absolute;
width:331px;
height:271px;
top:664px;
left:662px;
overflow:auto;
}
/**************************************************/
/* Fuss */
/**************************************************/
#linieoben{position:absolute;
top:1080px;
left:0px;
width:100%;
height:3px;
background-color:#e7e7e9;
z-index:60;
}
#linieunten{position:absolute;
top:1117px;
left:0px;
width:100%;
height:3px;
background-color:#e7e7e9;
z-index:60;
}
#fusslinks {
position:absolute;
top:1083px;
left:0px;
width:50px;
background-color:#f0f0f0;
padding:5px;
z-index:50;
}
/**************************************************/
#fussrechts {
position:absolute;
top:1083px;
left: 0px;
width:100%;
background-color:#f0f0f0;
padding:5px;
font-size: 20px;
color: #4397dd;
}
#fussrechts a, a:visited, a:active {color:#4397dd;text-decoration: underline; }
#fussrechts a:hover {color:#4397dd;text-decoration: underline;}
#fuss {
position:absolute;
top:1120px;
left:0px;
height:200px;
width:100%;
background:#8b8b8c url(bilderstart/grauekuller.png) no-repeat top right ;
padding:5px;
z-index:55;
text-align:center;}
#fuss td {vertical-align:top; padding:10px;
}
#fuss a, a:visited, a:active {color:#fefefe;text-decoration:none;}
#fuss a:hover {color:#d7d7d9;text-decoration:none;}
#fuss table {text-align:left; margin-left:auto; margin-right:auto;
}
#fusssponsor {
position:absolute;
top:1320px;
left:0px;
width:100%;
background:#4b4b4c ;
padding:5px;
z-index:60;
text-align:center;}
/**************************************************/
imagemap
/**************************************************/
a, a:hover, a:active, a:focus {} /* required for IE */
#imagemap {width:300px; height:271px; position:relative; margin:0 auto;}
#map {width:300px; height:271px; background:url(bilderstart/weltkartefeb2012.jpg) no-repeat right top;; position:relative; z-index:10; }
#map a {display:block; text-decoration:none; font:12px arial, sans-serif; line-height:18px;color:#FFF;}
#map a b {display:block; position:absolute; z-index:10; cursor:pointer;}
#map em {display:none; width:300px; height:80px; padding:0px;}
#map em span {font-weight:bold; font-size:14px;}
#map a:hover em {display:block; position:absolute; left:0; top:190px; z-index:10; font-style:normal; background:#000; filter: alpha(opacity=40);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40); opacity:0.40;
-webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
transition: all 0.6s ease-in-out;}
#map a:active em {display:block; position:absolute; left:0; top:190px; z-index:10; font-style:normal;background:#000; filter: alpha(opacity=40);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40); opacity:0.40;
-webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
transition: all 0.6s ease-in-out;}
#map a:focus em {display:block; position:absolute; left:0; top:190px; z-index:10; font-style:normal; background:#000; filter: alpha(opacity=40);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40); opacity:0.40;
-webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
transition: all 0.6s ease-in-out;}
#area1 .p1 {width:60px; height:20px; left: 80px; top:130px;}
#area1 em {display:none;}
#area2 .p1 {width:60px; height:20px; left:120px; top:155px;}
#area2 em {display:none;}
#area3 .p1 {width: 60px; height: 20px; left:190px; top: 155px;}
#area3 em {display:none;}
#area4 .p1 {width: 0px; height:0px; left:0px; top:00px;}
#area4 em {display:none;}
#area5 .p1 {width: 0px; height: 0px; left: 0px; top:00px;}
#area5 em {display:none;}
/**************************************************/
linkzugalerien
/**************************************************/
a, a:hover, a:active, a:focus {} /* required for IE */
#imagemap1 {width:300px; height:271px; position:relative; margin:0 auto;}
#map1 {width:300px; height:271px; background:url(bilderstart/linkzugalerien.jpg) no-repeat right top;; position:relative; z-index:10;}
#map1 a {display:block; text-decoration:none; font:12px arial, sans-serif; line-height:18px;color:#FFF;}
#map1 a b {display:block; position:absolute; z-index:10; cursor:pointer;}
#map1 em {display:none; width:300px; height:80px; padding:0px;}
#map1 em span {font-weight:bold; font-size:14px;}
#map1 a:hover em {display:block; position:absolute; left:0; top:190px; z-index:10; font-style:normal; background:#000; filter: alpha(opacity=40);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40); opacity:0.40;
-webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
transition: all 0.6s ease-in-out;}
#map1 a:active em {display:block; position:absolute; left:0; top:190px; z-index:10; font-style:normal;background:#000; filter: alpha(opacity=40);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40); opacity:0.40;
-webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
transition: all 0.6s ease-in-out;}
#map1 a:focus em {display:block; position:absolute; left:0; top:190px; z-index:10; font-style:normal; background:#000; filter: alpha(opacity=40);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40); opacity:0.40;
-webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
transition: all 0.6s ease-in-out;}
#area01 .p1 {width:300px; height:271px; left: 0px; top: 0px;}
#area01 em {display:none;}
/*********************************************************/
/****Bildwechsel **/
/*********************************************************/
#wechsel{ padding-left: 6px;
padding-top: 16px;}
#wechsel a {
background: url(bilderstart/linkzugalerien1.jpg) no-repeat;
display:block; width:300px; /* Linkbereich begrenzen */
}
#wechsel img {
display:block; width:300px; height:271px; border:0;
}
#wechsel a:hover img {
visibility: hidden;
}
#wechsel a:hover { /* Workaround fuer IE 5.5 und 6 */
border:0;
}
* html #wechsel a {
margin-right:1px;
}
* html #wechsel a:hover {
width:107px; margin-right:0; /* Workaround fuer IE 5.01 */
}
/**********************************************************/
/* ================================================================
Als Anregung für diesen Stil :
This copyright notice must be untouched at all times.
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/mini-pages-v2.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any
way to fit your requirements.
=================================================================== */
#pages {height:200px; width:300px; margin:0 auto; font-family:sans-serif; font-size:11px; position:relative; z-index:10;}
#pages ul#tab {padding:0; margin:0; list-style:none;}
#pages table {font-size:10px;border-collapse:collapse;}
#pages ul#tab li.level1-li {float:left;}
#pages ul#tab li.pad {padding-bottom:5px;}
#pages ul#tab li.level1-li a.level1-a {display:block; width:40px; height:160px; text-decoration:none; color:#000; float:left; font-size:11px; padding-top:0px; padding-left:0px; text-align:center; font-weight:bold;}
/*#pages ul#tab li.level1-li a.level1-a {display:block; width:30px; height:10px; text-decoration:none; color:#000; float:left; font-size:12px; padding-top:20px; padding-left:10px; text-align:center; font-weight:bold;}*/
#pages div {position:absolute; left:-9999px; z-index:10; top:20px; width:300px; height:10px; text-align:left; padding:0px 0px 0px 0px;}
#pages div.d1 {background: text-align:center; z-index:60;}
#pages div.d2 {background: text-align:center; z-index:50;}
#pages div.d3 {background: text-align:center; z-index:40;}
#pages div.d4 {background: text-align:center; z-index:70;}
#pages div.d5 {background: text-align:center; z-index:80;}
#pages div p {padding:0; margin:0; line-height:12px; font-weight:normal;background:#fefefe;}
#pages div a {display:inline; line-height:12px; height:auto;}
#pages ul#tab li.current a.level1-a {background-position:right bottom; color:#882a77;}
#pages ul#tab li.current div {left:1px;color:#000; z-index:5;}
#pages ul#tab li.current div a {color:#882a77;}
#pages ul#tab li.level1-li a.level1-a:hover {border:0; color:#882a77; background-position:right bottom;}
#pages ul#tab li.level1-li:hover a:first-child {background-position:right bottom; color:#882a77;}
#pages ul#tab :hover div {color:#000; left:1px;}
#pages ul#tab :hover div a {color:#882a77;}
#pages ul#tab :hover div a:hover {text-decoration:none;}
/**********************************************************/
a, a:visited, a:hover, a:active, a:focus {}
a.clickbox, a.clickbox:visited, a.clickbox:hover {text-decoration:none; padding-left:10px; font:bold 20px/40px color:#00c;}
a.clickbox:hover {text-decoration:underline;}
a.clickbox img {display:block; border:1;}
a.clickbox + b {display:block;}
a.clickbox {float:left; display:inline;}
a.clickbox + .lightbox {position:absolute; left:-99999px; top:0; cursor:default; z-index:500;}
a.clickbox .lightbox {position:absolute; left:-99999px; top:0; cursor:default; z-index:500;}
a.clickbox + .lightbox .light {position:absolute; left:0; top:0; width:100%;}
a.clickbox + .lightbox .box {position:absolute; left:0; width:100%; text-align:center; height:300px; top:20px;}
/* trigger for IE6 */
a.clickbox:active, a.clickbox:focus {color:red}
a.clickbox:active + .lightbox {left:0; width:100%; height:100%;}
a.clickbox + .lightbox:hover,
a.clickbox:focus + .lightbox {position:fixed; left:0; width:100%; height:100%;}
a.clickbox + .lightbox:hover .light,
a.clickbox:active + .lightbox .light,
a.clickbox:focus + .lightbox .light {background:#000; width:100%; height:100%; filter: alpha(opacity=75);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=75); opacity:0.75;
}
.clear {clear:left;}
a.clickbox + .lightbox i {display:block; width:100px; height:20px; position:fixed; right:-100px; top:0; z-index:500; color:#000; font:normal normal 14px/20px text-align:center; background:#fff;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
}
a.clickbox + .lightbox:hover i,
a.clickbox:active + .lightbox i,
a.clickbox:focus + .lightbox i {right:50%; margin-right:-50px; top:5px;}
a.clickbox + .lightbox + #close {display:block; position:fixed; width:100px; height:20px; overflow:hidden; right:-100px; top:10px; z-index:1000; cursor:pointer;}
a.clickbox + .lightbox:hover + #close,
a.clickbox:active + .lightbox + #close,
a.clickbox:focus + .lightbox + #close {right:50%; margin-right:-50px; top:5px;}
#galere {
display:inline-block;
position:relative;
overflow:hidden;
}
#galere #fullsize {
width:580px;
height:580px;
overflow:scroll;
overflow-y:hidden;
margin-bottom:-18px;
}
#galere #fullsize div {width:580px; height:4580px; position:relative;border: solid #fff; border-width: 10px 0px 0px 0px;}
#galere #fullsize div img {display:block; margin:0 auto; border:0; padding:10px 10px 0 10px;background:#222;color:#eee; border:1px solid #000; border-width:1px 1px 0 1px;}
#galere #fullsize div p { width:540px; margin:0 auto; padding:10px; border: solid #fff; border-width: 0px 10px 10px 10px; font-weight:normal; background:#222;color:#eee; text-align:left;}