/* CSS Document */
/*longhorn.css=main.css + lh.css */
#content {
padding:0;
position:relative;
/*border:1px solid #ffff00;*/
}
h1 {padding-left:25px}
h1, h2 {display:inline; border:none;}
/*p {margin:0;}*/

div.leftcontainer, div.centercontainer, div.rightcontainer
{
margin-top:0.5em;
/*border:1px solid #cc0000;*/
float:right;
}

div.leftcontainer {width:380px;  background:url(../../bilder/longhorn/bg_left.gif) no-repeat right bottom; padding:0 0 10px 0;  /*left:0; top:20px*/}
div.centercontainer {width:300px; background:url(../../bilder/longhorn/bg_center.gif) no-repeat 80% 65%; /*left:380px; top:20px*/}
div.rightcontainer {width:290px; background:url(../../bilder/longhorn/bg_right.gif) no-repeat right top; /*left:670px; top:20px*/}

div#rahmen img, div#kugellager img, div#silver img, div#adapter img {float:left;  /*position:relative; z-index:10; */ /*border:1px solid #00ff00*/}
div#kugellager p, div#kugellager h3, div#silver p, div#silver h3 {padding-right:5px;}
div#silver {margin-top:0em;}
div#adapter {margin-top:0em}
div#rahmen h3 {padding-top:5em}

div#adapter img {clear:both; margin-right:0.5em}
div#longhorn p, div#longhorn h3 {margin-left:4em; width:280px}

/*neue Startseite - Test*/
/*#content {margin:0 auto;}*/
#top {height:450px; /*background:url(bilder/oliver_peter.jpg) no-repeat 98% bottom;*/ margin:1.5em 0 2.5em 0;  position:relative;}
#left {position:absolute; left:25px; top:0px; width:500px; padding:0;}
.ro {background:url(bilder/ecke_rechts_oben_hellgrau.jpg) no-repeat right top;}
.lo {background:url(bilder/ecke_links_oben_hellgrau.jpg) no-repeat left top; padding-top:10px;}
.ru {background:url(bilder/ecke_rechts_unten_hellgrau.jpg) no-repeat right bottom;}
.lu {background:url(bilder/ecke_links_unten_hellgrau.jpg) no-repeat left bottom; padding-bottom:10px;}
.inhalt {padding:0 10px;}
#left .inhalt {margin:0; min-height:360px;}
#left .inhalt img {margin:1em 0}
#left .inhalt h1 {margin:0; padding:0; display:block;}
div#content #left .inhalt h2 {display:block; font-size:0.9em; font-style:normal; font-weight:bold;}
/*#left h1 {margin:0; padding:0}
#left p {margin:0.25em 0 1em 0;}*/
#headline {position:absolute; padding-top:10px; text-align:right; right:25px;/*left:35em;*/ background:url(bilder/mantschgal_klein.png) no-repeat left top;}
#headline img {position:relative; top:20px; right:25px;}
div#content #headline h1 {margin-left:3.25em;}

#bottom {margin:2em 0 0 25px; }
div#content #bottom img  {border:none;}

div#content #bottom .container {padding:0;  /*height:170px;*/ text-align:center; height:140px;}
div#content #bottom .mini_teaser {float:left; margin:0 1.2em 0.5em 0; width:170px;}


#left_new {float:left; margin-left:25px; display:inline; width:450px;}
#headline_new {float:right; width:450px; margin-right:25px; display:inline; background:url(bilder/mantschgal_klein.png) no-repeat 15% top; 
text-align:right;}

#headline_new p {padding:0px 0 60px 0}
.oliver {float:right; margin-right:25px; display:inline;}


div#content #left_new .container {padding:5px 10px; display:inline-block; background-color:#f9f9f9}
div#content #left_new .container, div#content #bottom .container {border:1px solid #b7b7b7;} /*grau */
div#content #left_new span, div#content #bottom p {font-weight:normal;
padding:0 0 0 8px;
}

div#content #left_new span, div#content #bottom p {display:block; background:url(bilder/links_weiss.jpg) no-repeat; text-align:center; font-size:small; margin-bottom:0; font-style:normal;}
/*div#content #bottom p {width:162px;}*/
div#content #left_new ul {margin:0; padding:0;}
div#content #left_new li {list-style:none; }

div#content #left_new h2 { font-style:normal; font-size:small; font-weight:normal}
div#content #left_new h2, div#content #bottom p a{ background:url(bilder/rechts_weiss_lang.jpg) no-repeat 100% 0px; color:#000; text-decoration:none; display:block;  margin:0; padding:6px 0 2px 0;}
div#content #left_new li {clear:both;}
div#content h3 {margin:1em 0 0.5em 0}

div#content #left_new .clear {clear:both;}
div#content #left_new .line {border-top:1px dotted #b7b7b7}
/*div#content #left_new img {float:left; margin:0 10px 5px;}*/


/*All-in-One-System*/
#all_left {float:left; width:258px; margin:1.5em 25px 1em 25px;}
#all_center {float:left; width:370px; margin:1.5em 0;  position:relative; }
#all_right {float:right; width:258px; margin:1.5em 25px 1em 25px; }

#all_left img, #all_center img, #all_right img {float:left; border:none; position:relative;} /*wegen peek-a-boo bug im internet explorer, soll container und enthaltenes float position:relative bekommen */
#all_center img {margin:2px 5px;}


