/*Generelle Anweisungen*/

body {
background-color: #FFFF55;
font-family: Comic Sans MS;
}
a:link {
color: black;
text-decoration: none;
}
a:active {
color: red;
text-decoration: underline;
}
a:visited {
color: black;
text-decoration: none;
}

.head {
font-size: 14px;
font-weight: bold;
}
.text {
font-size: 12px;
font-weight: bold;
}

.float {
float: right;
background: red;
}


/*Anweisungen für das Eingabeformular Position relativ zu # hauptcontent*/

input {
color: black;
font-style: normal;
font-weight: bold;
font-family: "Comic Sans MS";
background-color: #FF9955;
border: solid 2px black;
}
textarea {
font-style: normal;
font-weight: bold;
font-family: "Comic Sans MS";
background-color: #FF9955;
margin: 0pt;
padding: 2pt;
border: solid 2px black;
width: 250px;
height: 330px;
}
select {
color: black;
font-style: normal;
font-weight: bold;
font-family: "Comic Sans MS";
background-color: #FF9955;
border: solid 2px black;
width: 120px;
}
#boxpostkarte {
position: absolute;
left: 15px;
top: 180px;
width: 670px;
height: 425px;
border: 2px solid black;
background: #FFFF00;
padding: 5px;
z-index: 2;
}
#boxkartentext {
position: absolute;
left: 25px;
top: 30px;
height: 230px;
padding: 5px;
z-index: 2;
}
#boxadresse {
position: absolute;
right: 25px;
top: 150px;
height: 230px;
width: 260px;
padding: 5px;
z-index: 2;
}
#boxkartenfeatures {
position: absolute;
left: 0px;
top:435px;
width: 600px;
height: 150px;
z-index: 3;
padding: 5px;
border: 4px solid black;
background-color: #FFDD55;
}
#briefmarke {
position: absolute;
right: 25px;
top: 25px;
width: 100px;
height: 141px;
padding: 0px;
z-index: 3;
}
#colors {
position: absolute;
left: 25px;
top: 5px;
z-index: 3;
padding: 5px;
}
#effects {
position: absolute;
right: 25px;
top:5px;
z-index: 3;
padding: 5px;
}
#datum {
position: absolute;
right: 25px;
top: 65px;
z-index: 3;
padding: 5px;
}


#check {
position: absolute;
right: 25px;
top:600px;
z-index: 3;
padding: 5px;
text-align: right;
}

#zurueck {
position: absolute;
left: 25px;
top: 600px;
padding: 5px;
z-index: 3;
text-align: left;
}



/*Anweisungen für das Kopfmenue*/

#menueback {
position: absolute;
left: 150px;
top: 10px;
width: 120px;
height: 120px;
background-image: url(de/grafiken/seitenbilder/drachenkopf.gif);
z-index: 1;
}
#titel {
position: absolute;
left: 290px;
top: 60px;
width: 290px;
height: 25px;
z-index: 1;
}
#button1 {
position: absolute;
left: 30px;
top: 375px;
z-index: 5;
}
#button2 {
position: absolute;
left: 35px;
top: 260px;
z-index: 5;
}
#button3 {
position: absolute;
left: 20px;
top: 180px;
z-index: 5;
}
#button4 {
position: absolute;
left: 70px;
top: 35px;
z-index: 5;
}
#button5 {
position: absolute;
left: 560px;
top: 5px;
z-index: 5;
}
#button6 {
position: absolute;
left: 640px;
top: 30px;
z-index: 5;
}
#button7 {
position: absolute;
left: 710px;
top: 125px;
z-index: 5;
}
#button8 {
position: absolute;
left: 715px;
top: 300px;
z-index: 5;
}
#button9 {
position: absolute;
left: 710px;
top: 365px;
z-index: 5;
}
#button10 {
position: absolute;
left: 730px;
top: 220px;
z-index: 5;
}


/*Boxen für die Startseite*/


#abholen {
position: absolute;
right: 25px;
top: 25px;
width: 230px;
height: 230px;
text-align: center;
padding: 0px;
background-image: url(de/grafiken/rahmen/abholen.gif);
repeat: no-repeat;
z-index: 2;
}

#werbung {
position: absolute;
right: 25px;
bottom: 25px;
width: 200px;
height: 50px;
padding: 5px;
border: 2px solid black;
z-index: 2;
}

#statistik {
position: absolute;
right: 25px;
top: 500px;
padding: 5px;
z-index: 2;
}


#news {
position: absolute;
left: 25px;
top: 25px;
width: 300px;
height: 330px;
padding: 5px;
z-index: 2;
}

#copyright {
position: absolute;
left: 25px;
top: 475px;
padding: 5px;
z-index: 2;
}

#startbild {

position: absolute;
bottom: 5px;
right: 25px;
width: 200px;
height: 200px;
background-image: url(de/grafiken/seitenbilder/startbild.gif);
z-index: 2;
}

.display {

width: 250px;
padding: 3px;
font-size: 18px;
font-weight: bolder;
}

.strext {
width: 250px;
padding: 3px;
font-size: 13px;
font-weight: bolder;
text-indent: 5px;
background-color: #FF9955;
}

