/*
		pixelpoems css, Version 2.2
*/



/*
blau: 		#00A6EB
grau: 		#D7D7D7
dunkelgrau: #585858
hellgrau: 	#F3F3F3
gelb:		#FCDC34
*/


/*	border: 1px solid;*/


/*_______________________________________________________________________________*/
/* 1. BASICS */
/*-------------------------------------------------------------------------------*/


body {
	font-size: small;
	font-family:  arial, helvetica, verdana, sans-serif;
	margin: 0px;
	color: #585858;
	background: #E7E7E7 url(/_images/bg.gif) repeat-x top left;	
	} 
	
*html body {
	font-size: x-small; /* für IE5/WIN */
	f\ont-size: small; /* für andere IEs */
}

#seite {
	width: 714px;
	margin: 0 auto;
	padding: 0;
}

#header {
	background: transparent url(/_images/bg_top.gif) no-repeat top left;
	height: 105px;
}

#logo {
	padding: 45px 0 0 23px;

}

#navigation {
	background: transparent url(/_images/bg_navi.gif) no-repeat top left;
	width: 697px;
	height: 56px;
	margin: 0 0 45px 17px;

}

#sprache{
	float: right;
	margin: -2px 1px 0 0px;
}

#content {
	background: transparent url(/_images/bg_seite.gif) repeat-y top left;	
}

#clearer {
	clear: both;
}

#footer-top {
	background: transparent url(/_images/bg_seitenende.gif) no-repeat top left;
	height: 45px;
	padding: 0;
	margin: 0;
}

#footer-topwm {
	background: transparent url(/_images/bg_seitenende_hand.gif) no-repeat top left;
	height: 45px;
	padding: 0;
	margin: 0;
}

#footer-bottom {
	clear: both;
	height: 67px;
	background: transparent url(/_images/bg_footerbottom.gif) no-repeat bottom left;
}



/*_______________________________________________________________________________*/
/* 2. STYLES */
/*-------------------------------------------------------------------------------*/

h1 {
	color: #00A6EB;
	font-size: 150%;
	margin: 10px 0 20px 0;
}

h2 {
	color: #00A6EB;
	font-size: 100%;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

h3 {
	color: #00A6EB;
	font-size: 100%;
	margin: 0;
	padding: 0;
}

h4 {
	color: #585858;
	font-size: 100%;
	margin: 0;
	padding: 0;
}

h5 {
	color: #00A6EB;
	font-size: 150%;
	margin: 0;
}

h6 {
	color: #e2007a;
	font-size: 100%;
	margin: 0;
	padding: 0;
}

.abstand {
	color: #585858;
	font-size: 100%;
	font-weight: normal;
	margin: 10px 0 20px 0;
	
}

.textabstand {
	margin: 10px 0 20px 0;
	
}

.textabstand2 {
	margin: 10px 0 10px 0;
	
}

img {
 	border:0;
}

#content p {
	margin: 2px 0 12px 0 ;
}

.abstand1 {
	padding: 0px 0px 8px 0px;
	
}

referenz {
	padding: 20px 0 0 0;
}

.einsatzgebiete {
	padding: 20px 0 0 0;
}

.details {
	padding: 130px 0 0 0;
}

.varianten {
	padding: 10px 0 0 0;
}


a {color: #00A6EB;}
a:visited {color:#00A6EB;}
a:hover {color: #000000;}
a:active { color:#00A6EB;}


.zusatz {

	font-size: 85%;
	font-weight: normal;
}

/* 2.1 TEXTSEITE LAYOUT */
/*-------------------------------------------------------------------------------*/

.text h1 {
	color: #00A6EB;
	font-size: 150%;
	margin: 10px 0 20px 31px;
	
}



/* 2.2 HOMEPAGE LAYOUT */
/*-------------------------------------------------------------------------------*/


.home h1 {

	margin: 10px 0 10px 0;
}

/* 2.3 FOOTER */
/*-------------------------------------------------------------------------------*/



#footerlist {
	float: left;
	list-style: none;
	padding: 0 17px 8px 17px;
	margin: 0;
	background: transparent url(/_images/bg_footerliste_weiss.gif) repeat-y top left;
	width: 691px;
}


#footerlist vollebreite {
	float: left;
	list-style: none;
	width: 635px;
	padding: 2px 6px 0px 14px;
	margin: 0;	
}

#footer-bottom p {
	padding: 24px 12px 4px 20px;
	margin:0;
	font-size: 85%;
}

#footer-bottom a {
	color: #000000;
}

.linkespalte, .rechtespalte {
	float: left;
	width: 180px;
}

#rechts ul, #links ul {
	list-style: none;
	padding: 0 20px 0 0;
	margin: 4px 0 12px 0;
}

#rechts li, #links li {
	margin: 0;
	padding: 0 0 0 14px;
	background: transparent url(/_images/bullet.gif) no-repeat top left;	
}


.thumbs {
	padding: 4px 0;
}

.thumbs img {
	border: 1px #B1B1B1 solid;
	padding: 1px;
	margin: 0 6px 8px 0;
}

.thumbs img:hover {
	border: 1px #000 solid;
}
/*_______________________________________________________________________________*/
/* 3. LAYOUT */
/*-------------------------------------------------------------------------------*/


/* 3. HOMEPAGE & FORMULAR */
/*-------------------------------------------------------------------------------*/


.home #rechts, .form #rechts {
	float: right;
	width: 255px;
	padding: 0 35px 0 0;
}

.home #links, .form #links {
	float: left;
	width: 351px;
	padding: 0 20px 0 31px;
	
}


#produkte-teaser {
	width: 255px;
	height: 268px;
	background: transparent url(/_images/bg_produkte_home.gif) no-repeat top left;
	text-align: center;
	margin: 0 0 33px 0;
}


