/* Allgemeine Formatierungen */

body {background-image:url(images/nordline_01.jpg);font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#000000;background-color:#dbe2e9;background-repeat:repeat-x;}
* {margin:0px;padding:0px;}
h1,h2,h3,h4,h5,h6 {color:#971c12;}	
a {	font-weight:normal;text-decoration:underline;color:#0075bd;outline:none;}
a img {border:none;}
a:hover {color:#000;text-decoration:none;}
li {margin:10px;list-style:inside;}
ol li {list-style:decimal;}
table tr td {padding:2px;border:1px solid #999;}
table tr th {padding:2px;border:1px solid #999;}

/* Div Tags */

#design {background-image:url(images/nordline_19.jpg);width:869px;height:auto;overflow:auto;margin:auto;text-align:center;}
#header {background-image:url(images/nordline_03.jpg);background-color:#fff;width:869px;height:192px;color:#FFFFFF;font-size:26px;text-align:left;}
#links {width:223px;float:left;height:auto;text-align:left;min-height:1px;}
#sidewide {width:616px;height:auto;text-align:left;line-height:18px;padding:15px;}
#flagge {background-image:url(images/nordline_09.jpg);width:869px;height:4px;clear:both;}
#navi {width:865px;padding-left:4px;}
#footer {background-image:url(images/nordline_47.jpg);clear:both;width:869px;height:20px;background-color:#fff;padding-top:30px;color:#000;overflow:hidden}
#line {background-color:#ccc;color:#ccc;width:625px;height:1px;clear:both;border:0px;margin-left:5px;}
#right {width:646px;height:auto;float:left;overflow:hidden }

/* Klassen */

.content {width:596px;height:auto;padding:25px;text-align:left;line-height:18px;overflow:hidden}
.navi {background-image:url(images/nordline_06.jpg);width:172px;height:27px;display:block;padding-top:10px;text-decoration:none;float:left;color:#fff;font-weight:bold;}
.navi:hover {background-image:url(images/nordline_07.jpg);text-decoration:underline;color:#fff;}
.top {background-image:url(images/nordline_10.jpg);width:203px;height:26px;display:block;color:#fff;padding:11px 0px 0px 20px;font-size:13px;}
.subnavi {background-image:url(images/nordline_16.jpg);width:193px;height:23px;display:block;padding-top:7px;padding-left:30px;text-decoration:none;color:#000;}
.subnavi:hover {background-image:url(images/nordline_15.jpg);text-decoration:underline;color:#000;width:183px;padding-left:40px;}

/* Box Large */

.box_l {width:623px;height:auto;margin-left:10px;text-align:left;}
.box_top_l {background-image:url(images/nordline_22.jpg);width:613px;height:24px;color:#fff;padding-top:10px;font-weight:bold;padding-left:10px;}
.box_text_l {width:591px;border-left:1px solid #7f0c00;border-right:1px solid #7f0c00;padding:15px;}
.box_btm_l {background-image:url(images/nordline_39.jpg);width:623px;height:7px;clear:both;}
.box_inner_l {width:287px;height:auto;float:left;margin-left:10px;}
.box_inner_l_top {background-image:url(images/nordline_26.jpg);width:287px;height:12px;}
.box_inner_l_text {background-image:url(images/nordline_36.jpg);width:237px;padding:10px 25px;}
.box_inner_l_btm {background-image:url(images/nordline_38.jpg);width:287px;height:12px;}
.buttons {background-image:url(images/nordline_34.jpg);width:217px;height:35px;display:block;padding-top:10px;color:#fff;font-weight:bold;text-align:center;padding-right:10px;}
.buttons:hover {background-image:url(images/nordline_31.jpg);color:#fff;}
.buttons_b {background-image:url(images/nordline_31.jpg);width:217px;height:35px;display:block;padding-top:10px;color:#fff;font-weight:bold;text-align:center;padding-right:10px;}
.buttons_b:hover {background-image:url(images/nordline_34.jpg);color:#fff;}

/* Box Small */

.box_s {width:308px;height:auto;text-align:left;margin-top:10px;margin-left:9px;float:left;}
.box_top_s {background-image:url(images/nordline_42.jpg);width:298px;height:24px;color:#fff;padding-top:10px;font-weight:bold;padding-left:10px;}
.box_text_s {width:276px;border-left:1px solid #7f0c00;border-right:1px solid #7f0c00;padding:15px; min-height:100px;}
.box_btm_s {background-image:url(images/nordline_45.jpg);width:308px;height:5px;clear:both;}





/* the default rating is placed as a background image in the ul */
/* use the background position according to the table above to display the required images*/
.rating{
	width:80px;
	height:16px;
	margin:0 0 20px 0;
	padding:0;
	list-style:none;
	clear:both;
	position:relative;
	background: url(images/star-matrix.gif) no-repeat 0 0;
}
/* add these classes to the ul to effect the change to the correct number of stars */
.nostar {background-position:0 0}
.onestar {background-position:0 -16px}
.twostar {background-position:0 -32px}
.threestar {background-position:0 -48px}
.fourstar {background-position:0 -64px}
.fivestar {background-position:0 -80px}
ul.rating li {
	cursor: pointer;
 /*ie5 mac doesn't like it if the list is floated\*/
	float:left;
	/* end hide*/
	text-indent:-999em;
}
ul.rating li a {
	position:absolute;
	left:0;
	top:0;
	width:16px;
	height:16px;
	text-decoration:none;
	z-index: 200;
}
ul.rating li.one a {left:0}
ul.rating li.two a {left:16px;}
ul.rating li.three a {left:32px;}
ul.rating li.four a {left:48px;}
ul.rating li.five a {left:64px;}
ul.rating li a:hover {
	z-index:2;
	width:80px;
	height:16px;
	overflow:hidden;
	left:0;	
	background: url(images/star-matrix.gif) no-repeat 0 0
}
ul.rating li.one a:hover {background-position:0 -96px;}
ul.rating li.two a:hover {background-position:0 -112px;}
ul.rating li.three a:hover {background-position:0 -128px}
ul.rating li.four a:hover {background-position:0 -144px}
ul.rating li.five a:hover {background-position:0 -160px}
/* end rating code */
