/*
 * 
 * css parsqube
 * v 0.1
 * 
 */

/* main */

*{
    padding:0;
}
a {
  color: #008ab7;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
a:visited {
  /* eine schöne visited farbe */
}
body{
    height:auto;
    font-family: 'Verdana', sans-serif;
    font-size:13px;     
    line-height: 20px;
    height: 100%;
    padding: 1em;
    
}
h1 {
  font-size: 1.35em;  
  border-bottom: 1px solid #DEDEC8;
  padding-top: 10em;
  background:#ffffff url('logo.jpg') top left no-repeat;
  
}
h2 {
  font-size: 1.25em;
}
h3 {
  font-size: 1.17em;
}
li {
  margin-left: 2em;
  margin-bottom: 0.5em;
  list-style-image: url(../gfx/bullet_hover.gif);
}
.wrapper{
    margin:0 auto;
    min-height:100%;
    z-index:0;
    width:1000px;
}
.main {
  padding-bottom: 150px;
}

.header{
    z-index:0;
    width:100%;
    height:120px;
    padding-bottom: 10px;
    position: relative;
}
.footer {
    width: 1000px;
    margin: 0 auto;
    height: 150px;
    clear:both;
    text-align: center;
    border-top: 1px solid #DEDEC8;
}
.logo{
    background:#ffffff url('logo.jpg') top right no-repeat; 
    height:110px;
    width:200px;
    float:left;
    margin-top: 2px;
    margin-left: 1px;
}

.logo a {
    z-index: 100;
    height:110px;
    display: block;
    width:200px;
}

.langsPhrase {
  
  //float: right;
  padding-top: 50px;
  //padding-right: 2px;
  text-align:right;
  
  font-weight: bold;
  font-size: 85%;
  
  position: absolute;
  bottom: 27px;
  right: 0;

}
.langphrase div {
  float: right;
}

.langs {
  text-align: right;
 // padding-bottom: 20px;
 // padding-right: 2px;
}
.langs ul {
  list-style-type: none;
}
.langs li {
  display: inline;
  margin-left: 0em;
}
.langs span {
  visibility: hidden;
  padding: 0px 5px;
}

.langs li.langDe a{
  background: url(../../../typo3/sysext/t3skin/images/flags/de.png) no-repeat right;
}
.langs li.langEn a{
  background: url(../../../typo3/sysext/t3skin/images/flags/gb.png) no-repeat right;
}



/* .langs {
  position:relative;
  text-align: right;
  float: right;
  padding-bottom: 20px;
  padding-right: 2px; 
}

.phrase{
  text-align: right; 
  /*text-shadow: 1px 1px 2px #DADADA;
  font-weight: bold;
  font-size: 13px;
}
*/

/* .langs {
  position:relative;
  right:0;
}
*/

/* navigation */
.nav{
    font-size:13px;     
    line-height: 14px;
    width:100%;
    height:28px;
    background:url('../gfx/menu_bg.png');
    border-radius:3px;
    z-index:5;
}

.nav ul{
    width:83%;
    height:28px;
    bottom:0px;
    list-style-type:none;    
    margin: 0 0 0 5px;
    float:left;
    display: block;
    height: auto;
}

.nav li{
    margin:0;
    padding:0;
    float:left;
    display:block;
    cursor:pointer;
    position:relative;
}

.nav li ul{
    z-index:10;
    width:200px;
    position:absolute;
    height:auto;
    margin-left:0px;
    background-color:#008ab7;
    top:28px;
    visibility:hidden;
}
.nav li:hover ul{
    visibility:visible;
}

.nav li li{
    margin:0;
    height:27px;
    width:200px;
    background-color:#008ab7;
   
}

.nav ul li{
    float:left;
    display:block;
    height:28px;
}


.nav a{
    text-decoration:none;
    display:block;
    padding:6px 20px;
    color:#fff;
    font-weight:bold;
}

.nav li.active{
    background:url('../gfx/menu_active.png');
  color:#000; 
}
.nav li.active li.active{
  background: #008ab7;
  color:#000; 
}
.nav li.active > a,
.nav li.active li.active > a{
    color:#000;    
}
.nav li a:hover {
    background-color:#005977;
    color:#fff; 
}
.nav li li a:hover {
    background:#005977;
}

/* suchfeld */

.searchform {
 bottom:0px
}

.searchform form{
  width:100%; 
}

.searchform input {
  height:15px;
  margin-top: 5px;
  border: 1px solid #000;
  padding: 1px 4px;
  color: #000;
  font-style: italic;
  margin-right: -4px;
  width: 150px;
}


/* nav left */
.nav_left {
    margin-top: 10px;
    padding: 5px 10px;
    border: 1px solid #eee;
    border-radius: 3px;
}
.nav_left ul {
    margin: 0;
    list-style-type:none;
}
.nav_left  li {
  margin: 4px 0;
  list-style-image: none;
}
.nav_left li li {
    padding-left: 10px;
}
.nav_left li li li {
    padding-left: 10px;
}
.nav_left li.active > a {
  font-weight: bold;
}
.nav_left a {
    text-decoration: none;
    color: #000;
    font-size: 12px;
}
.nav_left a:hover {
    color: #008ab7; 
}
.breadcrumbs {
  font-size: 12px;
}
.breadcrumbs a {
  
}

/* rotator in-page placement */
  div.rotator {
  position:relative;
  height:345px;
  margin-left: 0px;
  display: none;
}
/* rotator css */
  div.rotator ul li {
  float:left;
  position:absolute;
  list-style: none;
}
/* rotator image style */  
  div.rotator ul li img {  
  padding: 4px;
  background: #FFF;
  width:150px;
}
  div.rotator ul li.show {
  z-index:500
}

/* layout */
.cwrapper {
    width: 100%;
}
.left {
    width: 200px;
    float: left;
}
.content{
    float: left;
    width: auto;
    padding: 0px 20px 10px 20px;
    margin-top: 10px;
    min-width: 580px;
    max-width: 580px;
}
.right {
    float: right;
    width: 180px;
}

.footer {
  padding:10px;
}

}