#produkte-teaser ul {
	list-style: none;
	margin: 0;
	padding: 15px 6px 4px 6px;
}

#produkte-teaser li {
	float: left;
	list-style: none;
	background: none;
	width: 120px;
	margin: 0 0 8px 0;
	padding: 0;
	text-align: center;
}

#produkte-teaser a { 
	text-decoration: none;
}

#produkte-teaser a:hover { 
	color: #000;
}

.unterstrichen { 
	text-decoration: underline;
}



/* 3. TEXTSEITE */
/*-------------------------------------------------------------------------------*/


.text #rechts {
	float: right;
	width: 280px;
	padding: 0 89px 0 0;

}

.text #links {
	float: left;
	width: 286px;
	padding: 0 28px 0 31px;
}

.text #vollebreite {
	float: left;
	width: 635px;
	padding: 0px 28px 0px 31px;

}

.linkespaltewm, .rechtespaltewm {
	float: left;
	width: 180px;
}

#links ul {
	list-style: none;
	padding: 0 20px 0 0;
	margin: 4px 0 12px 0;
}

#links li {
	margin: 0;
	padding: 0 0 0 14px;
	background: transparent url(/_images/bullet_wm.gif) no-repeat top left;	
}


/*  3 Spalten */

.text #dreispaltig-links {
	float: left;
	width: 258px;
	padding: 0 8px 0 28px;
	
}

.text #dreispaltig-mitte {
	float: left;
	width: 2px;
	padding: 0 5px 0 0;


}

.text #dreispaltig-rechts {
	float: left;
	width: 354px;
	padding: 0 10px 0 10px;


}

/* 3. IMPRESSUM */
/*-------------------------------------------------------------------------------*/


.impressum #rechts {
	float: right;
	width 280px;
	padding: 0 89px 0 0;
}

.impressum #links {
	float: left;
	width: 286px;
	padding: 0 28px 0 31px;
}



/* 3. PRODUKTSEITE */
/*-------------------------------------------------------------------------------*/


.produkte #rechts {
	float: right;
	width: 364px;
	padding: 0 55px 0 0;

}

.produkte #links {
	float: left;
	width: 230px;
	padding: 0 28px 0 31px;
	
}


/*  3 Spalten */

.produkte #dreispaltig-links {
	float: left;
	width: 30px;
	padding: 0 8px 0 31px;
	
}

.produkte #dreispaltig-mitte {
	float: left;
	width: 2px;
	padding: 0 0 0 0;


}

.produkte #dreispaltig-rechts {
	float: right;
	width: 364px;
	padding: 0 10px 0 0px;
	
}

/*_______________________________________________________________________________*/
/* 4. NAVIGATION */
/*-------------------------------------------------------------------------------*/

#nav, #nav ul {
	float: left;
	list-style: none;
	color: #999;
	padding: 0;
	margin: 17px 0 0 8px;
	width: 508px;
}

#nav a {
	display: block;
	padding: 0;
	color: #242424;	
	text-decoration: none;
}

#nav li {
	float: left;
	padding: 0;
	width: 127px;
}

#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 127px; 
	margin: 0;	
	background: #FFF4C5 url(/_images/bg_subnav.gif) no-repeat bottom left;
}

#nav li li {
	padding: 0px;
	width: 127px; 
	
}

#nav li ul a {
	padding: 5px 8px 8px 8px;
	width: 103px;
	font-size: 90%;	
	margin:0 0 0 4px;
}

#nav li ul ul {
	margin: -2em 0 0 140px;
}

#nav li:hover ul ul,  #nav li.sfhover ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {
	left: auto;
	display: block;
}

#nav li ul.under a {
	color: #000;
}
#nav li ul.under a:hover { 
	text-decoration: underline;
}

.last {
	margin-bottom: 4px;
}




/*_______________________________________________________________________________*/
/* 5. FORMULARE */
/*-------------------------------------------------------------------------------*/



.form h1 {
	color: #00A6EB;
	font-size: 150%;
	margin: 10px 0 20px 31px;
	
}


#formular {
	clear: both;
	padding: 0;
	padding: 0 28px 0 31 px;
}


form p{
	clear: both;
	padding-top: 4px;
	line-height: 150%;

}

.form #vollebreite {
	float: left;
	width: 635px;
	padding: 0 28px 51px 31px;
	
}


label {
	display: block;
	float: left;
	width: 140px;
	padding: 0;
}

input {
	display: block;
	float: left;
	font-size: 120%;
	padding: 2px;
	background: #E3F5FC;
	border: 1px solid #A1E0F8;
}

input.unsichtbar {
	display: none;

}

textarea {
	display: block;
	float: left;
	font-size: 120%;
	padding: 2px;
	background: #E3F5FC;
	border: 1px solid #A1E0F8;
}


.textfeld200 {
	width: 200px;
}

.anfrage200 {
	width: 200px;
	height: 80px;
	}


.textfeld50 {
	width: 50px;
}

legend {
	padding: 0px;
	display: none;
}

.formteiler {	
	background-color: #E5E1BE;
	border: none;
	color: #E5E1BE;
	height: 1px;	
}

fieldset {
	margin: 0;
	padding: 5px 0;
	border: 0px solid #000000;
}

.fehler {	
	background-color: #FCDC34;
	color: #E6183D;
	padding:8px;
	font-weight: bold;

	font-size: 120%;
}

.absender {
	padding:0;
	margin:0;
	background:none;
	border:0px solid #FCDC34;

	height: 25px;
	float: none;
	padding: 14px 0 20px 140px;
}

.nachrechts {
	padding: 4px 0 4px 138px;
	
}

.abstand {
	padding: 0px 0px 0px 74px;
	
}