body{
-webkit-margin-top-collapse:separate;
-webkit-margin-bottom-collapse:separate;
position:relative;
margin:0;
-webkit-text-size-adjust:none;
min-height:416px;
font-family:helvetica,sans-serif;
background-image:url(../images/backgroundStripes.png);
background-repeat:repeat;
}

.title{
position:absolute;
top:0;
left:0;
right:0;
padding-left:10px;
padding-right:10px;
text-align:center;
text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden;
height:44px;
line-height:44px;
font-weight:bold;
color:rgb(255,255,255);
text-shadow:rgba(0,0,0,0.6) 0 -1px 0;
font-size:16pt;
}

#topbar{
position:relative;
border-bottom:1px solid #333c46;
left:0;
top:0;
height:44px;
width:auto;
-webkit-margin-top-collapse:separate;
background-image:url('../images/header.png');
background-repeat:repeat-x;
margin-bottom:13px;
z-index:0;
}

#content{
width:100%;
position:relative;
min-height:250px;
margin-top:10px;
height:auto;
}

.menu{
-webkit-border-bottom-left-radius:8px 8px;
-webkit-border-bottom-right-radius:8px 8px;
-webkit-border-top-left-radius:8px 8px;
-webkit-border-top-right-radius:8px 8px;
-webkit-margin-bottom-collapse:separate;
-webkit-margin-top-collapse:separate;
background-color:#fff;border:rgb(135,135,135) solid 1px;
font-size:12pt;
margin-bottom:0px;
margin-left:9px;
margin-right:9px;
overflow:hidden;
padding:0;position:relative;
display:block;
height:auto;
width:auto;
margin-top:3px;
}

ul.menu li{
position:relative;
list-style-type:none;
display:block;
height:43px;
overflow:hidden;
-webkit-margin-top-collapse:separate;
width:auto;
}

ul.menu li a{
display:block;
height:43px;
overflow:hidden;
-webkit-margin-top-collapse:separate;
width:auto;
text-decoration:none;
}

.menuname{
margin-left:7px;
margin-top:11px;
width:auto;
color:#000;
font-weight:bold;
font-size:17px;
text-overflow:ellipsis;
overflow:hidden;
white-space:nowrap;
float:left;
}

.list_zeile1{
width:auto;
color:#000;
font-weight:bold;
font-size:17px;
text-overflow:ellipsis;
overflow:hidden;
white-space:nowrap;
}

.list_zeile1_1{
margin-left:7px;
margin-top:5px;
max-width:200px;
float:left;
}

.list_zeile1_2{
margin-right:22px;
margin-top:5px;
float:right;
}

.list_zeile2{
clear:right;
margin-left:7px;
margin-top:0px;
width:auto;
color:#676767;
font-weight:bold;
font-size:10px;
float:left;
}

.itemarrow{
position:absolute;
width:8px;
height:13px;
right:10px;
top:15px;
background:url(../images/chevron.png) no-repeat;
}

ul.menu li a img{
width:auto;
height:32px;
margin-top:5px;
margin-left:5px;
float:left
}

.break{
background-color:#878787;
display:block;
max-height:1px
}

#footer{
text-overflow:ellipsis;
overflow:hidden;
-webkit-margin-top-collapse:separate;
text-align:center;
-webkit-margin-bottom-collapse:separate;
position:relative;
margin-left:10px;
margin-right:10px;
margin-top:10px;
height:auto;
width:auto;
bottom:10px;
}

#footer a{
text-decoration:none;
font-size:9pt;
color:rgb(76,86,108);t
ext-shadow:rgb(255,255,255) 0 1px 0;
}

.graytitle{
position:relative;
font-weight:bold;
font-size:17px;
text-overflow:ellipsis;
overflow:hidden;
white-space:nowrap;
right:20px;
width:auto;
left:9px;
color:rgb(76,86,108);
text-shadow:rgb(255,255,255) 0 1px 0;
padding-bottom:3px;
padding-top:1px;
padding-left:8px;
}

.header{
font-weight:bold;
color:rgb(73,102,145);
font-size:12pt;
margin-bottom:0px;
font-size:11pt;
}

.header2{
font-weight:bold;
color:rgb(73,102,145);
font-size:12pt;
margin-bottom:0px;
font-size:11pt;
text-align:right;
float:right;
}

.text{
margin-top:2px;
color:#000;
}

.writehere{
position:relative;
width:auto;
height:auto;
margin-bottom:0;
margin-left:9px;
margin-right:9px;
margin-bottom:-3px;
margin-top:10px;
min-height:30px;
-webkit-margin-top-collapse:separate;
}

