* { padding: 0; margin: 0; }

html {
 margin: 0; /* wichtig für Firefox, IE, Safari & Co */
 padding: 0; /* wichtig für Opera */
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
}
body {
 margin: 0; /* wichtig für Firefox, IE, Safari & Co */
 padding: 0; /* wichtig für Opera */
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 background: #343434 url(../img/bg_carbon.gif) repeat-x;
}
ul {
 list-style: none; /* wichtig für Firefox */
 margin: 0;
 padding: 0;
}
a, a:link, a:visited, a:hover, a:active {border:0 none}
a img {border:0 none}

#wrapper { 
 margin: 0 auto;
 padding: 0;
 width: 848px;
}
#logo {
 height: 100px;
 width: 848px;
 padding: 0;
 margin: 0;
}
#logo .position_left {
 float: left;
 font-size: 0;
}
#logo .position_right {
 float: right;
 position: relative;
 top: 2px;
 right: 18px;
 font-size: .8em;
 color: #ddd;
}
#logo .position_right a:link {
 color: #ddd;
 text-decoration: underline;
}
#logo .position_right a:hover {
 color: #ddd;
 text-decoration: none;
}
#logo .position_right a:visited {
 color: #ddd;
 text-decoration: underlines;
}
#logo .position_right .orange {
 color: #f29917;
 text-decoration: none;
}
#header {
 height: 60px;
 width: 848px;
 padding: 0;
 margin: 0;
 clear: both;
}
#navigation {
 height: 60px;
 width: 848px;
 float: left;
 padding: 0;
 margin: 0;
 background: url(../img/bg_navigation.png) repeat-x;
}
#navigation .menu {font-family: arial, sans-serif; width:848px; height:30px; position:relative; margin:0; font-size:11px; z-index:100; background:url(../img/bg_menu.png); font-weight:bold;}
#navigation .menu ul {padding:0; margin:0; list-style-type: none; text-align:center;}
#navigation .menu ul li {float:left; width:106px;}
#navigation .menu ul li a, .menu ul li a:visited {display:block; width:101px; text-decoration:none; padding:0 2px 0 3px; height:30px; line-height:30px; color:#FFF; url(../../graphics/drop.gif) bottom right no-repeat;}
#navigation .menu table {border-collapse:collapse; margin:0; padding:0; font-size:1em;}
#navigation .menu ul li ul {visibility:hidden; position:absolute; top:30px; left:0; }
#navigation .menu ul li:hover a,
#navigation .menu ul li a:hover {color:#fff; background:url(../img/bg_menu_hov.png) repeat-x;}
#navigation .menu ul li:hover ul,
#navigation .menu ul li a:hover ul {visibility:visible; width:848px;background:url(../img/bg_submenu.png) repeat-x; color:#fff;}
#navigation .menu ul li:hover ul.right_side li,
#navigation .menu ul li a:hover ul.right_side li {float:right; border:0; border-left:1px solid #eee;}
#navigation .menu ul li:hover ul.left_side li,
#navigation .menu ul li a:hover ul.left_side li {float:left; border:0; border-left:1px solid #eee;}
#navigation .menu ul li:hover ul li a.sub,
#navigation .menu ul li a:hover ul li a.sub {background:#bd8d5e url(../../graphics/drop2.gif) bottom right no-repeat; color:#fff;}
#navigation .menu ul li:hover ul li ul,
#navigation .menu ul li a:hover ul li a ul {visibility:hidden; position:absolute; left:0; top:30px; }
#navigation .menu ul li:hover ul li a,
#navigation .menu ul li a:hover ul li a {display:block; background:url(../img/bg_submenu.png) repeat-x; color:#555;}
#navigation .menu ul li:hover ul li a:hover,
#navigation .menu ul li a:hover ul li a:hover {background:url(../img/bg_submenu_hov.png) repeat-x; color:#555;}
#navigation .menu ul li:hover ul li:hover ul,
#navigation .menu ul li a:hover ul li a:hover ul {visibility:visible; color:#000; background:#dfc184;}
#navigation .menu ul li:hover ul.right li {float:right;}
#navigation .menu ul li:hover ul li:hover ul li a,
#navigation .menu ul li a:hover ul li a:hover ul li a {background:#dfc184; color:#000;}
#navigation .menu ul li:hover ul li:hover ul li a:hover,
#navigation .menu ul li a:hover ul li a:hover ul li a:hover {background:#bd8d5e; color:#fff;}

