body {
text-align:center;
background-color:#555555;
background-image:url(images/back_body.jpg);
background-attachment:fixed;
background-position:btop left;
background-repeat:no-repeat;
font-family: Arial, Helvetica, sans-serif;
}

#container {
width:44em;
border:4px solid #3d3d3d;
height:25.5em;
padding:0.5em;
position: absolute;
left: 50%;
top: 50%;
margin-left: -22em;
margin-top: -13.5em;
background-image:url(images/back_container.png);
background-position:top left;
font-weight:bold;
text-align:right;
font-weight:normal;
color:#cccccc;
z-index:3;
}

#left {
float:left;
z-index:3;
}

#card {
background-color:#7D407F;
height:19em;
width:28em;
margin-bottom:0.5em;
background-image:url(images/begriffe/neue_maedchen.png);

background-position:center center;
background-repeat:no-repeat;
z-index:3;
}

#card h1 {font-size:1.5em;
line-height:1.5em;}

#card_ecard {
background-color:#7D407F;
height:25.5em;
width:28em;
margin-bottom:0.5em;
text-align:left;
color:#ffffff;
z-index:3;
}

#card_ecard .form {
padding:1em;
width:90%;
clear:both;
font-weight:bold;
}

.form label {
width:10em;
float:left;
margin-top:0.5em;
}

.form input {
float:left;
width:15em;
margin-top:0.5em;
border:none;
background-color:#7D407F;
border-bottom:1px solid #ffffff;
color:#ffffff;
}

.form input:focus,.form textarea:focus  {
background-color:#639B8F
}

.form textarea {
float:left;
width:18em;
height:6em;
margin-top:0.5em;
border:1px solid #ffffff;
background-color:#7D407F;
color:#ffffff;
font-weight:bold;
}

.form br {
clear:both;
}

.form .submit {
width:10em;
border:1px solid #ffffff;
background-color:#E95E28;
font-weight:bold;}

.form .submit:hover {
background-color:#366D95;
}

.farbauswahl {
border:1px solid #ffffff;
height:1.5em;
width:2em;

}

#text {
padding:0.5em;
height:5em;
width:27em;
background-color:#CCCCCC;
color:#666666;
text-align:left;
background-image:url(images/back_text.png);
background-position:top left;
font-weight:bold;
overflow:hidden;
letter-spacing:0.1em;
z-index:3;
}

#text h1 {font-size:0.9em;
padding:none;
margin:none;
line-height:1.2em;}

#text p {font-size:0.8em;
padding:none;
margin:none;
line-height:1.2em;}

#text a:link,#text a:visited,#text a:active {display_block;
color:#666666;
text-decoration:none;}

#text a:hover {
text-decoration:underline;}



a, a:link,a:visited,a:active {display_block;
color:#ffffff;
text-decoration:none;}

a:hover {
text-decoration:underline;}


#right {
float:left;
}

#button1,#button2, #button3, #button4 {
text-align:left;
width:15.5em;
height:6em;
margin-bottom:0.5em;
margin-left:0.5em;
background-position:50% 50%;
background-repeat:no-repeat;
font-weight:bold;
font-size:1em;
letter-spacing:0.1em;
color:#ffffff;
z-index:4;
}

#button1:hover,#button2:hover,#button3:hover,#button4:hover {
cursor:hand;
}



#button1 div:first-letter,#button2 div:first-letter, #button3 div:first-letter, #button4 div:first-letter  {
font-size:1.5em;
}

#button1 {
background-image:url(images/irgendwo.png);
background-color:#CF3183;
}

#button2 {
background-image:url(images/irgendwas.png);
background-color:#E95E28;
}

#button3 {
background-image:url(images/irgendwie.png);
background-color:#639B8F;
}

#button4 {
background-image:url(images/irgendwer.png);
background-color:#366D95;
}

.slide {
height:5em;
width:27em;
}


.tab {
font-size:0.8em;float:left;margin:1em 1em 0 0;
padding:0.4em;border:2px solid #3d3d3d;}

.tab:hover {
background-color:#E95E28;}