div.writehere img{
max-width:100%;
}

ul.textbox{
-webkit-border-bottom-left-radius:8px 8px;
-webkit-border-bottom-right-radius:8px 8px;
-webkit-border-top-left-radius:8px 8px;
-webkit-border-top-right-radius:8px 8px;
-webkit-margin-bottom-collapse:separate;
-webkit-margin-top-collapse:separate;
background-color:#fff;border:rgb(135,135,135) solid 1px;
font-size:12pt;
overflow:hidden;
list-style:none;
padding:0;
position:relative;
display:block;
height:auto;
margin-left:9px;
margin-right:9px;
margin-top:3px;
margin-bottom:13px;
}

table#topmenu{
width:auto;
height:30px;
font-size:12px;
position:absolute;
top:7px;
max-width:280px;
left:9px;
font-weight:bold;
z-index:1;
}

#startbutton{
background-image:url('../images/buttonstart.png');
background-repeat:no-repeat;
width:14px;
}

.buttonfield{
background-image:url('../images/buttonfield.png');
background-repeat:repeat-x;
}

.buttonlink{
background-image:url('../images/buttonlink.png');
width:17px;
}

#buttonend{
background-image:url('../images/buttonend.png');
background-repeat:no-repeat;
width:6px;
}

table#topmenu img{
margin-top:2px;
}

table#topmenu a{
text-decoration:none;
text-overflow:ellipsis;
overflow:hidden;
color:#fff;
text-shadow:rgba(0,0,0,0.6) 0 -1px 0;
margin-right:3px;
}

.center{
margin:auto;
display:block;
}

ul.textlist li.textlistitem{
margin-top:4px;
margin-bottom:4px;
margin-left:-20px;
list-style-type:disc;
list-style-position:outside;
}

ul.textlist li.textlistitem p{
display:block;
margin-top:2px;
margin-left:-3px;
margin-bottom:6px;
}

img{
border:0;
}

#buttonbegin{
background-image:url('../images/buttonbegin.png');
background-repeat:no-repeat;
width:6px;
}

.buttonend{
background-image:url('../images/buttonend.png');
background-repeat:no-repeat;
width:6px;
}

#toprightbutton{
position:absolute;
width:auto;
height:30px;
font-size:12px;
position:absolute;
top:7px;
max-width:280px;
right:9px;
font-weight:bold;
}

table#toprightbutton a{
text-decoration:none;
text-overflow:ellipsis;
overflow:hidden;
color:#fff;
z-index:1;
padding-left:3px;
text-shadow:rgba(0,0,0,0.6) 0 -1px 0;
margin-right:3px;
}

#toprightmenu{
width:auto;
height:30px;
font-size:12px;
position:absolute;
top:7px;
max-width:280px;
right:9px;
font-weight:bold;
z-index:1;
}

.buttonlinkright{
background-image:url('../images/buttonlinkright.png');
width:17px;
}

#buttonstartright{
background-image:url('../images/buttonstartright.png');
width:14px;
}

table#toprightmenu a{
text-decoration:none;
padding-left:3px;
text-overflow:ellipsis;
overflow:hidden;
color:#fff;
text-shadow:rgba(0,0,0,0.6) 0 -1px 0;
margin-right:3px;
}

table#toprightmenu img{
margin-top:2px;
}

/* ####### AUTOCOMPLETE ####### */
div.autocomplete {
  margin:0px;  
  padding:0px;  
  width:250px;
  background:#fff;
  border:1px solid #888;
  position:absolute;
}

div.autocomplete ul {
  margin:0px;
  padding:0px;
  list-style-type:none;
}

div.autocomplete ul li.selected { 
  background-color:#ffb;
}

div.autocomplete ul li {
  margin:0;
  padding:2px;
  display:block;
  list-style-type:none;
  cursor:pointer;
}


/* ####### RATING BAR ####### */
.rating_bar {
  float:right;
  width: 80px;
  background: url(../images/sterne_blank.gif) 0 0 repeat-x;
}

.rating_bar div {
  float:right;
  height: 15px;
  background: url(../images/sterne.gif) 0 0 repeat-x;
}

/* ######## NEW / TEST ###### */
input {
-webkit-border-bottom-left-radius:8px 8px;
-webkit-border-bottom-right-radius:8px 8px;
-webkit-border-top-left-radius:8px 8px;
-webkit-border-top-right-radius:8px 8px;
background-color:#fff;border:rgb(135,135,135) solid 1px;
font-size:10pt;
}

#table_name {
	color: #FF0000;
	text-transform:capitalize;
}

#book_details {
	font-size: 11px;
	
}