#movie {
 width: 844px;
 padding: 0;
 margin: 0;
 background: #fff;
 border-right: #c8c8c8 2px solid;
 border-left: #c8c8c8 2px solid;
}
#movie .movie_bg {
 width: 828px;
 height: 150px;
 position: relative;
 top: 8px;
 left: 8px;
 padding: 0;
 margin: 0;
 background: url(../img/bg_movie.gif) no-repeat;
}
#movie .img {
 position: relative;
 top: 3px;
 left: 3px;
 padding: 0;
 margin: 0;
}

#column {
 width: 844px;
 background: #fff;
 margin: 0;
 padding: 0;
 border-right: #c8c8c8 2px solid;
 border-left: #c8c8c8 2px solid;
}
#column .spacer {
 height: 20px;
 width: 100%;
 margin: 0;
 padding: 0;
 clear: both;
}

#leftcolumn { 
 color: #333;
 margin: 0;
 padding: 0;
 width: 215px;
 float: left;
}
#leftcolumn .offers {
 width: 190px;
 height: 175px;
 position: relative;
 top: 12px;
 left: 8px;
 padding: 0;
 margin: 0;
 background: url(../img/bg_offers.gif) no-repeat; 
}
#leftcolumn .headline {
 position: relative;
 top: 7px;
 left: 10px;
 padding: 0;
 margin: 0;
 font:bold 1em Verdana;
 color: #777
}
#leftcolumn .offers img{
 position: relative;
 top: 9px;
 left: 9px;
 border: 1px solid #bbb; 
 padding: 0;
}

#rightcolumn_parts { 
 float: left;
 color: #333;
 margin: 0;
 padding: 0;
 width: 625px;
}
#rightcolumn_parts .headline {
 position: relative;
 top: 17px;
 left: 8px;
 padding: 0;
 margin: 0;
 font:bold 1em Verdana;
 color: #f29917
}
#rightcolumn_parts .legende {
 float: right;
 position: relative;
 right: 20px;
 padding: 0;
 margin: 0;
 font:bold 1em Verdana;
 text-align: right;
 color: #777777;
}
#rightcolumn_parts .abstand {
 width: 100%;
 height: 15px;
 position: relative;
 top: 2px;
 left: 2px;
 margin: 0;
 clear: both;
 font-size: 0;
}
#rightcolumn_parts h1 {
 position: relative;
 top: 15px;
 left: 8px;
 padding: 0;
 margin: 0;
 font: bold 1em Verdana;
 color: #777777;
}
#rightcolumn_parts .left {
 width: 360px;
 float: left;
 padding: 0;
 margin: 0;
 font: 1em Verdana;
 color: #777777;
}
#rightcolumn_parts .left h1 {
 font: bold 1em Verdana;
 color: #777777;
}
#rightcolumn_parts .right {
 width: 240px;
 float: right;
 padding: 0;
 margin: 0;
 font: 1em Verdana;
 color: #777777;
}
#rightcolumn_parts .right img {
 position: relative;
 top: 2px;
 border: 1px solid #dcdcdc;
 padding: 2px;
}
#rightcolumn_parts TABLE {
 position: relative;
 top: 2px;
 left: 7px;
 padding: 0 15px 0 0;
 margin: 0;
 font:1em Verdana;
 border:0;
 color: #777777;
}
#rightcolumn_parts .galerie {
 position: relative;
 top: 1px;
 left: 4px;
 padding: 0;
 margin: 0;
 border:0;
 color: #777777;
}

.img_2-3-5 {
position:relative;
top: 2px;
left: 0;
padding: 0 3px 0 5px;
}
.img_3-0 {
position:relative;
top: 3px;
left: 0;
padding: 0 5px 0 0;
}
.img_3-5 {
position:relative;
top: 3px;
left: 5px;
}
.img_3-5_5 {
position:relative;
top: 3px;
left: 5px;
padding: 0 5px 0 0;
}
.img_4-0 {
position:relative;
top: 4px;
left: 0;
padding: 0 5px 0 0;
}
.img_4-5 {
position:relative;
top: 4px;
left: 0;
padding: 0 0 0 5px;
}

#rightcolumn { 
 float: left;
 color: #333;
 background: #fff;
 margin: 0;
 padding: 0;
 width: 625px;
}
#rightcolumn .headline {
 position: relative;
 top: 17px;
 left: 8px;
 padding: 0;
 margin: 0;
 font: bold 1em Verdana;
 color: #f29917
}
#rightcolumn .headline  a, a:link, a:visited, a:active {color:#f29917; text-decoration:underline;}
#rightcolumn .headline  a, a:hover {text-decoration:none;}

#rightcolumn .archiv_right { 
 width: 170px;
 float: right;
 font: bold 1em Verdana;
 color: #f29917
}
#rightcolumn .archiv_left { 
 width: 170px;
 float: left;
 font: bold 1em Verdana;
 color: #f29917
}

