/*------------------- CSS RESET ---------------------
---------------------------------------------------*/

* {
padding: 0;
margin: 0;
font-family: 'Trebuchet MS', sans-serif;
font-size: 100%;
font-weight: normal;
line-height: 1.5em;
/*color: #000;*/
}

ul,
ol {
list-style: none;
}

b,
strong {
font-weight: bold;
}

img,
a img {
border: none;
}

/*------------------SCHRIFT / GRÖSSE ----------------
---------------------------------------------------*/

html {
height: 100%;
background: #e3e3e3;
}

body {
height: 100%;
width: 100%;
margin: 0;
padding: 0;
}

h1,
h2,
h3 {
font-weight: bold;
color: #00cb00;
}

h1 {
font-size: 2.5em;
}

h2 {
font-size: 1.6em;
}

h3 {
font-size: 1.1em;
}

p {
padding: 1.0em;
}

p_zentriert {
padding: 1.0em;
text-align: center;
}

blockquote {
}

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

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

.wobinich {
position: absolute;
top: 250px;
left: 5px;
font-size: 0.8em;
color: #03ce03;
}

.zentriert {
text-align: center;
}

.rechts {
text-align: right;
}

.links {
text-align: left;
}

.linkseingerueckt40px {
padding-left: 40px;
}

.unterschrift {
padding-left: 40px;
color: #00cb00;
font-weight: bold;
}

.blau {
color: #1e2c74;
font-weight: bold;
}

.ul1 {
list-style-type: circle;
padding: 5px 0px 10px 40px;
}

/*------------------- LAYOUT ---------------------
---------------------------------------------------*/

#index {
height: 100%;
width: 100%;
background: #fff;
}

#aussenwrapper {
height: 100%;
position: relative;
width: 100%;
margin: 0 auto;
background: #e3e3e3 url(img/bg-aussenwrapper.jpg) repeat-x top left;
}

#innenwrapper {
position: relative;
top: 25px;
width: 1000px;
margin: 0px auto;
background: #fff;
}

#top {
height: 220px;
background: #fff url(img/top.jpg) no-repeat left top;
}

#navigation ul {
	width: 1000px; 
	height: 30px; 
	position: absolute;
	top: 220px; 
	left: 0px; 
	background: url(img/bg-nav.jpg) no-repeat 0 0;
	list-style: none;
	margin: 0;
  padding: 0;
}
#navigation li {
	display: inline;
}
#navigation li a:link, #navigation li a:visited {
	border: none;
	width: 142px; 
	height: 30px; 
	display: block; 
	position: absolute; 
	top: 0; 
	text-indent: -7000px;
	outline: none;
}
#navigation li.start a:link, #navigation li.start a:visited { 
	left: 0;
}
#navigation li.produkte a:link, #navigation li.produkte a:visited { 
	left: 142px 
}
#navigation li.kontakt a:link, #navigation li.kontakt a:visited { 
	left: 284px  
}
#navigation li.partner a:link, #navigation li.partner a:visited { 
	left: 426px  
}

#navigation li.seminar a:link, #navigation li.seminar a:visited { 
	left: 568px  
}

#navigation li.haendler a:link, #navigation li.haendler a:visited { 
	left: 710px  
}

#navigation li.impressum a:link, #navigation li.impressum a:visited { 
	left: 852px  
}

#navigation li.start a:hover {
	background: url(img/bg-nav.jpg) no-repeat 0 -30px; 
}
#navigation li.produkte a:hover {
	background: url(img/bg-nav.jpg) no-repeat -142px -30px; 
}
#navigation li.kontakt a:hover {
	background: url(img/bg-nav.jpg) no-repeat -284px -30px;
}
#navigation li.partner a:hover {
	background: url(img/bg-nav.jpg) no-repeat -426px -30px;
}
#navigation li.seminar a:hover {
	background: url(img/bg-nav.jpg) no-repeat -568px -30px;
}
#navigation li.haendler a:hover {
	background: url(img/bg-nav.jpg) no-repeat -710px -30px;
}
#navigation li.impressum a:hover {
	background: url(img/bg-nav.jpg) no-repeat -852px -30px;
}

#content {
background: #fff;
font-size: 0.9em;
min-height: 500px;
border-left: 1px dotted #02ce02;
border-right: 1px dotted #02ce02;
padding-top: 55px;
}

#content_start_head {
position: relative;
top: 20px;
left: 200px;
height: 40px;
width: 600px;
border: 1px solid #fff;
background: #transparent;
color: #00cb00;
font-size: 1.9em;
}

