/* css by Gregor Gerhard */
/* All associated graphics copyright 2011, Gregor Gerhard */


/* Farbkonzept
			R	G	B	HEX
   background-color	0	39	64	002740 dunkelblau
   Orange		252	198	0	FCC600
   */

/* normalisieert 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 für Überschriften */
h1, h2, h3, h4, h5, h6
	{font-size: 100%;}

/* entfernt list-style aus Listen */
ol, ul
	{list-style: none;}

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

/* entfernt borders aus Tabellen */
table
	{border-collapse: collapse; border-spacing: 0;}

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

/* Richtet Text in caption und th links aus */
caption, th
	{text-align: left;}

/* Entfernt Anführungszeichen aus q */
q:before, q:after
	{content: '';}
/************************************/

html, body 
	{
	background: #FFFFFF url("./img/design/verlauf.jpg") repeat-x 0px 0px;
	text-align: center;
	}
#everything {
	background: #22FFFFF;
	/*display: block;*/
	margin: 0 auto;
	} 
#background {
	/*position: relative;	/* wenn position: static (default), dann bezieht sich position: absolute der Kind-Elemente nicht auf dieses Element */*/
	display: block;
	margin: 0px auto;
	padding: 0;
	background: transparent url("./img/design/content1.jpg") no-repeat 0px 0px;
	/*width: 877px;*/
	width: 1180px;
	height: 864px;
	text-align: left;
	}

a    		{ color: #71a1cb; text-decoration:none;}
a:visited	{ color: #71a1cb; text-decoration:none;}
a:hover		{ color: #203671; text-decoration:none;}

#nav {
	display: block;
	width:	815px;
	height: 30px;
	background: transparent;
	margin: 0 10px 0 30px;
	font: 0.8em Arial, sans-serif;
	}
#nav span {
	padding: 6px 20px 0 20px;
	}
#nav span#s1{
	float: left;
	}
#nav span#s2{
	float: right;
	text-align: right;
	}
#nav span a {
	color: #ffffff;
	}
	
/*---:[ headlines ]:---*/
h1 {
	display: block;
	width:	 827px;
	height:	 244px;
	margin: 0 0 0 25px;
	background: #ffffff url("./img/design/kopfbild02.jpg") no-repeat bottom left;
	}
h1.pionier {background: #ffffff url("./img/design/kopfbild08.jpg") no-repeat bottom left;}
h1.erfinder {background: #ffffff url("./img/design/kopfbild03.jpg") no-repeat bottom left;}
h1.zukunft {background: #ffffff url("./img/design/kopfbild12.jpg") no-repeat bottom left;}
h1.technik {background: #ffffff url("./img/design/kopfbild01.jpg") no-repeat bottom left;}
h1.antrieb {background: #ffffff url("./img/design/kopfbild05.jpg") no-repeat bottom left;}
h1.lagestabilisierung {background: #ffffff url("./img/design/kopfbild03.jpg") no-repeat bottom left;}
h1.bauweise {background: #ffffff url("./img/design/kopfbild04.jpg") no-repeat bottom left;}
h1.abmessungen {background: #ffffff url("./img/design/kopfbild07.jpg") no-repeat bottom left;}
/*h1.inaktion {background: #ffffff url("./img/design/kopfbild03.jpg") no-repeat bottom left;}*/
h1.inaktion {background: #ffffff url("./img/design/kopfbild_MF_03.jpg") no-repeat bottom left;}
h1.partner {background: #ffffff url("./img/design/kopfbild06.jpg") no-repeat bottom left;}
h1.kontakt {background: #ffffff url("./img/design/kopfbild11.jpg") no-repeat bottom left;}
h1 a {
	display: block;
	width:	827px;
	height: 244px;
	}
h1 span {
	display: none;
	}
h2 {
	display: block;
	width:	 575px;
	height:	  50px;
	margin-bottom: 10px;
	padding: 5px 25px 0px 0px;
	font: bold 20px/26px Arial, sans-serif;
	color: #203671;
	/*text-transform: uppercase;*/
	}
h3 {
	clear: both;
	margin: 0;
	padding: 10px 0px 4px 0px;
	font: bold 1.1em/1.2em Arial, sans-serif;
	color: #000000;
	}
h4 {
	margin: 0;
	padding: 10px 0px 4px 0px;
	font: bold 1.1em/1.2em Arial, sans-serif;
	color: #000000;
	}

/******** Hauptmenü ********/
ul#menumain {
	display: block;
	width:	 740px;
	height:	 52px;
	margin:	 18px 10px 0 20px;
	padding: 0 0 0 82px;
	}
ul#menumain li {
	display: inline;
	margin: 0;
	padding: 0;
	}
ul#menumain li a {
	float: left;
	height: 28px;
	margin: 0;
	padding: 0;
	color: #000000;
	text-indent: -5000px;
	}
/**** facebook like-button ****/
ul#menumain li div.fb-like {
     	width: 180px;
     	margin: 6px 0 0 0;
  }
  
/*ul#menumain div {
     clear: left;
  }*/
ul#menumain li a#menum1 {
	width: 122px;
	background: url("./img/design/pionierleistung_ia.png") no-repeat; 
	}
ul#menumain li a#menum1:hover {
	background: url("./img/design/pionierleistung_ho.png") no-repeat; 
	}
ul#menumain li a#menum1ak {
	width: 122px;
	background: url("./img/design/pionierleistung_ak.png") no-repeat; 
	}
ul#menumain li a#menum2 {
	width: 87px;
	background: url("./img/design/technik_ia.png") no-repeat; 
	}
ul#menumain li a#menum2:hover {
	background: url("./img/design/technik_ho.png") no-repeat; 
	}
ul#menumain li a#menum2ak {
	width: 87px;
	background: url("./img/design/technik_ak.png") no-repeat; 
	}
ul#menumain li a#menum3 {
	width: 85px;
	background: url("./img/design/designs_ia.png") no-repeat; 
	}
