@import url(http://fonts.googleapis.com/css?family=Gudea:400,700,400italic);
@import url(https://fonts.googleapis.com/css?family=Roboto:400,700,100);

body {
color: #222;
font-size: 10px;
font-family: 'Roboto', sans-serif, Helvetica, Geneva, Swiss, SunSans-Regular;
margin:0px 0px;
padding:0px 0px;
letter-spacing:0.05em;
background-color:#fff;
-moz-hyphens: auto;
-webkit-hyphens: auto;
-ms-hyphens: auto;
-o-hyphens: auto;
hyphens: auto;
background: #ffffff;
position:relative;
}

td{
font-size: 2.25em;
padding:10px;
}

td.klein{
font-size: 1em;
padding:10px;
}

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

#distanz{
position:relative;
float:left;
width:100%;
height:5px;
margin:0px 0px 20px 0px;
background-color:#009ccc;
}

.bilderbox{
position:relative;
display:inline-block;
width: 100%;
padding:0px;
}

#ink_go{
position: relative;
float:left;
top:0px;
left:0px;
z-index:9998;
}
#ink_go:hover{
position: relative;
float:left;
top:0px;
left:0px;
cursor:pointer;
z-index:9998;
}

#hash_go{
float:right;
top:0px;
right:0px;
z-index:9998;
margin:0px 0px 0px 5px;
}
#hash_go:hover{
float:right;
top:0px;
right:0px;
cursor:pointer;
text-decoration:underline;
z-index:9998;
margin:0px 0px 0px 5px;
}

#home_go{
float:left;
top:0px;
left:0px;
z-index:9998;
}

#hash_cloud{
position: absolute;
background: rgba(255,255,255,0.8);
z-index:8000;
padding:2em 0.25em;
border-top:5px solid #009ccc;
}

#box_kleinbilder{
position:relative;
width:100%;
padding: 0px;
min-height:500px;
}

#box_kleinbilder_scroll{
position:relative;
width:100%;
padding: 0px;
overflow:AUTO;
padding:10px 0px;
}

#box_start{
position:relative;
width:100%;
overflow:auto;
padding:10px 0px;
}

#box_start2{
position:relative;
width:100%;
overflow:auto;
padding:10px 0px 80px 0px;
}

.bilderbox_klein{
float:left;
position:relative;
display:inline-block;
width: 208px;
height:208px;
padding:8px 0px 0px 8px;
}

.linkbox_klein{
float:left;
position:relative;
display:inline-block;
width: 208px;
height:52px;
padding:8px 0px 0px 8px;
}

#instawrap{
width:100%;
padding:10px 0px 0px 0px;
overflow:auto;
}

.instabox{
float:left;
width:48%;
margin: 0% 1% 0% 1%;
}

img.bild{
position:relative;
width: 100%;
z-index:3000;
border: solid 1px lightgray;
}

img.bild_gross{
position:relative;
width: 580px;
padding:39px;
z-index:3000;
}

img.inked{
position:absolute;
bottom:0px;
left:0px;
width: 100%;
z-index:4000;
}


.buchenbox{
position:relative;

}

.hashbox{
position:relative;
z-index:9000;
}

._blau{
color:#009ccc;
}

._grau{
color:#888888;
}

._gruen{
color:#abc123;
}

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

._gelb{
color:#ffff00;
}

#weiter_vor{
position:relative;
width:642px;
background: #000 none repeat scroll 0 0;
border-radius:0px;
font-size: 2.6em;
height: 1.538em;
line-height: 1.538em;
margin: 0px;
text-align: center;
padding:8px;
z-index:1000;
}

#pfeil_nach_links{
position:absolute;
left:0px;
top:450px;
padding: 0px;
margin: 0px;
z-index:5000;
font-size: 4em;
height: 1.538em;
line-height: 1.538em;
}

#pfeil_nach_rechts{
position:absolute;
right:0px;
top:450px;
padding: 0px;
margin: 0px;
z-index:5000;
font-size: 4em;
height: 1.538em;
line-height: 1.538em;
}

