/* Standard CSS */
@import url(content.css);
.typo3-adminPanel{
position: absolute;
top: 0;
right:0px;
z-index = 999
}
/* basic settings */
* {
   padding: 0;
   margin: 0;
   font-size: 1em; /* do not edit */
}
html {
   font-size: 62.5%; /* do not edit */
}
body {
text-align: center;/* IE quirks*/
font-size: 1.2em; /* edit here global font size - 1em is 10px */
font-family: Arial, Helvetica, sans-serif;
background-color: #c7c7c7;
}
/*basic positioning*/

#wrapper{
width: 986px;
position: relative;
margin: 0 auto;
text-align: left;/*IE (see body)*/
background-image: url(../media/shadow_right.gif);
}
#header{
width: 980px;
background: url(../media/bg-header.png);
background-repeat: no-repeat; 
background-position: bottom;
height: 101px;
background-color: #FFF;
}
#teaser{
position: absolute;
z-index: 90;
width: 122px;
height: 145px;
/*background: green;*/
}
#logo{
float: right;
right: 0;
z-index: 3;
width: 272px;
height: 80px;
background: url(../media/logo.gif);
}
#topbar{
position: relative;
background-image: url(../media/bg-topbar.png);
background-repeat: no-repeat;
width: 980px;
height: 44px;
}

#rootline{
font-size: 0.9em;
background: transparent;
width: auto;
margin: 0 122px 0 123px;
padding:  6px 20px;
}


#searchbox{
/*background: blue;*/
position: absolute;
width: 122px;
height: 35px;
top: 0px;
right: 0;
}
#searchbox input{
position: relative;
background: #FFF;
  width: 69px;
  height: 18px;
  line-height: 11px;
  border: 1px solid #969799;
  vertical-align: top;
  margin: 6px 0 0 2px;
  padding: 3px 0 0 2px;
  font-size: 11px;
}
#searchbox input.searchbox-button{
position: relative;
height: 20px;
border: none;
padding: 0;
width: auto;
top: 1px;
left: 0;
}
div.tx-indexedsearch-whatis{
padding-left: 12px;
}

#main{
width: 980px;
}

#navi_left{
position: absolute;
top: 145px;
left: 0;
width: 150px;
background-color: #FFF;
background-image: url(../media/bg-border.jpg);
background-position: 0 0;
background-repeat: repeat-x; 
width: 122px;
min-height: 444px;
/*background: lime;*/
}
* html #navi_left{
height: 444px;
}
#content_border{
position: absolute;
top: 145px;
right: 0;
width: 122px;
min-height: 444px;
background-color: #FFF;
background-image: url(../media/bg-border.jpg);
background-position: 0 0;
background-repeat: repeat-x; 
margin-right: 6px;

}

#navi_service2{

width: 733px;/*-687 Bild = 46 */

background: url(../media/bg-footer.png);
background-repeat: no-repeat;
/*border: 1px solid green;*/
padding-top: 10px;
padding-bottom: 15px;
margin-left: 135px;
clear:both;
/*height: 20px;*/
}


/* additional Content-Styles */

ul, ol{
list-style-position: inside;
margin: 4px 0 4px 10px;
}

#content_normal ul{
list-style-position: outside;
margin: 0px;
padding-left:16px;
padding-top: 5px;
padding-bottom: 5px;
}


#content_normal li{
margin: 0px;
color:#000000;

}

#content_normal li li{
margin: 0px;
color:#000000;
color: #5F5F5F;
}

blockquote{
margin-left: 2em;
}

pre{
font-family: courier,lucida,fixed;
margin: 0.5em 0
}



/* Navigation */

#navi_left ul{
list-style: none;
margin: 0;
list-style-position: outside;/*IE*/
/*background: pink;*/
}

#navi_left li{
/*background: lightblue;*/
margin: 3px 7px;
padding: 0;
}

* html li{
height: 24px;
}

#navi_left a{
text-decoration: none;
}

#navi_left li a{
display: block;
height: 24px;
line-height: 24px;
padding-left: 6px;
background: url(../media/boxgrey-24.gif) no-repeat;
}

#navi_left li a:hover{
background: url(../media/boxwhite-24.gif) no-repeat;
}

#navi_left li li{
/*line-height: 16px;*/
height: 16px;
margin:3px 0;
/*background: orange;*/
/*border-top: 3px solid transparent;*/
}
#navi_left li li a{
height: 16px;
line-height: 16px;
background: url(../media/boxgrey-16.gif) no-repeat;
}
#navi_left li li a:hover{
background: url(../media/boxwhite-16.gif) no-repeat;

}

/* Service Navi right */
#service_container{
height: 120px;
}

#navi_service1 ul{
list-style: none;
margin: 4px 0 0 0;
}
#navi_service1 li{
float: left; /*because of IE*/
padding-left: 2px;
height: 30px;
font-size: 10px;
}
#navi_service1 img{
vertical-align: middle;
margin-right: 4px;
margin-left: 4px;
}
#navi_service1 a {
text-decoration: none;
}


/* Service Navigation 2 */
#navi_service2 ul{
list-style: none;
margin: 4px 0 0px 0;
}
#navi_service2 li{
padding-left: 2px;
height: 13px;
font-size: 11px;
line-height: 13px;
display: inline;
margin: 4px 0;
padding: 0 10px;
border-right: solid 1px #b4b6b8;
}
#navi_service2 li.last{
border: none;
}
#navi_service2 a {
text-decoration: none;
color:#b4b6b8;
}




#shadow_bottom{
float: left;
width: 986px;
height: 18px;
background-image: url(../media/shadow_bottom.gif);
}



#wrapper_game {
text-align: left;
width: 100%;
float: left;
height: 870px;
background-color: #ffffff;
}


#content_container_game{
margin: 0px;
width: 100%;
float: left;
}

#content_normal_game{
width: 100%;
float: left;
}

.text_game{
width: 370px;
float: left;
margin-left: 15px;
}

.game_grey{
background-color: #e3e4e5;
float: left;
margin-top: 20px;
margin-bottom: 20px;
padding: 5px;
width: 350px;
}