<br><img src='./counter/counter.png'>./counter/counter.png

*
{
margin:0px;
padding:0px;
}  


html
{
background-color:#3F5E65;
text-align:left;
font: 10pt "Comic Sans MS", verdana, arial;
}

A:link    { color: black; text-decoration:none; }    /* noch nicht besuchter Link */
A:visited { color: black; text-decoration:none; }   /* schon besuchter Link      */
A:hover   { color: yellow; text-decoration:none; } /* Benutzer 'hovert'         */
A:active  { color: yellow; text-decoration:none; }   /* Link wird ausgewählt      */

.versenden A:link    { color: white; text-decoration:none; }    /* noch nicht besuchter Link */
.versenden A:visited { color: white; text-decoration:none; }   /* schon besuchter Link      */
.versenden A:hover   { color: yellow; text-decoration:none; } /* Benutzer 'hovert'         */
.versenden A:active  { color: yellow; text-decoration:none; }   /* Link wird ausgewählt      */

.clear {
clear:left;
}

.button {
float:left;
margin-top:10px;
}

#wrapper
{
background-image:url(images/bg_image2.jpg);
background-repeat:repeat-x;
Width:949px;
Height:791px;
margin-left:auto;
margin-right:auto;
}


#button_start
{
background-image:url(images/bt_box.png);
width:111px;
height:24px;
margin-left:210px;
margin-top:90px;
padding-top:5px;
text-align:center;
position:absolute;
}

#button_two
{
background-image:url(images/bt_box.png);
width:111px;
height:24px;
margin-left:336px;
margin-top:90px;
padding-top:5px;
text-align:center;
position:absolute;
z-index:20;
}

#button_three
{
background-image:url(images/bt_box.png);
width:111px;
height:24px;
margin-left:461px;
margin-top:90px;
padding-top:5px;
text-align:center;
position:absolute;
z-index:20;
}

#button_four
{
background-image:url(images/bt_box.png);
width:111px;
height:24px;
margin-left:588px;
margin-top:90px;
padding-top:5px;
text-align:center;
position:absolute;
z-index:20;
}

#button_five
{
background-image:url(images/bt_box.png);
width:111px;
height:24px;
margin-left:714px;
margin-top:90px;
padding-top:5px;
text-align:center;
position:absolute;
z-index:20;
}


#video_box
{
background-image:url(images/videobox.png);
width:615px;
height:398px;
margin-left:30px;
margin-top:140px;
position:absolute;
padding-top:15px;
color:white;
z-index:2;
text-align:center;
}


#versenden
{
width:615px;
height:30px;
margin-left:30px;
top:521px;
text-align:center;
position:absolute;
z-index:20;
font-weight:bold;
font: 12pt "Comic Sans MS", verdana, arial;
}

#videoauswahl_links
{
width:120px;
height:30px;
margin-left:50px;
top:528px;
text-align:left;
position:absolute;
z-index:20;
font: 8pt "Comic Sans MS", verdana, arial;
}

#videoauswahl_rechts
{
width:100px;
height:30px;
margin-left:534px;
top:528px;
text-align:left;
position:absolute;
z-index:20;
font: 8pt "Comic Sans MS", verdana, arial;
}



#gruss_box
{
background-image:url(images/grussbox.png);

width:271px;
height:357px;
margin-left:675px;
margin-top:140px;
position:absolute;
color:white;
}

#logo
{
background-image:url(images/logo.png);
width:256px;
height:136px;
magin-left:0px;
margin-top:10px;
position:absolute;
z-index:3;
}

#stern
{
background-image:url(images/stern.png);
width:111px;
height:118px;
margin-left:830px;
margin-top:35px;
position:absolute;
z-index:3;
}

#astronaut
{
background-image:url(images/astronaut.png);
width:665px;
height:241px;
margin-left:50px;
margin-top:505px;
position:absolute;
z-index:1;
}

#counter_box
{
background-image:url(images/counterbox.png);
width:232px;
height:188px;
margin-left:710px;
margin-top:540px;
position:absolute;
}

#banner
{
background-image:url(images/testbanner.jpg);
width:468px;
height:60px;
margin-left:300px;
margin-top:20px;
position:absolute;
z-index:5;
}


#card_wrapper
{
background-image:url(images/bg_image.jpg);
background-repeat:repeat-x;
Width:949px;
height:780px;
margin-left:auto;
margin-right:auto;
text-align:center;
}

#card_video_box
{
background-image:url(images/videobox.png);
width:615px;
height:398px;
margin-left:auto;
margin-right:auto;
padding-top:15px;
color:white;
z-index:2;
text-align:center;
}

#counter_box_content
{
background-image:url(./counter/counter.png);
width:201px;
height:101px;
margin-left:725px;
margin-top:611px;
position:absolute;
}

#gruss_box_content
{
background-image:url(./grusswand/grussbilder/103.png);
width:240px;
height:321px;
margin-left:690px;
margin-top:154px;
position:absolute;
color:white;
}

#card_intro
{
width:750px;
color:#ffffff;
margin-left:auto;
margin-right:auto;
text-align:center;
font: 18pt "Comic Sans MS", verdana, arial;
font-weight:bold;
}
#card_intro_klein
{
width:750px;
color:#ffffff;
margin-left:auto;
margin-right:auto;
text-align:center;
font: 14pt "Comic Sans MS", verdana, arial;
font-weight:bold;
}


#card_message
{
width:750px;
color:#ffffff;
margin-left:auto;
margin-right:auto;
text-align:center;
font: 12pt "Comic Sans MS", verdana, arial;
}

#card_powered
{
width:750px;
color:#ffffff;
margin-left:auto;
margin-right:auto;
text-align:center;
}

#card_logo
{
background-image:url(images/logo.png);
width:256px;
height:136px;
margin-left:50px;
margin-top:0px;
position:absolute;
z-index:30;
}

#bottom {
margin-top:760px;
position:absolute;
width:945px;
text-align:center;
}

#amazonbanner
{
width:100px;
height:30px;
margin-left:10px;
margin-top:10px;
position:absolute;
z-index:5;
text-align:center;
text-valign:middle;
}

#message_top
{
width:600px;
height:30px;
margin-left:250px;
margin-top:20px;
position:absolute;
z-index:5;
text-align:center;
text-valign:middle;
color:white;
}


