body {
color: #222;
font-size: 1.2em;
font-family: "Times New Roman", Times, serif;
margin:0px 0px;
padding:0px 0px;
letter-spacing:0.08em;
-moz-hyphens: auto;
-webkit-hyphens: auto;
-ms-hyphens: auto;
-o-hyphens: auto;
hyphens: auto;
position:relative;
background: url('../images/backg.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}


#main{
position:relative;
max-width:90%;
margin: 0px AUTO;
padding: 0px;
}

#screenshot{
font-size: 2em;
}

.zelle_aussen{
position:relative;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
width:100%;
padding:0px;
margin:25px 0px 0px 0px;
background:rgba(255, 255, 255, 0.85);
}

.zelle_top{
position:relative;
padding:3px;
width:100%;
font-size: 0.8em;
}

.zelle_text{
padding:30px;
font-size: 1.8em;
line-height: 1.3em;
overflow:auto;
}

.zelle_text_klein{
padding:20px;
font-size: 1.2em;
line-height: 1.3em;
overflow:auto;
}

.zelle_bild img{
position:relative;
width:100%;
}

._blau{
color:#009ccc;
}

._black{
color:#222222;
}

._grau{
color:#888888;
}

._gruen{
color:#abc123;
}

._pink{
color:rgba(244, 15, 151, 0.95);
}

._gelb{
color:#ffff00;
background:rgba(244, 15, 151, 0.95);
padding:5px 8px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}

.text_mitte{
text-align:center;
}

.rechts{
position:absolute;
right: 8px;
}

textarea {
    width: 90%;
    height: 180px;
    padding: 12px 20px;
    margin: 10px;
    border: 2px solid #ccc;
    border-radius: 4px;
    background-color: #f8f8f8;
    resize: none;
    font-size: 1.8em;
    line-height: 1.3em;
}

input[type=text]{
    width: 80px;
    min-height: 25px;
    padding: 12px 20px;
    margin: 10px;
    border: 2px solid #ccc;
    border-radius: 4px;
    background-color: #f8f8f8;
    font-size: 1em;
}

input[type=submit] {
float:right;
cursor:pointer;
    min-height: 25px;
    padding: 12px 20px;
    margin: 10px;
    border: 2px solid #00cc00;
    border-radius: 4px;
    background-color: #99ff99;
    font-size: 1em;
}

.input_ok{
background-color:#3DFF3D;
border: 1px solid #3DFF3D;
}

.input_problem{
background-color:#FF3D3D;
border: 1px solid #FF3D3D;
}

#erfolg_box{
position:fixed;
z-index:8000;
top:5%;
left:5%;
width:70%;
height:70%;
padding:10%;
font-size: 8em;
background-color:#99ff99;
border: 5px solid #00cc00;
}

#erfolg_box_no{
position:fixed;
z-index:8000;
top:5%;
left:5%;
width:70%;
height:70%;
padding:10%;
font-size: 8em;
background-color:#FF3D3D;
border: 5px solid #FF3D00;
}


#probleme,#problem_balken{
position:relative;
font-size: 2.5em;
padding:8px 0px;
margin:10px 0px 0px;
width:100%;
text-align:center;
background-color:#FF3D3D;
border: 0px solid #FF3D3D;
}

.text_index_titel{
    font-size: 7.5em;
    font-weight: bold;
    line-height: 1.1em;
    text-align:center;
    margin-bottom: 30px;
    margin-top: 0em;
    padding:0.8em 0em 0em;
    letter-spacing: 0.05em;
}

.text_hash_titel{
    font-size: 7.5em;
    font-weight: bold;
    line-height: 1.1em;
    margin-bottom: 30px;
    margin-top: 0em;
    padding:0.8em 0em 0em;
    letter-spacing: 0.05em;
}

.text_gross_titel{
    font-size: 7.5em;
    font-weight: bold;
    line-height: 1.1em;
    margin-bottom: 15px;
    margin-top: 0em;
    padding:0.8em 0em 0em;
    letter-spacing: 0.05em;
}

.text_story_titel{
    font-size: 2.2em;
    font-weight: bold;
    line-height: 1em;
    margin-bottom: 0px;
}

p{
padding:10px 22px 0px 8px;
margin:0px;
}

h1{
position:relative;
width:100%;
font-size:48px;
line-height: 125%;
text-align:center;
color:#27bed7;
}

h2{
width:100%;
font-size:32px;
text-align:center;
position:relative;
}

h3{
width:100%;
font-size:14px;
text-align:center;
position:relative;
}

.zeiger:hover{
cursor:pointer;
background-color: #abc123;
-moz-border-radius:1px;
	-webkit-border-radius:1px;
	border-radius:1px;
}

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

.hide{
display:none;
}

hr{
position:relative;
background-color: #009ccc;
height: 1px;
border-width:0px;
margin: 8px 0px 10px 0px;
}

a{
padding:8px;
margin:0px;
color:#000;
background-color: #009ccc;
text-decoration: underline;
}

a:hover{
padding:8px;
margin:0px;
background-color: rgba(244, 15, 151, 0.95);
color:#000;
text-decoration: none;
}

a.auf_schwarz{
padding:8px 15px;
margin:0px;
color:#FFF;
background-color: rgba(0,0,0,0.5);
text-decoration: none;
}

a.auf_schwarz:hover{
padding:8px 15px;
margin:0px;
background-color: #abc123;
color:#fff;
text-decoration: none;
}

a.gelb{
padding:0px;
margin:0px;
color:#ffff00;
background-color: #000;
text-decoration: underline;
}
a.gelb:hover{
padding:0px;
margin:0px;
color:#ffff00;
background-color: #000;
text-decoration: none;
}

a.pink{
padding:0px;
margin:0px;
color:rgba(244, 15, 151, 0.95);
background-color: #000;
text-decoration: none;
}
a.pink:hover{
padding:0px;
margin:0px;
background-color: #000;
color:rgba(244, 15, 151, 0.95);
text-decoration: underline;
}

a.blau{
padding:0px;
margin:0px;
color:#009CCC;
background-color: #000;
text-decoration: none;
}
a.blau:hover{
padding:0px;
margin:0px;
background-color: #000;
color:#009CCC;
text-decoration: underline;
}

a.grau{
padding:0px;
margin:0px;
color:#888888;
background-color: #000;
text-decoration: none;
}
a.grau:hover{
padding:0px;
margin:0px;
background-color: #000;
color:#888888;
text-decoration:underline;
}

a.gruen{
padding:0px;
margin:0px;
color:#abc123;
background-color: #000;
text-decoration: none;
}
a.gruen:hover{
padding:0px;
margin:0px;
background-color: #000;
color:#abc123;
text-decoration:underline;
}

a.bild{
padding:0px;
margin:0px;
color:#000;
background-color: rgba(0,0,0,0);
text-decoration: none;
}

a.bild:hover>img{
padding:0px;
margin:0px;
color:#000;
opacity:0.7;
background-color: rgba(0,0,0,0);
text-decoration: none;
}