body {
text-align:center;
background:lightyellow;
}

body div {
border-radius:5px;
}

#ganzeSeite {
margin: 0px auto;
width:1200px;
background:url(muster-hintergrund.jpg);
border-width:2px;
border-style:solid;
border-color:#CC3300;
box-shadow: 5px 5px 5px #888888;
}

#puffer1 {
height:15px;
}

#header-hintergrund {
width:996px;
height:200px;
margin-left:100px;
background:url(hintergrund-header.png) no-repeat;
border-width:2px;
border-style:solid;
border-color:#CC3300;
opacity:0.7;
box-shadow: 5px 5px 5px #888888;
}

#header-inhalt {
clear:both;
width:1000px;
height:204px;
top:30px;
position:absolute;
margin-left:100px;
}

#header-inhalt h1 {
font-size:70px;
font-weight:bold;
color:white;
font-family:Courier;
text-shadow: 1px 1px 0px #000;
height:60px;
margin-left:-250px;
margin-top:20px;
}

#header-inhalt h3 {
font-size:20px;
font-weight:bold;
color:white;
font-family:Courier;
text-shadow: 1px 1px 0px #000;
margin-left:400px;
margin-top:-30px;
}

a:link {
font-weight:bold;
color:white;
text-decoration:none;
display:block;
}

a:visited {
font-weight:bold;
color:white;
text-decoration:none;
}

a:active {
color:black;
}

a:hover {
color:grey;
}

.link-hintergrund {
clear:both;
width:145px;
height:25px;
position:absolute;
top:160px;

opacity:0.9;

border-width:2px;
border-style:solid;
border-color:#CC3300;

box-shadow: 1px 1px 5px #888888;
border-radius:5px;

background:#bc9b66;
color:white;
font-size:20px;
font-weight:bold;
}

#home-link {
margin-left:16.5px;
}

#uebermich-link {
margin-left:180px;
opacity:1.0;
}

#aktuelles-link {
margin-left:343.5px;
}

#sortiment-link {
margin-left:507px;
}

#kontakt-link {
margin-left:670.5px;
}

#anfahrt-link {
margin-left:834px;
}

#puffer2 {
clear:both;
width:145px;
height:18.5px;
position:absolute;
top:210px;
margin-left:607px;
//display:none;

}

#sortimentLinks-hintergrund {
clear:both;
width:145px;
height:215px;
position:absolute;
top:225px;
margin-left:607px;
background:#fecb65;
display:none;
opacity:0.9;
border-width:2px;
border-style:solid;
border-color:#CC3300;
}

.sortimentLinks-links {
clear:both;
width:125px;
height:25px;
position:absolute;
margin-left:7px;

opacity:0.9;

border-width:2px;
border-style:solid;
border-color:#CC3300;

box-shadow: 1px 1px 5px #888888;
border-radius:5px;

background:#bc9b66;
color:white;
font-size:20px;
font-weight:bold;
}

#fruehling-link {
top:5px;
}

#sommer-link {
top:40px;
}

#herbst-link {
top:75px;
}

#winter-link {
top:110px;
}

#geschirr-link {
top:145px;
}

#deko-link {
top:180px;
}

#main-hintergrund{
clear:both;
width:996px;
height:650px;
background:#ffe28b;
opacity:0.7;
margin-top:10px;
margin-bottom:10px;
margin-left:100px;
border-width:2px;
border-style:solid;
border-color:#CC3300;
box-shadow: 5px 5px 5px #888888;
}

#main-inhalt {
clear:both;
opacity:1.0;
width:1000px;
height:650px;
position:absolute;
top:237px;
margin-bottom:10px;
margin-left:100px;
}

#main-inhalt h1 {
font-size:35px;
font-weight:bold;
color:white;
font-family:Courier;
text-decoration:underline;
text-shadow: 1px 1px 0px #000;
height:60px;
margin-top:20px;
}

#main-inhalt p {
font-size:20px;
font-weight:bold;
color:white;
font-family:Courier;
text-shadow: 1px 1px 0px #000;
height:60px;
}

#main-inhalt img {
border: 2px solid white;
float:left;
margin-left:50px;
margin-right:50px;
}

#main-inhalt p {
margin-left:50px;
margin-right:50px;
}

#main-inhalt p:first-letter {
font-size:200%;
}

#puffer3 {
float:right;
height:100px;
width:350px;
}

#footer-Hintergrund {
clear:both;
width:996px;
height:25px;
margin-bottom:15px;
margin-left:100px;
background:#FFCC66;
opacity:0.7;
border-width:2px;
border-style:solid;
border-color:#CC3300;
box-shadow: 3px 3px 5px #888888;
}

#footer-Inhalt {
clear:both;
width:1000px;
height:50px;
position:absolute;
top:907px;
margin-left:100px;
font-size:15px;
font-family:Courier;
}

#footer-Inhalt p {
font-size:20px;
font-weight:bold;
color:white;
font-family:Courier;
}

#weisseFlaeche {
left:0px;
top:0px;
width:100%;
height:100%;
position:fixed;
background:white;
opacity:0.6;
filter:alpha(opacity=60);
display:none;
}

#xbutton {
width:30px;
height:30px;
position:fixed;
top:60px;
left:50%;
margin-left:340px;
background:url(x-button.png) no-repeat;
display:none;
border:none;
}

#buttonVor {
width:30px;
height:30px;
position:fixed;
top:50%;
margin-top:-15px;
left:50%;
margin-left:340px;
background:url(buttonVor.png) no-repeat;
display:none;
}

#buttonZurueck {
width:30px;
height:30px;
position:fixed;
top:50%;
margin-top:-15px;
left:50%;
margin-left:-360px;
background:url(buttonZurueck.png) no-repeat;
display:none;
}

#bilderGalerie {
width:640px;
height:640px;
top:50%;
margin-top:-320px;
position:fixed;
left:50%;
margin-left:-320px;
background:#cccccc;
border:5px solid white;
display:none;
}