#content_start {
position: relative;
top: 20px;
left: 200px;
height: 400px;
width: 600px;
border: 1px dotted #02ce02;
font-size: 0.9em;
background: #e5fbe5;
padding: 5px;
}

#content_wind {
background: #fff;
font-size: 0.9em;
min-height: 550px;
border-left: 1px dotted #02ce02;
border-right: 1px dotted #02ce02;
padding-top: 55px;
background: #fff url(img/bg-wind.jpg) repeat-y top left;
}

#content_photo {
background: #fff;
font-size: 0.9em;
min-height: 450px;
border-left: 1px dotted #02ce02;
border-right: 1px dotted #02ce02;
padding-top: 55px;
background: #fff url(img/bg-photo.jpg) repeat-y top left;
}

#content_photo_box {
position: relative;
top: 20px;
left: 200px;
height: 300px;
width: 760px;
border: 1px dotted #ffcc00;
font-size: 0.9em;
background: #fff3c4;
color: #c90;
padding: 5px;
}

#content_wind_box {
position: relative;
top: 20px;
left: 200px;
min-height: 300px;
width: 760px;
border: 1px dotted #1e2c74;
font-size: 0.9em;
background: #dde1f7;
color: #1e2c74;
padding: 5px;
}

#content_kontakt_box {
position: relative;
top: 20px;
left: 200px;
height: 300px;
width: 760px;
border: 1px dotted #02ce02;
font-size: 0.9em;
background: #e5fbe5;
color: #00cb00;
padding: 5px;
}

#content_impressum_box {
position: relative;
top: 20px;
left: 200px;
min-height: 300px;
width: 760px;
border: 1px dotted #000;
font-size: 0.9em;
background: #e3e3e3;
color: #000;
padding: 5px;
}

#content_kontakt {
background: #fff;
font-size: 0.9em;
min-height: 450px;
border-left: 1px dotted #02ce02;
border-right: 1px dotted #02ce02;
padding-top: 55px;
background: #fff url(img/bg-kontakt.jpg) repeat-y top left;
}

#content_impressum {
background: #fff;
font-size: 0.9em;
min-height: 450px;
border-left: 1px dotted #02ce02;
border-right: 1px dotted #02ce02;
padding-top: 55px;
background: #fff url(img/bg-impressum.jpg) repeat-y top left;
}

#produkte_wind_links {
float: left;
width: 350px;
height: 240px;
background: #eceefb;
text-align: center;
font-size: 1.4em;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
margin-left: 30px;
margin-top: 20px;
}

#produkte_wind_rechts {
float: left;
width: 350px;
height: 240px;
background: #eceefb;
text-align: center;
font-size: 1.4em;
margin-top: 40px;
margin-left: 2px;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
}

#produkte_hybrid_links {
float: left;
width: 350px;
height: 180px;
background: #eceefb;
text-align: center;
font-size: 1.4em;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
margin-left: 30px;
margin-top: 20px;
}

#produkte_hybrid_rechts {
float: left;
width: 350px;
height: 180px;
background: #eceefb;
text-align: center;
font-size: 1.4em;
margin-top: 40px;
margin-left: 2px;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
}

#produkte_photo {
width: 350px;
height: 130px;
background: #eceefb;
text-align: center;
font-size: 1.4em;
margin: 50px auto;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
}

#footer {
width: 1000px;
height: 20px;
text-align: right;
color: #fff;
background: #fff url(img/bg-footer.jpg) no-repeat left top;
font-size: 0.8em;
line-height: 1.6em;
}

#footer p {
padding-top: 10px;
}

/*------------------- ALLGEMEIN --------------------
---------------------------------------------------*/

.fl {
float: left;
padding-right: 1em;
}

.fr {
float: right;
padding-left: 1em;
}

.clearfloat {
clear: both;
}

/*-----------------BILDER-------------------------------------
----------------------------------------------------------------*/

.windrad {
position: absolute;
bottom: 24px;
left: 1px;
border-bottom: 1px dotted #000;
}

.bild_photo {
position: absolute;
bottom: 138px;
left: 1px;
border-bottom: 1px dotted #ffcc00;
padding-bottom: 1px;
}

.index {
padding-top: 100px;
}

p.index {
padding: 0px;
color: #00cb00;
}

.windarten {
padding-left: 80px;
padding-top: 50px;
}

.produkte {
padding-left: 5px;
}
.produkte_sub {
padding-left: 0px;
}

/*-----------------TABELLEN-------------------------------------
----------------------------------------------------------------*/

.kontakt {
color: #000;
padding: 5px;
}

.partner {
list-style-type: circle;
padding-left: 50px;
padding-top: 25px;
}

.partner li {
padding: 3px;
}