ul#menumain li a#menum3:hover {
	background: url("./img/design/designs_ho.png") no-repeat; 
	}
ul#menumain li a#menum3ak {
	width: 85px;
	background: url("./img/design/designs_ak.png") no-repeat; 
	}
ul#menumain li a#menum4 {
	width: 92px;
	background: url("./img/design/in_aktion_ia.png") no-repeat; 
	}
ul#menumain li a#menum4:hover {
	background: url("./img/design/in_aktion_ho.png") no-repeat; 
	}
ul#menumain li a#menum4ak {
	width: 92px;
	background: url("./img/design/in_aktion_ak.png") no-repeat; 
	}
ul#menumain li a#menum5 {
	width: 136px;
	background: url("./img/design/pionier_werden_ia.png") no-repeat; 
	}
ul#menumain li a#menum5:hover {
	width: 136px;
	background: url("./img/design/pionier_werden_ho.png") no-repeat; 
	}
ul#menumain li a#menum5ak {
	width: 136px;
	background: url("./img/design/pionier_werden_ak.png") no-repeat; 
	}
ul#menumain li a#menum6 {
	visibility: hidden;
	width: 142px;
	background: url("./img/design/downloads_ia.png") no-repeat; 
	}
ul#menumain li a#menum6:hover {
	background: url("./img/design/downloads_ho.png") no-repeat; 
	}
ul#menumain li a#menum6ak {
	width: 142px;
	background: url("./img/design/downloads_ak.png") no-repeat; 
	}
ul#menumain li a#menum7 {
	float: left;
	width: 118px;
	background: url("./img/design/kontakt_ia.png") no-repeat; 
	}
ul#menumain li a#menum7:hover {
	background: url("./img/design/kontakt_ho.png") no-repeat; 
	}
ul#menumain li a#menum7ak {
	float: left;
	width: 118px;
	background: url("./img/design/kontakt_ak.png") no-repeat; 
	}

/******** Sub-Menü ********/
ul#menusub {
	float: left;
	display: block;
	width: 128px;
	background: transparent;
	margin:	 0 0 0 29px;
	padding: 60px 0 0 0;
	}
ul#menusub li {
	margin-bottom: 6px;
	}
ul#menusub li a {
	dislay: block;
	width: 128px;
	height: 24px;
	font: 12px Arial, sans-serif;
	color:   #a8aaad;
	padding: 0 0 0 8px;
	}
