/* klassen */
html {
 height: 100%;

}
 
body {
background-color: rgb(255,255,255);
background-image: url(../img/back_phone.jpg);
background-repeat: no-repeat;
margin:0;
padding:0;
  height: 100%;
}

#main {
width: 1024px; top: 0px; left: 0px;
margin-left: 323px;
/* position: absolute;*/
/*height: auto;*/ 
/*border-right: 1px solid rgb(255,0,0);*/
}

#top {
/*background-color: rgb(62,59,151);*/

}
#topleft {
width: 734px; background-color: rgb(255,255,255); float: left;
}
#logo {
width: 700px; margin: 8px; float: left;
margin-top: 20px;
margin-left: 30px;
margin-bottom: 10px;
/*height: 116px;*/
} 
#linkdiv {
width: 850px; 
/*height: 50px;*/
margin-left: 30px;
margin-top: 15px;
padding-bottom: 17px; 
float: left;
/*font-family: verdana, helvetica, sans-serif;*/
font-family: 'Open Sans', Arial, sans-serif;
font-size: 1.2em;
color: rgb(150,150,150);
}
#linkdiv a {
color: rgb(160,160,160);
text-decoration: none;
margin-right: 50px;
}
#linkdiv a:hover {
color: rgb(242,148,0);
text-decoration: none;
}
#linkdiv a:active {
color: rgb(242,148,0);
text-decoration: none;

}

.actlink {
color: rgb(242,148,0);
font-weight: 700;
margin-right: 50px;
}
 
/* #toplinkmenu {} */
#topright {
width: 236px; float: left;/*
margin-left: 10px;
padding-top: 3px;*/
font-family: verdana, helvetica, sans-serif;
font-size: 0.7em;
color: rgb(255,255,255);
/*background-color: rgb(62,59,151);*/
}

#topright a {
color: rgb(255,255,255);
font-weight: bold;
text-decoration: none;
}

#emotiondiv {
width: 880px;
margin-left: -50px;
padding: 0px;
page-break-after:avoid;
margin-top: 0px;
z-index: 10;
/*tmp*/
height: 55px;
border: 1px solid rgb(50,50,50);
border-radius: 10px;
box-shadow:4px 4px #CCC;
/*background-image: url(../img/emotion.png);*/
background-repeat: no-repeat;
background-color: rgb(255,255,255); 
/*tmp-ende*/ 
}

#middle {page-break-before:avoid;
padding-top: 10px;
padding-left: 30px;
/*background-color: rgb(35,49,132);*/
/*background-color: rgb(255,255,255);*/
/*height: 100%;*/
}



#middleleft {

width: 734px; 
background-color: rgb(255,255,255);
float: left;
margin-top: 10px;
/*height: 100%;*/

}

#middlelefttext {
float: left;
/*border: 1px solid #00ee00;*/
/*width: 110px;*/
width: 0px;
margin-left: 0px;
margin-right: 0px;
padding-bottom: 10px;
padding-top: 15px;
font-family: verdana, helvetica, sans-serif;
font-size: 0.85em;
color: rgb(100,100,100); 
}

#middlelefttext a {
color: rgb(0,45,91);
line-height: 1.4em;
text-decoration: none;
}
#middlelefttext a:hover {
color: rgb(100,0,0);
line-height: 1.4em;
text-decoration: underline;
}



#maintxt {
float: left;
border: 1px solid #bbb;
border-radius: 10px;
width: 740px;
margin-left: 0px;
margin-right: 0px;
padding-left: 30px;
padding-right: 30px;
padding-bottom: 10px;
padding-top: 0px;
/*font-family: verdana, helvetica, sans-serif;*/
font-family: 'Open Sans', arial, sans-serif;
font-weight: 600;
font-size: 0.85em;
line-height: 1.5em;
/*color: rgb(46,35,130);*/
color: rgb(100,94,94);

}

#maintxt h1 {
/*font-family: verdana, helvetica, sans-serif;*/
font-family: 'Open Sans', arial, sans-serif;
font-size: 1.7em;
font-weight: bold;
color: rgb(242,148,0);
}

#maintxt h2 {
/*font-family: verdana, helvetica, sans-serif;*/
font-family: 'Open Sans', arial, sans-serif;
font-size: 1.2em;
font-weight: bold;
color: rgb(242,148,0);
}

#maintxt h3 {
font-size: 1.1em;
line-height: 0.8em;
margin-top: 30px;
margin-bottom: -12px;
}

#maintxt a {
color: rgb(242,148,0);
font-weight: bold;
text-decoration: none;
}
#maintxt a:hover {
color: rgb(242,148,0);
font-weight: bold;
text-decoration: underline;
}

.maintxtbo {
font-size: 1.2em;
font-weight: bold;
margin-right: 50px;
/*color: rgb(255,0,0);*/
}

/* Webfonts */

.writing {
/*font-family: 'Courgette', cursive;*/
font-family: 'Architects Daughter', cursive;
font-size: 2em;
color: rgb(242,148,0);
text-align:center;
}



.maindownloadlink {
font-size: 1.2em;
font-weight: bold;
line-height: 2em;
}

#maintxt img {
/*margin-left: 15px;*/
}

.teamimg {
margin-left: -50px;
}

#partnerinfotxt {
font-size: 0.9em;
}

/* Mainlink */

.mainlink a {
font-family: verdana, helvetica, sans-serif;
font-size: 1.2em;
font-weight: bold;
color: rgb(0,48,93);
}



#middleright {
position: absolute;
top: 650px;
left: 10px;
width: 220px; float: left;
/*height: 100%;*/
padding-left: 10px;
padding-top: 60px;
spacing-left: 10px;
spacing-top: 15px;
font-family: verdana, helvetica, sans-serif;
font-size: 0.75em;
color: rgb(255,255,255);
/*background-color: rgb(62,59,151);*/
}

#tafel {
margin-left: 25px;
height: 190px;
background-image: url(../img/tafel.png);
background-repeat: no-repeat;
}

#middleright p {
padding-left: 20px;

}

#middleright a {
color: rgb(255,255,255);

}
#middleright a:hover {
color: rgb(0,48,93);
text-decoration: none;
}


#bottom {
/*background-color: rgb(255,255,255);*/
/*background-color: rgb(35,49,132);*/
}
#bottomleft {
width: 1px; 
background-color: rgb(255,255,255); 
float: left;
}
#footertxt {
margin-left: 150px;
padding-top: 40px;
padding-bottom: 5px;
margin-right: 20px;
font-family: verdana, helvetica, sans-serif;
font-size: 0.7em;
color: rgb(125,125,125);
}

/* #bottomlinkmenu {} */
#bottomright {
width: 800px;  float: left;
margin-top: 10px;
margin-left: 30px;
height: 30px;
border: 1px solid #bbb;
border-radius: 5px;
background-color: #ccc;
}

#bottomright  p{
margin-top: 8px;
text-align: center;
font-family: verdana, helvetica, sans serif;
font-size: 0.75em;
letter-spacing: 0.5em;
}

#bottomright a {
color: rgb(50,50,50);
text-decoration: none;
}
#bottomright a:hover {
color: rgb(242,148,0);
font-weight: bold;
text-decoration: none;
}

.bottomlinkspacer {
margin-left: 50px;
}

/* Formular */

#prodform {
/*line-height: 30px;*/
} 

#prodform input {
position: absolute;
left: 200px;
border: 1px solid rgb(0,48,93);
}

#prodform textarea {
border: 1px solid rgb(0,48,93);
}