#rightcolumn .legende {
 float: right;
 position: relative;
 right: 20px;
 padding: 0;
 margin: 0;
 text-align: right;
 font:bold 1em Verdana;
 color: #777777;
}
#rightcolumn .news {
 width: 629px;
 position: relative;
 top: 25px;
 left: 8px;
 padding: 0;
 margin: 0;
 text-align: justify;
}
#rightcolumn .newsbox {
 padding: 0;
 margin: 0;
}
#rightcolumn .newsbox h1 {
 font: bold 1em Verdana;
 color: #777777;
}
#rightcolumn .abstand {
 width: 565px;
 height: 25px;
 position: relative;
 top: 2px;
 left: 2px;
 margin: 0;
 clear: both;
 font-size: 0;
 background: url(../img/bg_line.gif) center repeat-x; 
}
#rightcolumn .abstand_ohne {
 width: 565px;
 height: 7px;
 position: relative;
 top: 2px;
 left: 2px;
 margin: 0;
 clear: both;
 font-size: 0;
}
#rightcolumn .abstand_ohne_20 {
 width: 565px;
 height: 20px;
 position: relative;
 top: 2px;
 left: 2px;
 margin: 0;
 clear: both;
 font-size: 0;
}
#rightcolumn .left {
 width: 360px;
 float: left;
 padding: 0;
 margin: 0;
 font: 1em Verdana;
 color: #777
}
#rightcolumn .left h1 {
 font: bold 1em Verdana;
 color: #777
}
#rightcolumn .left .preis {
 float: right;
 font: bold 1em Verdana;
 color: #777;
}
#rightcolumn .left .preis a:link {
 color: #3399FF;
 text-decoration: underline;
}
#rightcolumn .left .preis a:hover {
 color: #3399FF;
 text-decoration: none;
}
#rightcolumn .left .preis a:visited {
 color: #3399FF;
}
#rightcolumn .right {
 width: 240px;
 float: right;
 padding: 0;
 margin: 0;
 font: 1em Verdana;
 color: #777
}
#rightcolumn .right img {
 position: relative;
 top: 2px;
 border: 1px solid #dcdcdc;
 padding: 2px;
}

#bottom_case {
 float: left;
 background: #fff;
 margin: 0;
 padding: 25px 0 10px 0;
 width: 844px;
 border-right: #c8c8c8 2px solid;
 border-bottom: #c8c8c8 2px solid;
 border-left: #c8c8c8 2px solid;
}
#bottom_case .header {
 width: 828px;
 height: 7px;
 position: relative;
 left: 8px;
 background: url(../img/bg_bottomcase_header.gif) no-repeat;
 font-size: 0;
}
#bottom_case .content {
 width: 828px;
 height: 110px;
 position: relative;
 left: 8px;
 background: url(../img/bg_bottomcase.gif) repeat-y;
}
#bottom_case .movie {
 width: 100%;
 position: relative;
 left: 7px;
 top: 4px;
}
#bottom_case .headline {
 position: relative;
 top: 1px;
 left: 59px;
 padding: 0;
 margin: 0;
 font: bold 1em Verdana;
 color: #777;
}
#bottom_case .footer {
 width: 828px;
 height: 7px;
 position:relative;
 left: 8px;
 background: url(../img/bg_bottomcase_footer.gif) no-repeat;
 font-size: 0;
}

#footer_case {
 width: 848px;
 clear: both;
 margin: 0 0 5px 0;
 padding: 0 0 5px 0;
}
#footer_case a:link {
 color: #ddd;
 text-decoration: underline;
}
#footer_case a:hover {
 color: #ddd;
 text-decoration: none;
}
#footer_case a:visited {
 color: #ddd;
 text-decoration: underline;
}
#footer_case .content_left {
 width: 420px;
 color: #ddd;
 margin: 0 0 0 10px;
 padding: 0;
 float: left;
 font-size: .9em;
}
#footer_case .content_right {
 width: 370px;
 color: #ddd;
 margin: 0 10px 0 0;
 padding: 0;
 float: right;
 text-align: right;
 font-size: .9em;
}


.rahmen {
 position: relative;
 top: 2px;
 border: 1px solid #dcdcdc;
 padding: 2px;
}
.orange {
 color: #f29917;
 text-decoration: none;
}
.link_blue a:link {
 color: #3399FF;
 text-decoration: underline;
}
.link_blue a:hover {
 color: #3399FF;
 text-decoration: none;
}
.link_blue a:visited {
 color: #3399FF;
}