ul#menusub li.aktiv a {
	color:   #203671;
	}
ul#menusub li.aktiv {
	background: url("./img/design/menusub_ho.png") no-repeat;
	}
ul#menusub li:hover {
	background: url("./img/design/menusub_ho.png") no-repeat;
	}
	
/******** Reiter zur LEVITAKE-Welt ********/
#world {
	display: block;
	float: left;
	width: 62px;
	height: 250px;
	background: url("./img/design/teaser_world.jpg") no-repeat;
	margin: 49px 0 0 60px;
	}
#world:hover {
	background: url("./img/design/teaser_world_ho.jpg") no-repeat;
	}
#world a {
	display: block;
	width: 62px;
	height: 250px;
	}
#world span {
	position:absolute;
  	left:-5000px;
	}
	
/************** Index / Home **************/
#supportingText {
	float: left;
	width: 551px;
	min-height: 400px;
	margin: 0 0 50px 0;
	padding: 0 25px 0 22px;
	font: 12px/22px Arial, sans-serif;
	background: transparent;
	color: #000000;
	}	
#supportingText p {
	margin: 0 0 1.38em 0;
	}
#supportingText em {
	color: #203671;
	font-style: italic;
	}
	
/************** Facebook LikeBox **************/
.fb-like-box {
	float: right;
	width: 292px;
	min-height: 400px;
	margin: 110px 0 0 0;
	padding: 0;
	background: transparent;
	}	

/************** Technische Daten **************/
	table.TechnDaten .td2 {
		margin: 0px;
		padding: 0 0 0 10px; 
		}

/************** Pionier werden **************/
	table.artikel td {
		margin: 0px;
		padding: 0 0 10px 0; 
		vertical-align:top;
		}
	table.artikel .td2 {
		margin: 0px;
		padding: 0 0 0 10px; 
		vertical-align:top;
		}
	table.artikel .artbez {
		font: bold 12px  Arial, sans-serif;
		color: #666666;
		}
	table.artikel .anmerk {
		font: 11px  Arial, sans-serif;
		}

/************** Spreadshirt Shop **************/
#Spreadshop {
	margin: -7px 0 0 -150px;
	}
/************** Impressum **************/
#supportingText em.therightway{
	color: #83ce37;
	font-style: normal;
	}

/*************** Bilder ***************/
dl dd {
	margin: 4px 0 6px 0;
	text-align: center;
	font: italic 12px  Arial, sans-serif;
	color:   #808285;
	}	
dl#pic_index { 
	clear: right; float: right;
	padding: 10px 0px 10px 22px;
	margin: 0 auto;
	}
/*dl#pic_index dt {
	display: block;
	background: url("./img/DSC_0068b.jpg") no-repeat;
	width:	550px;
	height:	308px;
	margin: 0 auto;
	}*/
dl#pic_index {
	margin: -50px -80px 0 0;
	}
dl#pic_index dt {
	display: block;
	background: url("./img/DSC_0068_frei720b.png") no-repeat;
	width:	720px;
	/*height:	280px;*/
	height:	339px;
	margin: 0 auto;
	padding-top:0;
	}
/*dl#pic_index {
	margin: -150px -125px 0 0;
	}
dl#pic_index dt {
	display: block;
	background: url("./img/DSC_0068_freiL.png") no-repeat;
	width:	950px;
	height:	532px;
	margin: 0 auto;
	}*/

dl#pic_index dt a {
	display: block;
	width:	720px;
	height:	280px;
	}
dl#pic_index dd em {
	font: bold 12px/14px Arial, sans-serif;
	color: #203671;
	}
dl.rechts dt { 
	display: block;
	clear: right; float: right;
	margin: 10px 0px 0px 22px;
	width: 310px;
	}
dl.rechts dd { 
	clear: right; float: right;
	margin: 0px 0px 10px 22px;
	width: 310px;
	}
/*dl.big dt, dd { 
	clear: right; float: right; margin-right: 0; 
	padding: 10px 0px 10px 22px;
	}*/
dl#pic_pionier dt {
	background: url("./img/DSC_0189_Weiss310.jpg") no-repeat;
	width:	310px;
	height:	181px;
	}