/* Tabellen Formatierungen */

table tbody tr.oddRow{
  background-color:#ccc;
}
table tbody tr{
  background-color:#ddd;
}

table thead tr th{
  border:1px solid #fff;
  padding:2px;
  width:50%;
  vertical-align:top;
}

td, th {
  display: table-cell; 
  vertical-align: inherit;
}

tbody.tablewhite tr.oddRow, tbody.tablewhite tr  {
 background-color:#fff;

}

.codesnippet {
font-family:'courier new', courier;
background-color: #F5F5F5;
padding: 10px;
border: 1px solid #DEDEC8;
border-top: 4px solid #DEDEC8;
border-radius: 2px;
}

div.boxWhite hr {
    color: rgb(238, 238, 238);
    background-color: rgb(238, 238, 238);
    height: 1px;
    border: 0px none;
    padding: 0px 5px;
    width: 170px;
}

.contact {
    font-weight: bold;
    color: #BBB;
    text-align: right;
    font-size: 85%;
    line-height: 0.8em;
}  

.contact ul {
    list-style-type: none;
    text-align: right;
}
      
.contact li.phone:before {
  display: marker;
  content: url('../gfx/icon_telephone.png');
  vertical-align: -3px;
  padding-right: 10px; 
}

.contact li.email:before {
  display: marker;
  content: url('../gfx/icon_email.png');
  vertical-align: -3px; 
  padding-right: 10px;
}

.contact li {
    list-style: none;
    padding: 0;
}

/* Styles für Bücher */
.code { 
    font: 12px/18px "Ubuntu Mono", Menlo, Consolas, "Courier New", Courier, monospace;
    background: #eee url("../gfx/striped-back.png");
    padding: 8.5px;
    width: 100%;
    margin: 18px 0 18px;
    border-radius: 5px;
}

table.content, table.grammar {
  width:100%
}

table.content td, table.grammar td {
  padding: 5px;
}

table.content td {
  background: #eee;
}

table.content tbody tr {
  background-color: #e7e7e7;
}

table.grammar {
/* new style
  background: #eee;
  border-radius: 5px;
  */
  // old style
  font-family:'courier new', courier;
  background-color: #F5F5F5;
  padding: 10px;
  border: 1px solid #DEDEC8;
  border-top: 4px solid #DEDEC8;
  border-radius: 2px;
}

table.grammar tbody tr {
  background-color: inherit;
}

.inline-code , table.code-table tbody td, table.grammar {
  //font: 12px/18px "Ubuntu Mono", Menlo, Consolas, "Courier New", Courier, monospace;
  font-family: 'courier new',courier;
}

.content .source {
  margin-top: 1em;
  font-size: 0.8em;
}