/* =stylesheet for albers-home.com
================================================ */
* {margin: 0; padding: 0;}
body {font-size: 62.5%; font-family: "Helvetica Neue", Arial, serif; color: #222; text-align: center;
background: #E3E978 url(xxx.jpg) 0 -1px repeat-x; margin: 0; padding: 0; height: 100%;}

img {border: none;}
a {color: #039;}
.red {background: yellow; color: #c00;}

/* =header
================================================ */
#headerWrap {position: relative; width: 100%; height: 200px;}
#header {position: relative; width: 100%; height: 160px; background: url(header.jpg) 0px; margin: 0 auto; z-index: 10;}
#header h1 a {position: absolute; top: 40px; left: 0; width: 551px; height: 111px; background: url(XXX.jpg) no-repeat; text-indent: -9999px; text-decoration: none; border: none;}
#header h2 {position: relative; top: 75px; left: 5px; font-size: 3.0em; font-weight: normal; color: #ff0;}

/* =subnav
================================================ */
#subnav {position: absolute; top: 2px; right: 50px; list-style: none; z-index: 5;}
#subnav li {float: left; padding: 0 1em;}
#subnav li a {font-size: 1.2em; line-height: 20px; color: #69c; text-decoration: none;}
#subnav li a:hover {color: #fff; text-decoration: underline;}

/* =img
================================================ */
#img {position: absolute; top: 185px; right: 15px; width: 219px; height: 178px; z-index: 1; background: url(cat1a.jpg) no-repeat; border: 0;}
#img span {position: absolute; top: 10px; right: 10px; width: 219px; height: 178px; background-repeat: no-repeat;}
#cats {position: absolute; top: 35px; right: 15px; width: 219px; height: 178px; z-index: 1; background: url(../welcome/miezies/images/pauly1a.gif) no-repeat; border: 0;}
#cats span {position: absolute; top: 10px; right: 10px; width: 219px; height: 178px; background-repeat: no-repeat;}
#Fam {position: absolute; top: 35px; right: 15px; width: 219px; height: 178px; z-index: 1; background: url(../welcome/FAM23A/backfam.jpg) no-repeat; border: 0;}
#Fam span {position: absolute; top: 10px; right: 10px; width: 219px; height: 178px; background-repeat: no-repeat;}
#spiel {position: absolute; top: 55px; right: 35px; width: 219px; height: 178px; z-index: 1; background: url(../welcome/miezies/spiel/spiel1.png) no-repeat; border: 0;}
#spiel span {position: absolute; top: 8px; right: 10px; width: 219px; height: 178px; background-repeat: no-repeat;}

#page0 #img span {background: url(cat1.gif);}
#page1 #cats span {background: url(../welcome/miezies/images/pauly1.gif);}
#page1a #spiel span {background: url(../welcome/miezies/spiel/spiel.png);}
#page2 #img span {background: url(../welcome/01WOMO/top/europ.jpg);}
#page3 #Fam span {background: url(../welcome/FAM23A/backfam1.gif);}
#page5 #img span {background: url(/images/x.jpg);}

/* =nav
================================================ */
#nav {position: absolute; width: 100%; z-index: 0; left: 0; bottom: 0; background: #183682 url(/images/nav_off.png) bottom repeat-x;}
#nav ul {width: 900px; margin: 0 auto; list-style: none;}
#nav li {display: inline;} /* IE6 fix */
#nav a {height: 41px; font: bold 1.2em/41px "Helvetica Neue", Arial, sans-serif; color: #69c; text-decoration: none; text-transform: uppercase; letter-spacing: .1em; padding: 0 13px;}
#nav a:hover {color: #fff; background: #132b68 url(XXX.jpg) bottom repeat-x;}


/* =content neu - definiert die Position der Texte
================================================ */
#content {position: relative; margin: 40px auto 40px auto; width: 80%; text-align: left; overflow: hidden;}
#contentpage1 {position: relative; margin: 40px auto 40px auto; width: 90%; text-align: left; overflow: hidden;}

/* =main neu
================================================ */
#main p {font-size: 1.3em; line-height: 1.7; margin-bottom: 1em;}
#main p.intro {font-size: 1.3em; line-height: 1.5em;}
#main h3 {font: bold 1.4em/2 "Helvetica Neue", Arial, sans-serif; color: #000; text-decoration: none; text-transform: uppercase; letter-spacing: .1em;}
#main h3.fill {display: inline; background: #fff; padding: .5em 10px;}

/* Position in Groesse des Vordergrund Bildes
==============================================*/

#bild1{margin-left: 0px;
        width:250px;
        margin-top:-10px;}



/* =Schatten neu
================================================ */
#blauschattig { text-shadow:black 3px 2px 4px; font-size:2em; color:blue; }
#blauschattig1 { text-shadow:black 4px 3px 4px; font-size:4em; color:darkblue; }
#rotschattig { text-shadow:black 4px 3px 4px; font-size:4em; color:darkred; }

/* =Texthintergrund neu
================================================ */
.blauback { background-color:#5880EA; }
.rotback { background-color:#AE2A1C; }
.gelbbox { background-color:#DCE962; }

/* =stories neu
================================================ */
#stories {margin: 30px 0;}
#stories th {width: 33%; font: bold 0.8em "Helvetica Neue", Arial, sans-serif; color: #F8FE03; text-decoration: none; text-transform: uppercase; letter-spacing: .2em; background: url(header.jpg) 0 50% repeat;
        padding-left: 15px;}
#stories td {font-size: 0.7em; line-height: 1.0em; vertical-align: top; padding: 3;}

#storiespage1 {margin: 30px 0;}
#storiespage1 th {width: 33%; font: bold 1.0em "Helvetica Neue", Arial, sans-serif; color: #F8FE03; text-decoration: none; text-transform: uppercase; letter-spacing: .3em; background: url(header.jpg) 0 50% repeat;
        padding-left: 5px;}
#storiespage1 td {font-size: 0.8em; line-height: 1.0em; vertical-align: top; padding: 1;}



/* Spiel
================================================ */

#tag_cloud{
width: 98%;
padding:5px;
border: 8px solid #f2f2f2;
background-color: #E3E978;
}
#tag_cloud1{
width: 98%;
padding:5px;
border: 8px solid #D5D8F5;
background-color: #BCC2F0;
}
#tag_cloud2{
width: 98%;
padding:5px;
border: 8px solid #F5D4E1;
background-color: #EDA5CA;
}
#tag_cloud3{
width: 600px;
padding:5px;
border: 8px solid #F1F5D5;
background-color: #CCF0BC;
}