/*Menue- und Auswahlboxen: Position relativ zu #hauptcontent*/

#katmenue {
position: absolute;
left: -8px;
top: 35px;
width: 60px;
padding: 5px;
text-align: center;
z-index: 2;
}

#auswahlmenue {
position: absolute;
right: 25px;
top: 35px;
width: 500px;
padding: 5px;
z-index: 2;
}

/*Anweisungen für die Kartenvorschau*/

#vorschaubox {
position: absolute;
left: 25px;
top: 25px;
width: 550px;
height: 550px;
z-index: 2;
}
#vorschaukarte {
position: absolute;
left: 25px;
top:60px;
width: 297px;
height: 419px;
border: 2px solid black;
z-index: 3;
}
#vorschautext {
position: absolute;
left: 335px;
top: 60px;
width: 225px;
white-space: normal;
padding: 5px;
z-index: 2;
}
#absender {
position: absolute;
left: 25px;
top: 25px;
width: 297px;
height: 40px;
white-space: normal;
z-index: 2;
}
#empfaenger {
position: absolute;
left: 335px;
top: 25px;
width: 297px;
height: 40px;
white-space: normal;
z-index: 2;
}
#abschicken {
position: absolute;
right: 25px;
bottom: 25px;
text-align: right;
z-index: 2;
}
#nochmal {
position: absolute;
left: 25px;
bottom: 25px;
z-index: 2;
}


/*Anweisungen für den Hauptcontent*/

#hauptcontent {
position: absolute;
left: 100px;
top: 100px;
border: 4px solid black;
width: 600px;
z-index: 1;
}
/*runde Ecken*/
/*gross*/

#ol {
position: absolute;
left: -5px;
top: -5px;
width: 50px;
height: 50px;
background-image: url(de/grafiken/rahmen/ol.gif);
}
#or {
position: absolute;
right: -4px;
top: -5px;
width: 50px;
height: 50px;
background-image: url(de/grafiken/rahmen/or.gif);
}
#ur {
position: absolute;
right: -4px;
bottom: -4px;
width: 50px;
height: 50px;
background-image: url(de/grafiken/rahmen/ur.gif);
z-index: 2;
}
#ul {
position: absolute;
left: -5px;
bottom: -4px;
width: 50px;
height: 50px;
background-image: url(de/grafiken/rahmen/ul.gif);
}

/*klein*/

#olk {
position: absolute;
left: -2px;
top: -2px;
width: 20px;
height: 20px;
background-image: url(de/grafiken/rahmen/olk.gif);
background-repeat: no-repeat;
}
#ork {
position: absolute;
right: -2px;
top: -2px;
width: 20px;
height: 20px;
background-image: url(de/grafiken/rahmen/ork.gif);
background-repeat: no-repeat;
}
#urk {
position: absolute;
right: -2px;
width: 20px;
height: 20px;
background-image: url(de/grafiken/rahmen/urk.gif);
z-index: 2;
background-repeat: no-repeat;
}
#ulk {
position: absolute;
left: -2px;
width: 20px;
height: 20px;
background-image: url(de/grafiken/rahmen/ulk.gif);
background-repeat: no-repeat;
}

/* Anweisungen für die Boxen auf der Linkseite*/

#linkpics {
position: absolute;
left: 50px;
width: 66px;
height: 66px;
z-index: 3;
}

#links {
position: absolute;
width: 416px;
height: 60px;
padding: 5px;
padding-left: 10px;
background-image: url(de/grafiken/rahmen/rahmenrund.gif);
background-repeat: no-repeat;
}

/*Anweisungen für das LightBox Script (Bildvorschau ohne PopUp)*/

#lightbox {
background-color:#eee;
padding: 10px;
border-bottom: 2px solid #666;
border-right: 2px solid #666;
}
#lightboxDetails {
font-size: 0.8em;
padding-top: 0.4em;
}
#lightboxCaption {
float: left;
}
#keyboardMsg {
float: right;
}
#closeButton {
top: 5px; right: 5px;
}

#lightbox img {
border: none; clear: both;
}
#overlay img { border: none;
}

#overlay {
background-image: url(de/grafiken/effects/overlay.png);
}

* html #overlay {
background-color: #333;
back\ground-color: transparent;
background-image: url(de/grafiken/effects/blank.gif);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="de/grafiken/effects/overlay.png", sizingMethod="scale");
}

/* funny stuff: der Eierdrache */

#eierdrache {
color: black;
position: absolute;
top: 500px;
left: 750px;
background: transparent url(de/grafiken/seitenbilder/eierdrache1.gif)no-repeat;
display: block;
}

#eierdrache a {
color: black;
background: transparent url(de/grafiken/seitenbilder/eierdrache1.gif) no-repeat;
display: block;
width: 150px;
height: 224px;
}

#eierdrache a:hover, #eierdrache a:focus {
color: black;
background: transparent url(de/grafiken/seitenbilder/eierdrache2.gif) no-repeat;
}

/*flying stuff*/

#snFlkDiv {
z-index: 25;
}