body       {
	color:           #e67f00;
	font-size:        100.1%;
	font-family:      Verdana, sans-serif;
	background-color: #ff9600;
	text-align:       center;
	margin:           auto }





/*
*/

/*-------------------------------
Fontsizes

9	pt =	56.25%
10	pt =	62.5%
11	pt =	68.75%
11,5	pt=	71.8%
12	pt 	=	75%
13	pt	=	81.25%
14	pt =	87.5%
15	pt =	93.75%
16	pt	=	100%			body font-size
17	pt	=	106.25%
18	pt	=	112.5%
19	pt	=	118.75%
20	pt	=	125%
21	pt =	131.25%
22	pt	=	137.5%
23	pt =	143.75%
24	pt =	150%

------------------------------*/


body, h1, h2, h3, h4, h5, h6, div, p, table, td, th, ul, ol, li, dd, dt, dl, blockquote, address, hr, pre {
	margin: 0;
	padding: 0;
}

a:link, a:visited {
	color:  #e67f00;
	text-decoration: none;
}

a:focus, a:hover, a:active {
	text-decoration: none;
	color:#333;
}


p, h3, h4, h5, h6 {
	font-weight: normal;
	font-size: 75%;
	line-height: 137.5%;
}

ul, ul li, ul ul, li li {
	list-style: none;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

img {
	border: none;
}

form, input {
	padding: 0;
	margin: 0;
}

input, select, textarea {
	color:black; 
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
}


/* --------- Textbrowser Annotations ---------*/

.hidden, h1, h2 {
	visibility: hidden;
	display: none;
	font-size: 0;
	line-height: 0;
}



/* --------- Layout ---------*/

/*MAIN-CONTAINER--------------------*/
.main   
  {
	background-color: #ff9600;
	text-align:        left;
	margin:            4em auto auto;
	width:             38em;
	height:            28em;
	min-width:         500px; }


/*LOGO-------------------------*/

.logo
 {
	color:     #fff;
	background: #ff9600;
	text-align: right;
	width:      30em;
	height:     1.5em;
	float:      right;
 }


/*CONTENTBEREICH----------------*/
.content
{
	width:100%;
	height: 20em;
	display:block;
	background-color: white;
	overflow:hidden;

}

/*Text*/
.text
{
	
	width:         18em;
	height:       17.5em;
	float: left;
}

.text_kontakt
{
	
	width:         20em;
	height:       17.5em;
	float: left;
}

.text h3, .text_kontakt h3
{ 
	font-size: 100%;
	margin:30px 0 2em 30px
}

.text p, .text_kontakt p
{ 
	font-size: 68.75%; 
	color: #333; 
	margin-left: 30px;
}



.text a:link, .text a:visited, .text_kontakt a:link, .text_kontakt a:visited, .bild_kontakt a:link, .bild_kontakt a:visited
{ 
	font-size: 100%; 
}

.information
{
	padding-left: 1.2em;
}

.text_kontakt li, .bild_kontakt li
{
	padding-bottom: 0.5em;
}


.bild_kontakt
{
	width: 16em;
	float: right;
}

.windows
{
	
	height: 2em;
	margin-bottom: 0.2em;
}

* html .windows
{
	margin-bottom: 0.2em;
}

.windowsa
{
	height:3.8em;
	margin-bottom: 0.2em;
}

* html .windowsa
{
	height:4.5em;
	margin-bottom: 0em;
}

.bild_kontakt .imagewrapper 
{
	width: 15.5em;
	height:12em;
	overflow: hidden;
	display: block;
	margin-top: 5.45em;
}

* html .bild_kontakt .imagewrapper 
{
	margin-top: 5.55em;
	height:11em;
}

.bild_kontakt .imagewrapper p
{ 
	font-size: 68.75%; 
	color: #333; 
}



.formular
{
	float: left;
	width: 100%;
	height: 1.5em;
}

.formular label
{
	float: left;
	width:7em;
}


.formular .feld
{
	float: left;
	margin-bottom: 2em;
	margin-right: 1em;

}

.feld
{
	border:1px solid #ff9600;
}




form
{
    color: #333; 
}
    
form input
{
    color: #333; 
    
}

form label
{
   xpadding-left: 1em;
   font-size: 100%;
   xdisplay: block;
 
}
    
form p
{
    font-size: 100%; 
}

.radiobutton
{
	float: left;
	width: 100%;
	xmargin-top: 5px;
	xheight: 2em;
}


.radiobutton .radio
{ 
	float: left;
	margin-bottom: 6em;
	margin-right: 1em;
	
}

.checkbox
{
	float: left;
	width: 100%;
	height: 1em;
}

.checkbox .check
{ 
	float: left;
	xmargin-bottom: 1em;
	margin-right: 1em;
	margin-left: 2.2em;
}

* html .checkbox .check
{ 
	margin-left: 2.8em;
}


.radiobutton label
{ 
	display: block;
}

.inline
{
	display: inline;
}

.submit {
	background: white;
	border: 1px solid #ff9600;
	float: right;
	cursor: pointer;
	color: #ff9600;
	margin-top: 0.2em;
	margin-right: 4.7em;
	font-size: 68.75%;
}

* html .submit {
	margin-top: 0.8em;
	margin-right: 1.7em;
}

.submit:hover {
	background: #ff9600;
	color: white;
}


/*Bild*/

.bild
{
	width: 18em;
	float: right;
}


.imagewrapper 
{
	width: 15.5em;
	height:14.5em;
	overflow: hidden;
	display: block;
	margin-top: 36px;
}

.imagewrapper_flash 
{
	width: 15em;
	height:20em;
	overflow: hidden;
	display: block;
	margin-top: 30px;
	position: absolute;
	z-index:100;
}

* html .imagewrapper_flash 
{
	margin-top: 28px;
}

.imagewrapper_idee
{
	width: 15em;
	height:14em;
	overflow: hidden;
	display: block;
	margin-top: 50px;
	position: absolute;
	z-index:100;
}


.bild img
{
	height: 100%;
	
}



/*NAVIGATION--------------------*/

.navi
{
	width:100%;
	height: 6.25em;
	background-color: white;
	margin-top: 0.75em;
}

/*Textnavi*/
.navipunkt
{
	height: 1.25em;
	float: left;
	margin-top: 10px;
}

.navipunkt a:hover
{
	color:#333;
}

.navipunkt_hi
{
	height: 1.25em;
	float: left;
	margin-top: 10px;
	color:#333;
	font-size:      68.75%;
}

a
{
	color:         #e67f00;
	font-size:      68.75%;
	font-family:   Verdana;
	
}

.naviteil 
{
	width: 18em;
	height: 5em;
	padding-top: 1.25em;
	float: left;
}


.navizeile
{
	float: left;
	width: 18em;
}


#idee
{
	padding-left: 30px;
}

#produkt
{
	padding-left: 70px;
}

#aktion
{
	padding-left: 48.5px;
	padding-right: 20px;
}

#shop
{
	padding-left: 30px;
}

#kontakt
{
	padding-left: 41px;
}

#impressum
{
	padding-left: 42px;
}


/*rechte Naviseite--------------*/

/*Dreiecke*/
.zusatznavi
{
	width: 18em;
	padding-top: 1.85em;
	float: right;
}

.zusatznavi_produkt
{
	width: 18em;
	padding-top: 2.65em;
	float: right;
}

.zusatznavi_idee
{
	width: 18em;
	padding-top: 2.8em;
	float: right;
}



.dreieck a
{
 	width: 15px;
	height: 15px;
	display:block;
	float: left;
	margin-right: 5px;
	background-image: url(images/dreieck.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	
}

.dreieck a:hover
{
	background-image: url(images/dreieck_up.gif);
}



/*downloads*/
.download
{
	float: left;
	width: 15.5em;
	margin-top: 2.45em;

}

.download_produkt
{
	float: left;
	width: 15.5em;
	margin-top: 2.6em;

}



.download a,.download a:link, .download a:visited, .download_produkt a,.download_produkt a:link, .download_produkt a:visited
{
	border-left: 1px solid #ff9600;
	border-right: 1px solid #ff9600;
	border-top:1px solid #ff9600;
	float: right;
	padding: 1px 5px 1px 5px;
	margin-left: 5px;
	

}

.download a:focus,.download a:hover,.download a:active, .download_produkt a:focus,.download_produkt a:hover,.download_produkt a:active
{
	color: white;
	background-color: #ff9600;

}


.flash
{
	text-align: center;
}


.aktion p
{
	color: white;
	text-align: center;
	font-size: 68.75%;
	margin-top: 50px;
}

.aktion a:link, .aktion a:visited
{
	color: white;
	font-size: 100%;
	/*text-decoration: underline;*/
}

.aktion a:link:hover, .aktion a:visited:hover
{
	/*text-decoration: none;*/
}

.space
{
	height:1.1em;
}

.untertitel
{
float: left;
width: 31em;
}

.untertitel p
{
	color: white;
	text-align: left;
	font-size: 56.25%;
	margin-top: 1em;
	float: left;
}

.untertitel a:link, .untertitel a:visited
{
	color: white;
	font-size: 100%;
	/*text-decoration: underline;*/
}

.untertitel a:link:hover, .untertitel a:visited:hover
{
	/*text-decoration: none;*/
}


.impressum
{
	float: right;
	width: 7em;
	margin-top:0.25em;
	text-align: right;
}

* html .impressum
{
	margin-top:0.3em;
}


.impressum a:link, .impressum a:visited
{
	color: white;
	xtext-align: right;
	font-size: 56.25%;
	padding-left: 6px;
	/*text-decoration: underline;*/
}

.sprache
{
	float: left;
	font-size: 68.75%;
	width:5em;
	text-align: center;
	border-top: 1px solid white;
	border-right: 1px solid white;
	padding-top: 0.35em;
	padding-bottom: 0.4em;
}

.sprache p
{
	font-size:100%;
	color: white;
}