div#content #all_center h3 {margin:0;}
#all_center .inhalt {position:relative;} /*wegen peek-a-boo bug im internet explorer, soll container und enthaltenes float position:relative bekommen */
.small_info {margin-bottom:1.5em}

/*.small_info {margin:0 0 1.5em 0}
.inhalt {padding:10px;}*/
#imap {display:block; width:370px; height:370px; background:url(bilder/allinone_big_370.jpg) no-repeat; position:relative; margin-bottom:1.5em;}

#imap a#big {
	display:block; 
	width:370px; 
	height:0; 
	padding-top:370px; 
	overflow:hidden; 
	position:absolute; 
	left:0; top:0; 
	background:transparent url(bilder/allinone_bigback_370_2.jpg) no-repeat 370px 370px; 
	cursor:default;}
* html #imap a#big {height:370px; he\ight:0;}
#imap a#big:hover {background-position: 0 0; z-index:10;}

/*#imap dt {display:none;}*/
#imap dd {position:absolute; padding:0; margin:0;}

#imap a span, #imap a:visited span {display:none;}
#imap a:hover span {position:absolute; display:block; color:#000; width:258px;}

#imap #griff {left:69px; top:10px; z-index:20;}
#imap a#link_griff {display:block; width:115px; height:48px; text-decoration:none; z-index:20;}
#imap a#link_griff:hover {background:url(bilder/allinone_griff.png) no-repeat;}
#imap a#link_griff:hover span {left:328px; top:-10px;}

#imap #rahmen {left:105px; top:222px; z-index:20;}
#imap a#link_rahmen {display:block; width:74px; height:72px; text-decoration:none; z-index:20;}
#imap a#link_rahmen:hover {background:url(bilder/allinone_rahmen.png) no-repeat;}
#imap a#link_rahmen:hover span {left:292px; top:-222px;}

#imap #rad {left:244px; top:260px; z-index:20;}
#imap a#link_rad {display:block; width:42px; height:85px; text-decoration:none; z-index:20;}
#imap a#link_rad:hover {background:url(bilder/allinone_rad.png) no-repeat;}
#imap a#link_rad:hover span {left:153px; top:-260px;}

#imap #zip {left:157px; top:182px; z-index:20;}
#imap a#link_zip {display:block; width:102px; height:47px; text-decoration:none; z-index:20;}
#imap a#link_zip:hover {background:url(bilder/allinone_zip.png) no-repeat;}
#imap a#link_zip:hover span {left:240px; top:-182px;}

#imap #umstecken {left:110px; top:123px; z-index:20;}
#imap a#link_umstecken {display:block; width:46px; height:42px; text-decoration:none; z-index:20;}
#imap a#link_umstecken:hover {background:url(bilder/allinone_umstecken.png) no-repeat;}
#imap a#link_umstecken:hover span {left:287px; top:-123px;}


#imap2 {display:block; width:370px; height:370px; background:url(bilder/allinone_big_370.jpg) no-repeat; position:relative; /*margin-bottom:1.5em;*/}

#imap2 a#big {
	display:block; 
	width:370px; 
	height:0; 
	padding-top:370px; 
	overflow:hidden; 
	position:absolute; 
	left:0; top:0; 
	background:transparent url(bilder/allinone_bigback_370_2.jpg) no-repeat 370px 370px; 
	cursor:default;}
* html #imap2 a#big {height:370px; he\ight:0;}
#imap2 a#big:hover {background-position: 0 0; z-index:10;}

/*#imap dt {display:none;}*/
#imap2 dd {position:absolute; padding:0; margin:0;}

#imap2 a span, #imap a:visited span {display:none;}
#imap2 a:hover span {position:absolute; display:block; color:#000; width:258px;}

#imap2 #griff {left:69px; top:10px; z-index:20;}
#imap2 a#link_griff {display:block; width:115px; height:48px; text-decoration:none; z-index:20;}
#imap2 a#link_griff:hover {background:url(bilder/allinone_griff.png) no-repeat;}
#imap2 a#link_griff:hover span {right:120px; top:0px;}

#imap2 #rahmen {left:105px; top:222px; z-index:20;}
#imap2 a#link_rahmen {display:block; width:74px; height:72px; text-decoration:none; z-index:20;}
#imap2 a#link_rahmen:hover {background:url(bilder/allinone_rahmen.png) no-repeat;}
#imap2 a#link_rahmen:hover span {left:79px; top:0px;}

#imap2 #rad {left:244px; top:260px; z-index:20;}
#imap2 a#link_rad {display:block; width:42px; height:85px; text-decoration:none; z-index:20;}
#imap2 a#link_rad:hover {background:url(bilder/allinone_rad.png) no-repeat;}
#imap2 a#link_rad:hover span {left:47px; top:0px;}

#imap2 #zip {left:157px; top:182px; z-index:20;}
#imap2 a#link_zip {display:block; width:102px; height:47px; text-decoration:none; z-index:20;}
#imap2 a#link_zip:hover {background:url(bilder/allinone_zip.png) no-repeat;}
#imap2 a#link_zip:hover span {left:107px; top:0px;}

#imap2 #umstecken {left:110px; top:123px; z-index:20;}
#imap2 a#link_umstecken {display:block; width:46px; height:42px; text-decoration:none; z-index:20;}
#imap2 a#link_umstecken:hover {background:url(bilder/allinone_umstecken.png) no-repeat;}
#imap2 a#link_umstecken:hover span {left:51px; top:0px;}