#order_ink_big{
position:fixed;
bottom:0px;
width:658px;
background: #000 none repeat scroll 0 0;
color:#abc123;
font-size: 3.3em;
height: 1.538em;
line-height: 1.538em;
padding:8px 0px 3px 0px;
text-align: center;
z-index:9000;
text-decoration:underline;
}
#order_ink_big:hover{
position:fixed;
bottom:0px;
width:658px;
background: #000 none repeat scroll 0 0;
color:rgba(244, 15, 151, 0.95);
font-size: 3.3em;
height: 1.538em;
line-height: 1.538em;
padding:8px 0px 3px 0px;
text-align: center;
z-index:9000;
cursor:pointer;
}

.seitenzahl{
position:absolute;
width:642px;
text-align: center;
z-index:-1;
}
.nach_links{
float:left;
padding: 0px;
margin: 0px;
z-index:5000;
}

.nach_rechts{
float:right;
padding: 0px;
margin: 0px;
z-index:5000;
}

.hash{
float:right;
background: #000 none repeat scroll 0 0;
border-radius:0px;
font-size: 2.6em;
height: 1.538em;
line-height: 1.538em;
margin: 0px 10px 10px 0px;
text-align: center;
padding:5px 8px;
}

img.edit{
float:left;
height: 2em;
}

.edit img{
  float:left;
  height: 5em;
}

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

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

#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;
    word-wrap: break-word;
}

.text_story{
 font-size: 1.8em;
    line-height: 1.3em;
    margin-bottom: 1.666em;
}

.text_story_titel{
    font-size: 2.2em;
    font-weight: bold;
    line-height: 1em;
    margin-bottom: 0px;
    text-align:center;
    background:rgb(255,255,255);
}

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;
}

h4{
text-align:center;
position:relative;
font-weight: normal;
background: #000 none repeat scroll 0 0;
border-radius:0px;
font-size: 2.6em;
height: 1.538em;
line-height: 1.538em;
margin: 0px;
text-align: center;
padding:5px 8px;
}

#loader{
border-radius: 3px;
border-style: solid;
border-width: 1px;
color: #fff;
width:45%;
display: block;
font-size: 24px;
font-weight: 600;
line-height: 32px;
margin: 5px auto 30px auto;
overflow: hidden;
padding: 8px 0px 5px 0px;
text-align: center;
text-overflow: ellipsis;
white-space: nowrap;
}


.knopf_breit:hover{
text-align:center;
background-color:#000;
border:5px solid #27bed7;
color:#27bed7;
cursor:pointer;
}

.knopf_breit{
text-align:center;
font-size:32px;
background-color:#000;
-webkit-border-radius:50px;
border-radius:50px;
border:5px solid #d727be;
color:#d727be;
padding:0.5em 0.75em;
margin: 0.25em AUTO;
min-width:40%;
text-decoration:none;
}

.small_button:hover{
text-align:center;
background-color:#000;
border:2px solid #d727be;
cursor:pointer;
color:#d727be;
}

.small_button{
text-align:center;
font-size:18px;
background-color:#000;
-webkit-border-radius:10px;
border-radius:10px;
border:2px solid #27bed7;
color:#27bed7;
padding:0.5em 0.75em;
margin: 0.25em AUTO;
min-width:40%;
text-decoration:none;
}

.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;
}

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

.ui-datepicker{
width:100%;
}
#form_bild{
position:relative;
float:right;
width:303px;
padding:10px;
}
#form_feld{
float:right;
position:relative;
width:315px;
padding:10px;
}
.form_zeile{
position:relative;
width:100%;
padding: 10px 0px 0px;
}
.form_titel{
position:relative;
width:100%;
font-size: 2em;
padding:0px;
}
img.buchen_bild{
align:right;
width:300px;
}
input{
width:100%;
font-size: 1.5em;
padding: 8px;
}
textarea{
width:100%;
font-size: 1.5em;
padding: 8px;
min-height:150px;
}
table.intern{
width:100%;
padding:2em 0.25em;
border:1px solid #009ccc;
margin: 10px 0px;
}

a{
padding:0px 3px;
margin:0px;
color:#000;
background-color: #efefef;
text-decoration: none;
}

a:hover{
padding:0px 3px;
margin:0px;
background-color: #009ccc;
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 AUTO;
color:#000;
opacity:0.7;
background-color: rgba(0,0,0,0);
text-decoration: none;
}

a.poster{
padding:0%;
margin:0%;
width:100%;
color:#000;
background-color: rgba(0,0,0,0);
text-decoration: none;
}

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


#beta{
position:fixed;
width:50px;
height:50px;
top:0px;
right:0px;
z-index:8000;
}