/* vordefinierte Browser-Styles zuruecksetzen
------------------------------------------------------------- */

/* Normalisiert margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {margin: 0; padding: 0;}

/* Normalisiert font-size fuer Ueberschriften */
h1, h2, h3, h4, h5, h6 {font-size: 100%;}

/* Entfernt list-style aus Listen */
ul, ol {list-style: none;}
 
/* Normalisiert die Zeilenhoehe */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {line-height: normal;}

/* Normalisiert font-style und font-weight auf normal */
address, caption, cite, code, dfn, em, strong, th, var {font-style: normal; font-weight: normal;}

/* Normalisiert Tabellenraender */
table {border-collapse: collapse; border-spacing: 0;}

/* Entfernt border aus fieldset und img */
fieldset, img {border: 0; }

/* Richtet Text in caption, th und td links aus */
caption, th, td {text-align: left;}
 
/* Basiseinstellung fuer Links */
a {outline: none; text-decoration: none;}


/* allgemeine Elemente
------------------------------------------------------------- */

html, body { height:100%; padding:0; margin:0; border:0; background-color:#1e1e1e; font-size:12px; font-family:Arial, Helvetica, sans-serif; scrollbar-3dlight-color: #cccccc; scrollbar-arrow-color: #e1e1e1; scrollbar-darkshadow-color: #666666; scrollbar-face-color: #212121; scrollbar-highlight-color: #cccccc; 	scrollbar-shadow-color: #CCCCCC; scrollbar-track-color: #333333; overflow: hidden; }
	
/* hyperlinks im text ---------------------------------------------------------------------------*/
a:link, a:visited, a:active { color: #ffffff; font-size:11px;}
a:hover { color: #c3c3c3; font-size:11px;}

/* 404-Seite */
#missing { position:absolute; height:400px; width:500px; margin:-200px 0px 0px -250px; top: 50%; left: 50%; text-align:center; color:#999;}

/* Bilderübersicht */
#bilderlogo { position:absolute; height:177px; width:500px; top: 30px; left: 30px; text-align:center; color:#999;}
#bilder_uebersicht {position:absolute; height:69%; width:97%; margin:0px; top: 190px; left: 20px; color:#999; overflow:auto; border:solid 1px #FFF;}
#bilder_uebersicht li { padding:10px; float:left; width:100px; position:relative; height:140px;  }
#bilder_uebersicht li a, a:active, a:hover, a:visited {font-size:10px;}

/* contentbereich, wenn header 360px hoch ist */
#content { background:url(../img/nav_bg.png) repeat-y; overflow-y:auto; overflow-x:hidden; position:absolute; z-index:3; top:360px; bottom:21px; width:800px; margin-left:0px; left:0px; border-right:1px solid #ffffff; padding-top:43px;}

/* contentbereich, wenn header 460px hoch ist */
#moodcontent { background:url(../img/nav_bg.png) repeat-y; overflow-y:auto; overflow-x:hidden; position:absolute; z-index:3; top:460px; bottom:21px; width:800px; 	margin-left:0px; left:0px; border-right:1px solid #ffffff; padding-top:43px;}

/* navigationsbereich rechts  */
#navi { position:absolute; left:0px; margin-top:-43px; height:100%; background-color:#707173; border-right:solid #58585a 4px;}
	
/* Schatten oben und unten in der Navigation */
#schattenu { position:fixed; bottom:21px; left:0px; height:20px; width:132px; background-image:url(../img/menu_schatten_unten.png);}
#schatteno { position:fixed; top:360px; left:0px; height:20px; width:132px; background-image:url(../img/menu_schatten_oben.png);}
#moodschatteno { position:fixed; top:460px; left:0px; height:20px; width:132px; background-image:url(../img/menu_schatten_oben.png);}

/* navigation linke seite */
#navcontainer { margin-left:0px; margin-right:0px; margin-top:40px; margin-bottom:0px; width:132px;}
*+ html #navcontainer { padding-top:40px;}
#navcontainer ul { list-style-type: none; margin-left:0px; margin-top:0px; padding:0px;}
#navcontainer li { text-decoration: none;} 
#navcontainer li#absatz { padding-bottom:20px;} 
#navcontainer a { font-size:10px; letter-spacing:0; display: block; padding-left:10px; padding-top:6px; padding-bottom:6px; color:#c1c1c1; text-decoration: none; 	width:124px; font-weight:bold; outline:none;}
*+ html #navcontainer a { margin-bottom:-1px; } 
#navcontainer a:link{ text-decoration: none; }
#navcontainer a:hover{ background-color: #58585a;}
#navcontainer #active,  ul a.current, ul a.current:link, ul a.current:visited { background-color: #58585a; color:#ffffff;}

/* navigationsbalken linke seite untermenue */
#subnavcontainer { width:132px;}
#subnavcontainer ul { list-style-type: none; margin-left:10px; margin-top:1px; margin-bottom:1px; padding-top:2px; padding-bottom:2px; padding-left:0px; border-top:1px solid #58585a; border-bottom:1px solid #58585a;}
*+ html #subnavcontainer ul { margin-top:1px;}
#subnavcontainer li { padding-left:0px; margin-bottom:-1px; margin-top:-1px; text-decoration: none;}
*+ html #subnavcontainer li { margin-bottom:-2px;}
#subnavcontainer a { font-size:10px; display: block; padding-top:5px; padding-bottom:5px; color:#c1c1c1; text-decoration: none; outline:none; width:114px;}
#subnavcontainer a:link{ text-decoration: none;}
#subnavcontainer a:hover{ background-color: #58585a; text-decoration: none;}
#subnavcontainer #active, ul a.current, ul a.current:link, ul a.current:visited { background-color: #58585a; color:#ffffff;}

/* Header mit Hoehe 360px */
#head { position:absolute; margin-left:0px; left:0; top:0; width:800px; height:360px; background-image:url(../img/imsa_tuning_header_logo.png); background-repeat:no-repeat; font-size:1em; z-index:5; border-right:1px solid #ffffff; border-bottom:1px solid #ffffff;}

/* Header mit Hoehe 460px */
#moodhead { position:absolute; margin:0px; padding:0px; left:0px; top:0px; width:800px; height:460px; background-image:url(../img/imsa_tuning_header_logo.png); 	background-repeat:no-repeat; font-size:1em; z-index:5; border-right:1px solid #ffffff; border-bottom:1px solid #ffffff;}

#box1{ height:80px; margin:0px; padding:0px;}
#box2{ height:280px; background-color:#1e1e1e; padding:0px;}
#boxmood{ height:380px; background-color:#1e1e1e; margin:0px; padding:0px;}
#boxmood1{ height:380px; background-color:#1e1e1e; margin:0px; padding:0px;}

/* navigationsbalken unten */
#foot { position:absolute;  left:0; bottom:0; width:800px; height:21px; z-index:5; border-top:1px solid #ffffff; border-right:1px solid #ffffff;}
#foot li { float:right; padding: 0px 10px 0px 10px; }
#foot a { color: #a8a8a8; font-size:9px;}
#foot a:hover, a:active { color: #ffffff; font-size:9px;}
#foot li a.current { color: #ffffff; font-size:9px; background-color:#1e1e1e;}

/* Textformatierung */
/* allgemein */
.text { color:#FFF;	margin-left:176px;}
.text p { margin-left:20px; font-size:0.9em; line-height:18px;}
h1 { font-size:1.7em; color:#FFF; margin-left:196px; padding-bottom:13px; }
.text h1 { font-size:1.7em; color:#FFF; margin-left:20px; padding-bottom:13px; }
*.klein { font-size:0.55em; font-weight:normal;}
h2 { font-size:1em; color:#FFF; font-weight:normal;} 
*.kleiner { font-size:1em;}
.righttext {float: right; color:#FFF; padding-bottom:22px;}
.bildhtml { font-size:11px; color:#999}
/* Textformatierung */
/* Formular */
.form { color:#FFF;}
.form p { margin-left:196px; font-size:0.9em; line-height:18px;}
.form li { height:26px; margin-left:196px; color:#FFF; font-size:0.9em;}
.formular_rechts { position:absolute; left:336px; font-size:1em;}
.senden { position:absolute; top: 378px; left:196px; margin-left:0px;}
.formular { width:350px; border:1px solid #ffffff; font-size:11px;}
.formulararea { width:350px; height:50px; border:1px solid #ffffff; font-size:11px;}
.formularsenden { border:1px solid #58585a; line-height:14px; font-size:11px; color:#ffffff; background-color:#58585a; vertical-align:middle; width:50px;}
.formklein 	{ margin-left:20px; font-size:0.9em; line-height:18px;}
/* Teilemenu */
.glossymenu{ margin-left:176px; width: 625px;}
.glossymenu a.menuitem{ background:url(../img/submenu_topic.png); background-repeat:no-repeat; color: white; display: block; position: relative; width: auto; 	padding-left: 20px; padding-top: 8px; margin-top:10px; margin-right:1px; text-decoration: none; height:38px;}
.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{ 	background:url(../img/submenu_topic.png); background-repeat:no-repeat; font-size:0.9em;}
.glossymenu a.menuitem:hover{ background:url(../img/submenu_topic.png); background-repeat:no-repeat; font-size:0.9em;}
.glossymenu div.submenu { background-color:#333; margin-left:20px; padding-left:22px; padding-bottom:16px; margin-right:105px; margin-bottom:0px; width:480px;}
*+ html .glossymenu div.submenu { padding-bottom:18px; margin-bottom:2px;}
	
.liste ul {	list-style: none;}
.liste li.links { display: inline-block; margin-bottom: 2px; width: 380px; font-size:0.9em; color:#fff;}
.liste li.links a, a:hover, a:visited, a:active {font-size:1em;}
.liste li.linksleer { display: inline-block; margin-bottom: 12px; width: 380px; font-size:0.9em; color:#fff;}
.liste li.rechts { display: inline-block; width: 80px; font-size:0.9em; color:#fff;}

*+ html .liste ul {list-style: none; }
*+ html .liste li.links {float: left; width: 383px; margin-bottom: 3px; font-size:0.9em; color:#fff;}
*+ html .liste li.linksleer {float: left; width: 383px; margin-bottom: 13px;  font-size:0.9em; color:#fff;}
*+ html .liste li.rechts {float: left; width: 80px;  font-size:0.9em; color:#fff;}

.glossymenu div.submenu ul li a:active{ font-size:1em;}
	
.status { position:relative; left: 458px; top: 2px; width:20px; height:20px;}

/* Einblendetexte */
div#slogan_uebul { position:absolute; left:130px; top:110px; width:485px; height:40px;}
div#slogan_uebur { position:absolute; left:240px; top:160px; width:560px; height:40px;}
div#slogan_startl { position:absolute; left:130px; top:100px; width:450px; height:28px; z-index:100;}
div#slogan_startr { position:absolute; left:240px; top:132px; width:480px; height:50px;	z-index:100;}

/* Sprachauswahl */
div#sprache { position:absolute; left:800px; bottom: 0px; z-index:701;}
div#sprache li { float:left; padding: 0px 0px 5px 5px;}

/* Backgrounds rechts */
div#rightback { position:absolute; left:801px; top:0px; width:600px; height:1400px; z-index:700; background:url(../img/animationsmood.png);}
div#rightback1 { position:absolute; left:801px; top:0px; width:600px; height:1400px; z-index:700; background:url(../img/animationsmood_1.png);}
div#rightback2 { position:absolute; left:801px; top:0px; width:600px; height:1400px; z-index:700; background:url(../img/animationsmood_2.png);}
div#rightback3 { position:absolute; left:801px; top:0px; width:600px; height:1400px; z-index:700; background:url(../img/animationsmood_3.png);}
div#rightback4 { position:absolute; left:801px; top:0px; width:600px; height:1400px; z-index:700; background:url(../img/animationsmood_4.png);}
div#rightback5 { position:absolute; left:801px; top:0px; width:600px; height:1400px; z-index:700;}
	
/* rollover autoauswahl */
.mu { position:absolute; width:150px; height:25px; left:196px; top:170px;}
.mu640 { position:absolute; width:150px; height:25px; left:476px; top:170px;}
.ga { position:absolute; width:150px; height:25px; left:196px; top:220px;}
.ga560 { position:absolute; width:150px; height:25px; left:476px; top:220px;}

/* Anzeige Bilder Teilemenu*/
#box3, #box4, #box5, #box6 { display:none;}

/* Presse- und Mediabereich */
#outerContainer { width:528px; left:191px; position:absolute; display:inline;}
.holder { width:125px; height:180px; float:left; position:relative;	font-family:arial, sans-serif;}
.link5 { width:112px; height:180px; position:absolute; top:2px; left:2px; position:absolute;}
.link5 a { display:block; width:112px; height:84px;	position:absolute; left:5px; top:5px; border:0; text-decoration:none;}
.link5 a span { display:none;}
.link5 a img { display:block; width:112px; height:84px; border:0;}
.link5 a:hover { left:2px; top:2px; background:#000000; height:160px; width:110px; border:solid #CCC 1px;}
.link5 a:hover img { display:none;}
.link5 a:hover span { display:block; width:105px; height:84px; position:absolute; overflow:hidden; font-size:11px; color:#666; line-height:13px; cursor:pointer; left:-1px; top:-2px; padding:5px; }
.link55 { width:188px; height:84px; position:absolute; left:5px; top:87px; padding-top:5px; font-size:11px; padding-left:5px; padding-right:0;}
.link55 p { color:#666; line-height:14px; margin:0; padding:0;}
.link55 p a { text-decoration:none; color:#fff;line-height:14px; margin:0; padding:0;font-size:11px;}
.link55 p a:visited { text-decoration:none; color:#fff;	line-height:14px; margin:0;	padding:0;font-size:11px;}
.link55 p a:hover {	text-decoration:none;font-size:11px; color:#CCC;}
.link55 p a:active {font-size:11px;}

.link6 { width:112px; height:180px; position:absolute;}
.link6 a { display:block; width:112px; height:84px; position:absolute; border:0; text-decoration:none;}
.link6 a span { display:none;}
.link6 a img { display:block; width:112px; height:84px; border:0;}
.link6 a:hover { background:#000000; height:160px; width:110px; border:solid #CCC 1px;}
.link6 a:hover img { display:none;}
.link6 a:hover span { display:block; width:105px; height:84px; position:absolute; overflow:hidden; font-size:11px; color:#666; line-height:13px; cursor:pointer;left:-1px; top:-2px; padding:5px;}
.link66 { width:188px; height:84px;	position:absolute; left:5px; top:87px; padding-top:5px;	font-size:11px; padding-left:5px; padding-right:0;}
.link66 p { color:#666; line-height:14px; margin:0; padding:0;}
.link66 p a { text-decoration:none; color:#fff;line-height:14px; margin:0; padding:0;}
.link66 p a:visited { text-decoration:none; color:#fff; line-height:14px; margin:0; padding:0;}
.link66 p a:hover { text-decoration:none;}

/* Link Mediabereich */

.text p a:link.media, a:visited.media, a:active.media { text-decoration:underline;}
.text p a:hover.media { text-decoration:none; color:#999; font-size:1em;}
#verkaufstext a:link.media, a:visited.media, a:active.media { text-decoration:underline; font-size:1em;}
#verkaufstext a:hover.media { text-decoration:none; color:#999; font-size:1em;}

/* Anzeige Bilder lightbox-style */

div#fancy_overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: none; z-index: 1030;}
div#fancy_loading { position: absolute; height: 40px; width: 40px; cursor: pointer; display: none; overflow: hidden; background: transparent; z-index: 1100;}
div#fancy_loading div { position: absolute; top: 0; left: 0; width: 40px; height: 480px; background: transparent url('../img/box/fancy_progress.png') no-repeat;}
div#fancy_outer { position: absolute; top: 0; left: 0; z-index: 1090; padding: 20px 20px 40px 20px; margin: 0; background: transparent; display: none;}
div#fancy_inner { position: relative; width:100%; height:100%; background: #FFF;}
div#fancy_content { margin: 0; z-index: 1100; position: absolute;}
div#fancy_div {	background: #000; color: #FFF; height: 100%; width: 100%; z-index: 1100;}
img#fancy_img { position: absolute; top: 0; left: 0; border:0;  padding: 0; margin: 0; z-index: 1100; width: 100%; height: 100%;}
div#fancy_close { position: absolute; top: -12px; right: -15px; height: 30px; width: 30px; background: url('../img/box/fancy_closebox.png') top left no-repeat; 	cursor: pointer; z-index: 1181; display: none;}
#fancy_frame { position: relative; width: 100%; height: 100%; display: none;}
#fancy_ajax { width: 100%; height: 100%; overflow: auto;}
a#fancy_left, a#fancy_right { position: absolute; bottom: 0px; height: 100%; width: 35%; cursor: pointer; z-index: 1111; display: none; background-image: url("data:image/gif;base64,AAAA"); outline: none; overflow: hidden;}
a#fancy_left { left: 0px;}
a#fancy_right {	right: 0px;}
span.fancy_ico { position: absolute; top: 50%; margin-top: -15px; width: 30px; height: 30px; z-index: 1112; cursor: pointer; display: block;}
span#fancy_left_ico { left: -9999px; background: transparent url('../img/box/fancy_left.png') no-repeat;}
span#fancy_right_ico { right: -9999px; background: transparent url('../img/box/fancy_right.png') no-repeat;}
a#fancy_left:hover, a#fancy_right:hover { visibility: visible; background-color: transparent;}
a#fancy_left:hover span { left: 20px;}
a#fancy_right:hover span { right: 20px;}
#fancy_bigIframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent;}
div#fancy_bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1070; border: 0; padding: 0; margin: 0;}
div.fancy_bg { position: absolute; display: block; z-index: 1070; border: 0; padding: 0; margin: 0;}
div#fancy_bg_n { top: -20px; left: 0; width: 100%; height: 20px; background: transparent url('../img/box/fancy_shadow_n.png') repeat-x;}
div#fancy_bg_ne { top: -20px; right: -20px; width: 20px; height: 20px; background: transparent url('../img/box/fancy_shadow_ne.png') no-repeat;}
div#fancy_bg_e { right: -20px; height: 100%; width: 20px; background: transparent url('../img/box/fancy_shadow_e.png') repeat-y;}
div#fancy_bg_se { bottom: -20px; right: -20px; width: 20px; height: 20px; background: transparent url('../img/box/fancy_shadow_se.png') no-repeat;}
div#fancy_bg_s { bottom: -20px; left: 0; width: 100%; height: 20px; background: transparent url('../img/box/fancy_shadow_s.png') repeat-x;}
div#fancy_bg_sw { bottom: -20px; left: -20px; width: 20px; height: 20px; background: transparent url('../img/box/fancy_shadow_sw.png') no-repeat;}
div#fancy_bg_w { left: -20px; height: 100%; width: 20px; background: transparent url('../img/box/fancy_shadow_w.png') repeat-y;}
div#fancy_bg_nw { top: -20px; left: -20px; width: 20px; height: 20px; background: transparent url('../img/box/fancy_shadow_nw.png') no-repeat;}
div#fancy_title { position: absolute; z-index: 1100; display: none;}
div#fancy_title div { color: #FFF; font: bold 12px Arial; padding-bottom: 3px; white-space: nowrap;}
div#fancy_title table { margin: 0 auto;}
div#fancy_title table td { padding: 0; vertical-align: middle;}
td#fancy_title_left { height: 32px; width: 15px; background: transparent url('../img/box/fancy_title_left.png') repeat-x;}
td#fancy_title_main { height: 32px; background: transparent url('../img/box/fancy_title_main.png') repeat-x;}
td#fancy_title_right { height: 32px; width: 15px; background: transparent url('../img/box/fancy_title_right.png') repeat-x;}

#verkaufstext { color:#FFF; padding:10px;}