/**
 * CSS fuer QVS Website
 **/ 
   
body {
  background-color:#ffffff;
  margin-top:40px;
	font-family:Arial,Helvetica;
	font-size:11px;
	color:black;
	text-align:left;
}


a:link {color: black; text-decoration:none; font-weight:bold; }
a:hover {color: black; text-decoration:underlined; font-weight:bold; }
a:focus {color: black; text-decoration:underlined; font-weight:bold; }
a:active {color: black; text-decoration:underlined; font-weight:bold; }
a:visited {color: #222222; text-decoration:none; font-weight:bold; }


table {
	font-family:Arial,Helvetica;
	font-size:11px;
	color:black;
	text-align:left;
}


.termintabelle td {padding:5px;border-style:solid;border-width:1px;border-color:#DDDDDD; }

li {
  list-style-image:url(/fileadmin/templates/gfx/bullet.gif);		
}


/* Website fasst den Webdesign-Container mit dem Rahmen sowie den Footer-Text zusammen*/
#Website {text-align:center;margin-left:auto;margin-right:auto;}

/* Container für die graue Box und den Footer: beide mittig positionieren */
#Webdesign-Container {
	width:932px;
	border-style:solid;
	border-color:#9c9d9d;
	border-width:1px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

img {border-style:none;}

	

.formlabel {
    float:left;
    display:block;
    width:60px;
    margin-right:10px;
    text-align:right;
}





/* graue Box */
#Webdesign {
	padding:22px;
}
/** ENDE Webdesign-Container **/



/** Header: Container für Logo und Loginbox **/
#Header {
  top:20px;
  left:20px;
  width:100%;
  height:120px;
  text-align:left;
}

#Loginbox {
	width:230px;
	height:45px;
	float:right;
	color:black;
}
/** ENDE Header **/




/** Menue: Container für Hauptmenue und Toolmenue **/
#Menue {
  width:100%; 
  height:25px;
  text-align:left;
}

#Hauptmenue {
	font-size:12px;
	font-weight:bold;
	padding-top:5px; /* Benötigt, weil Hauptmenue-Links padding-top=5 haben*/
}

#Hauptmenue a:link {color: black; padding-left:9px; padding-right:9px; padding-top:5px; padding-bottom:5px; background:white; text-decoration:none; font-weight:bold; }
#Hauptmenue a:hover {color: black; padding-left:9px; padding-right:9px; padding-top:5px; padding-bottom:5px; background:white; text-decoration:none; font-weight:bold; }
#Hauptmenue a:focus {color: black; padding-left:9px; padding-right:9px; padding-top:5px; padding-bottom:5px; background:white; text-decoration:none; font-weight:bold; }
#Hauptmenue a:active {color: black; padding-left:9px; padding-right:9px; padding-top:5px; padding-bottom:5px; background:white; text-decoration:none; font-weight:bold; }
#Hauptmenue a:visited {color: black; padding-left:9px; padding-right:9px; padding-top:5px; padding-bottom:5px; background:white; text-decoration:none; font-weight:bold; }

#Toolmenue {
	float:right;margin-right:5px;padding-top:5px;
}

#Toolmenue a:link {color: #9c9e9f; text-decoration:none; padding-left: 14px; font-weight:normal;}
#Toolmenue a:hover {color: #9c9e9f; text-decoration:none; padding-left: 14px; font-weight:normal;}
#Toolmenue a:focus {color: #9c9e9f; text-decoration:none; padding-left: 14px; font-weight:normal;}
#Toolmenue a:active {color: #9c9e9f; text-decoration:none; padding-left: 14px; font-weight:normal;}
#Toolmenue a:visited {color: #9c9e9f; text-decoration:none; padding-left: 14px; font-weight:normal;}
/** ENDE Menue **/




/** Teaser: Grafik und Boxen**/
#Teaser {       
	width:100%;
	height: 230px;
	color: black;
	overflow: hidden;
	text-align: left;
	margin:0px;
	/*background-image:url(../gfx/Teaser.jpg);
	background-repeat:no-repeat;
	background-position:top left;*/
}




#Teaser-Bild {margin:0px;padding:0px;border-style:none;}

#Klickpfad {text-align:left; color:#888888; margin-top:7px; margin-bottom:20px;}
#Klickpfad a:link {color:#888888; text-decoration:none; }
#Klickpfad a:hover {color:#888888; text-decoration:none; }
#Klickpfad a:focus {color:#888888; text-decoration:none; }
#Klickpfad a:active {color:#888888; text-decoration:none; }
#Klickpfad a:visited {color:#888888; text-decoration:none; }




.Boxenzeile h1 {margin-top:5px; margin-left:5px; margin-bottom:5px; font-size:16px; line-height:15px; }
.Boxenzeile p {margin-left:5px;margin-top:0px;	}
.Boxenzeile img {margin:0px;padding:0px;}
.Boxenzeile a:link {color: white; text-decoration:none; }
.Boxenzeile a:hover {color: white; text-decoration:none; }
.Boxenzeile a:focus {color: white; text-decoration:none; }
.Boxenzeile a:active {color: white; text-decoration:none; }
.Boxenzeile a:visited {color: white; text-decoration:none; }


.teaserbox {line-height:13px;text-align:left;}
.teaserbox h1 {	margin-top:0px;margin-left:0px;margin-bottom:-5px;line-height:17px;}
.teaserbox a:link {color: white; text-decoration:none; }
.teaserbox a:hover {color: white; text-decoration:none; }
.teaserbox a:focus {color: white; text-decoration:none; }
.teaserbox a:active {color: white; text-decoration:none; }
.teaserbox a:visited {color: white; text-decoration:none; }
/** ENDE Teaser **/




