body{
color:#FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
background-color: #33393b;
margin-top:20px;
}
h1{
font-size:30px;
background: url(../image/li.gif) no-repeat left;
padding-left:20px;
margin-left:20px;
}
h2{
font-size:16px;
}
h3{
font-size:15px;
}
/* DIV */
div.mainbox{
margin:auto; 
width:760px;
}
div.top{
margin:0px;
margin-bottom:20px;
width:757px;
height:66px;
}
div.logo{
float:left;
background:url(../image/logo.gif) left top no-repeat;
width:389px;
height:66px;
}
div.menue{
margin-top:2px;
float:right;
width:80px;
}


div.linie{
width:756px;
height:2px;
background:#666666;
margin-top:5px;
}
div.main{
margin-top:5px;
width:757px;
min-height:571px;
}
div.box{
margin:1px;
width:250px;
height:188px;
float:left;
background:url(../image/leer.gif);
}
div.bottom{
margin: 15px 10px 50px 10px;
width:740px;
color:#686868;
}
div.linkpartner{
margin-top:5px;
margin-bottom:5px;
text-align:center;
}
div.copyright-left{
float:left;
}
div.copyright-right{
float:right;
}
div.leer{
background:url(../image/transparent.png);
width:250px;
height:188px;
color:#FFFFFF;
}
div.url{
margin-top:20px;
text-align:center;
}
div.url-top{
text-align:right; 
height:20px;
}
div.url-new_text{
width:100%; 
text-align:center; 
font-size:12px; 
height:20px; 
margin-top:10px;
}
div.url-text{
text-align:center;
font-size:8pt;
color:#FFC1C1;
margin: 50px 20px 0 22px;
padding: 2px 0px 5px 0px;
border:2px #590000 dotted;
}
div.leer-site{
width:250px;
height:180px;
color:#FFFFFF;
}
div.leer-seite-links{
float:left;
width:220px;
height:188px;
}
div.leer-site-refresh-delete{
float:right;
text-align:left;
width:30px;
height:188px;
}
div.leer-site-refresh{
background:url(../image/transparent.png);
margin-top:15px;
padding:5px;
height:16px;
border: solid 2px #000000;
border-right:none;
}
div.leer-site-delete{
background:url(../image/transparent.png);
margin-top:155px;
padding:5px;
height:16px;
border: solid 2px #CCCCCC;
border-right:none;
}
div.page{
margin-left:60px; 
font-size:15px;
}
div.point{
margin-bottom:1px;
}

/* ID */
#menue{
margin-top:1px;
border:0px solid;
}
.links{
list-style:none;
margin:0px;
}
.links-bottom{
float:left;
background-repeat:no-repeat;
background-position:left;
padding-left:19px;
padding-bottom:2px;
margin-right:15px;
font-size:11px;
}
.links-r-bottom{
float:left;
background-repeat:no-repeat;
background-position:left;
padding-left:22px;
padding-bottom:2px;

font-size:11px;
}
#ul-add{
float:left;
list-style:none;
margin:0px;
margin-left:60px;
padding-left:25px;
background:url(../image/add.png) left no-repeat;
}

/* FONT */
a{
color:#A4A4A4;
text-decoration:none;
}
a:hover{
color:#EEEEEE;
text-decoration:underline;
}

/* Input */
input.url{
background:url(../image/world.png) #FFFFFF no-repeat center;
background-position:2px;
border:1px solid #CCCCCC;
font-size: 10pt;
width:65%;
padding-left:20px;
height:15px;
text-transform: lowercase;
color:#4D4D4D;
}
input#save {
margin: 0 0 -3px 10px;
}
h2.date{
border:#dc8201 solid;
float:left;
width:80px;
}
div.date_date{
text-align:center;
padding:2px;
}
div.date_year{
text-align:center;
padding:2px;
color:#33393b;
background-color:#FFFFFF;
}
div.neues_newstext{
margin-left:100px;
padding-top:10px;
margin-bottom:20px;
text-align:justify;
}
.error{
padding:12px 5px 10px 20px;
text-align:center;
color:#FF6666; 
font-weight:bold;
border:double 5px #D20000;
background-color:#530000;
background-image:url(../image/warnung.png);
background-repeat:no-repeat;
background-position:5px;
}
.ok{
padding:12px 5px 10px 20px;
text-align:center;
color:#009B00; 
font-weight:bold;
border:double 5px #005100;
background-color:#C4FFC4;
/*background-image:url(../image/warnung.png);
background-repeat:no-repeat;
background-position:5px;*/
}
.neet{
display:none;
}


/*             styles for the star rater                */
.star-back{ background: url(back.gif) no-repeat; width:250px; height:37px; }
.star-back2{ width:150px; height:30px; float:right; margin-right:10px; margin-top:3px; }
.star-rating{
	list-style:none;
	margin: 0px;
	padding:0px;
	width: 150px;
	height: 30px;
	position: relative;
	background: url(star_rating.png) top left repeat-x;		
}
.star-rating li{
	padding:0px;
	margin:0px;
	/*\*/
	float: left;
	/* */
}
.star-rating li a{
	display:block;
	width:30px;
	height: 30px;
	text-decoration: none;
	text-indent: -9000px;
	z-index: 30;
	position: absolute;
	padding: 0px;
}
.star-rating li a:hover{
	background: url(star_rating.png) left bottom;
	z-index: 1;
	left: 0px;
}
.star-rating a.one-star{
	left: 0px;
}
.star-rating a.one-star-yes{
	background: url(star_rating.png) left bottom;
	z-index: 1;
	left: 0px;
}
.star-rating a.one-star:hover{
	width:30px;
}
.star-rating a.two-stars{
	left:30px;
}
.star-rating a.two-stars-yes{
	background: url(star_rating.png) left bottom;
	z-index: 1;
	left:30px;
}
.star-rating a.two-stars:hover{
	width: 60px;
}
.star-rating a.three-stars:hover{
	width: 90px;
}
.star-rating a.three-stars-yes{
	background: url(star_rating.png) left bottom;
	z-index: 1;
	width: 90px;
}
.star-rating a.three-stars{
	left: 60px;
}
.star-rating a.four-stars{
	left: 90px;
}
.star-rating a.four-stars-yes{
	background: url(star_rating.png) left bottom;
	z-index: 1;
	left: 90px;
}		
.star-rating a.four-stars:hover{
	width: 120px;
}
.star-rating a.five-stars{
	left: 120px;
}
.star-rating a.five-stars-yes{
	background: url(star_rating.png) left bottom;
	z-index: 1;
	left: 120px;
}
.star-rating a.five-stars:hover{
	width: 150px;
}