dl#pic_erfinder dt {
	background: url("./img/3.jpg") no-repeat;
	width:	134px;
	height:	200px;
	}
dl#pic_erfinder dd {
	width:	134px;
	}
dl#pic_levitation dt
	{
	/*background: url("./img/DSC_0106_Verlauf310.jpg") no-repeat;*/
	background: url("./img/DSC_0106_Weiss310.jpg") no-repeat;
	width:	310px;
	height:	180px;
	}
dl#pic_zukunft dt {
	background: url("./img/DSC_0068k.jpg") no-repeat;
	width:	310px;
	height:	163px;
	}
dl#pic_technik dt {
	background: url("./img/Technik_blur.jpg") no-repeat;
	width:	310px;
	height:	235px;
	}
dl#pic_antrieb1 dt
	{
	display: block;
	background: url("./img/impeller310.jpg") no-repeat;
	padding: 0;
	width:	310px;
	height:	243px;
	margin: 0 auto;
	}
dl#pic_antrieb2 dt
	{
	display: block;
	background: url("./img/levitale_01m.jpg") no-repeat;
	width:	310px;
	height:	153px;
	margin: 0 auto;
	}
dl#pic_lagestab dt
	{
	display: block;
	background: url("./img/SkyQuad/SkyQuad_001_300.jpg") no-repeat center bottom;
	width:	300px;
	height:	257px;
	}
dl#pic_lagestab dd {
	width:	300px;
	}
dl#pic_bauweise1 dt
	{
	display: block;
	/*background: url("./img/IMG_2009_09_29_0209_RZ310.jpg") no-repeat;*/
	background: url("./img/IMG_1179_01b310.JPG") no-repeat;
	width:	310px;
	height:	207px;
	}
dl#pic_bauweise2 dt
	{
	display: block;
	background: url("./img/DSC_0200_Weiss_RGB310.jpg") no-repeat;
	width:	310px;
	height:	152px;
	}
dl#pic_abmessungen dt
	{
	display: block;
	background: url("./img/Abmessungen_02a560.jpg") no-repeat;
	width:	560px;
	height:	246px;
	margin: 0 auto;
	}
dl#pic_designs dt
	{
	display: block;
	background: url("./img/levitale_01m.jpg") no-repeat;
	width:	310px;
	height:	153px;
	margin: 0 auto;
	}
dl#pic_wunschobjekt dt
	{
	display: block;
	background: url("./img/levitale_01l.jpg") no-repeat;
	width:	560px;
	height:	276px;
	margin: 0 auto;
	}
dl#pic_inaktion03v	/* YouTube video U.F.O. */
	{
	margin: 0 0 20px 0;
	}
dl#pic_inaktion03v dt	/* YouTube video U.F.O. */
	{
	display: block;
	background: transparent;
	width:	560px;
	height:	315px;
	margin: 0 auto;
	}
dl#pic_inaktion03v dd	/* YouTube video U.F.O. */
	{
	width:	560px;
	margin: 10px auto;
	}
dl#pic_inaktion01	/* YouTube video alt */
	{
	width:	480px;
	margin: 0 auto;
	}
dl#pic_inaktion01 dt	/* YouTube video alt */
	{
	display: block;
	background: transparent;
	width:	480px;
	height:	360px;
	margin: 0 auto;
	}
dl#pic_inaktion01 dd	/* YouTube video alt */
	{
	width:	480px;
	margin: 10px auto;
	}
dl#pic_inaktion02 dt
	{
	display: block;
	background: url("./img/levitale_01m.jpg") no-repeat;
	width:	310px;
	height:	153px;
	margin: 0 auto;
	}
dl#pic_traeger dt {
	background: url("./img/Kit/traeger_unbestueckt.jpg") no-repeat;
	width:	310px;
	height:	181px;
	}
dl#pic_kit1 dt {
	background: url("./img/Kit/kit_offen.jpg") no-repeat;
	width:	310px;
	height:	121px;
	}
dl#pic_partner dt {
	background: url("./img/Kit/DSC_0189_Weiss310.jpg") no-repeat;
	width:	310px;
	height:	199px;
	}