/** Content **/
/**
 * Content ist aufgespalten in eine Tabelle mit 2 Spalten. Die rechte Spalte
 * hat die Breite 0 Pixel. Erst wenn eine Newsbox angezeigt wird, nimmt
 * die Spalte die notwendige Breite an. Es wurde eine Tabelle verwendet,
 * damit der Text des Contents nicht die Newsbox umfließt, sondern nur bis zu
 * ihr hinreicht
 */     
#Content {margin-top:10px; width:100%;border-collapse:collapse;min-height:250px;}
#Content table {border-style:none;border-collapse:collapse;padding:0px;margin:0px;border-width:0px;}
#Content td {vertical-align:top;}
#Content h1 {font-size:18px;font-weight:bold;margin-top:0px;margin-top:10px;margin-bottom:30px;margin-left:0px;line-height:22px;}
/* Fuer Typo3 */
#Content h1.csc_firstHeader {font-size:18px;font-weight:bold;margin-top:0px;margin-top:10px;margin-bottom:30px;margin-left:0px;}

#Content-links {font-size:11px;line-height:17px;width:450px;}
#Content-unten {font-size:11px;line-height:17px;width:880px;}
#Content-rechts {font-size:11px;line-height:17px;}
	
#News {
  width:240px;
  height:231px;
  background-image: url(../gfx/News.jpg);
  background-color:#9dc31e;
  background-position:bottom right;
  color:white;
  font-size:13px;
  font-weight:bold;	
  float:right;
  margin-left:0px;
  margin-right:2px;
  margin-top:0px;
}

#News a:link {color: white; text-decoration:none; }
#News a:hover {color: white; text-decoration:none; }
#News a:focus {color: white; text-decoration:none; }
#News a:active {color: white; text-decoration:none; }
#News a:visited {color: white; text-decoration:none; }


#News h1 {font-size:16px; font-weight:bold;margin-top:5px; margin-left:5px; margin-bottom:5px;}	
#News p {margin-left:5px;margin-top:5px;}
#News p img {margin-left:-5px;}
/** ENDE Content **/



/** Footer, Teil des Webdesign-Containers, somit mittag positioniert **/
#Footer {
	height:20px;
	font-size:10px;
	color:#9c9e9f;
	margin-top:10px;
	margin-bottom:40px;
	text-align:center;
}

#Footer a:link {color: #9c9e9f; text-decoration:none; }
#Footer a:hover {color: #9c9e9f; text-decoration:none; }
#Footer a:focus {color: #9c9e9f; text-decoration:none; }
#Footer a:active {color: #9c9e9f; text-decoration:none; }
#Footer a:visited {color: #9c9e9f; text-decoration:none; }


#referenzen_karte {margin-left:0px; margin-top:45px; margin-right:0px;}
#kontakt_karte {margin-left:0px; margin-top:45px; margin-right:0px;}

.produktliste { width:610px; border-style:none;border-top-style:solid;border-top-width:1px;border-top-color:#9dc31e; height:160px; }
.produktliste_preis {height:100px;float:right; width:130px; margin-left:20px; color:#9dc31e; margin-top:5px; font-weight:bold;}
.produktliste_preis_gross { font-size:22px; line-height:22px;}
.produktliste_preis_klein { font-size:14px; line-height:14px;}
.produktliste_kontakt { float:right; border-style:none; width:50px; margin-left:20px; height:100px; margin-top:5px; }

.produktliste_titel { width:375px; border-style:none; margin-top: 5px; }
.produktliste_titel a:link {color:#9dc31e; text-decoration:none; font-weight:bold;}
.produktliste_titel a:hover {color:#9dc31e; text-decoration:none; font-weight:bold;}
.produktliste_titel a:focus {color:#9dc31e; text-decoration:none; font-weight:bold;}
.produktliste_titel a:active {color:#9dc31e; text-decoration:none; font-weight:bold;}
.produktliste_titel a:visited {color:#9dc31e; text-decoration:none; font-weight:bold;}

.produktliste_text { width:375px; border-style:none; margin-top: 0px; height:160px; }




.produktdetails { width:880px; border-style:none; }
.produktdetails h1 { width:420px; border-style:none; }

.produktdetails_preis {height:80px;width:170px; margin-left:40px; color:#9dc31e; font-weight:bold;}
.produktdetails_preis_gross { font-size:22px; line-height:22px;}
.produktdetails_preis_klein { font-size:14px; line-height:14px;}

.produktdetails_preisinfos { border-style:none; width:170px; margin-left:40px; height:100px; }
.produktdetails_preisinfos ul {padding:0px;padding-left:20px;margin:0px;}
.produktdetails_preisinfos ul li {padding:0px;margin:0px;}
.produktdetails_kontakt { float:right; border-style:none; width:50px; margin-left:180px; height:100px; }
.produktdetails_text { width:420px; border-style:none; margin-top: 5px; }

/*Formatierungen für die Sitemap*/
.csc-sitemap a:link {color: black; text-decoration:none; }
.csc-sitemap a:hover {color: black; text-decoration:none; }
.csc-sitemap a:focus {color: black; text-decoration:none; }
.csc-sitemap a:active {color: black; text-decoration:none; }
.csc-sitemap a:visited {color: black; text-decoration:none; }

/*Kontaktformular: Grüne Aufzählungspunkte sollen nicht eingerückt werden*/
.kontakt ul {margin:0px;margin-left:15px;padding:0px;}