/* 
Print Stylesheet Graf
*/

#inhaltproduktreiter0 {
clear:both;
}



* {
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
color: #000000;
}

body {
	background: white;
	background-image: none;
	font-size: 10pt;
	}

/* links */
a:link {
	color: #00b3de;
	text-decoration: underline;
}
a:visited, a:active {
	color: #00b3de;
	text-decoration: underline;
}

img {
	border:0px;
}

.c {
	clear:both;
}


/*

#contentcenter a:link:after, #contentcenter a:visited:after {
   content: " (" attr(href) ") ";
   font-size: 90%;
   }

*/


/* grundstruktur der seite */	

/*
#wrapper:after { 
content:"Otto Graf GmbH Kunststofferzeugnisse, Carl-Zeiss-Straße 2-6, D-79331 Teningen, Tel. +49 (0)764 158 90, Fax +49 (0)764 158 950"; 
color:#666666; 
font-size: 10pt; 
}
*/
	
#content {
	padding-top:10px;
	padding-bottom:10px;
	border: none;
	}
	
#contentstart {
	padding-top:10px;
	}
	
#contentcenter {
	padding:0px;
	}
		
#contentmax {
	}
	
#contentright {
	display:none;
	}
	
#header ul {display:none;}
	


		
#footerohne, #footerstart, #footerzwei, #footerdrei {
	display:none;
	}
	
	
.logo {
	float:left;
	margin-top:10px;
	}


/* Allgemeine Textformatierungen */
		
h1 {
	font-size:14px;
	padding:10px 0 15px 0;
	margin:0px;
	color:#0f62a9;
	}
	
h1.h-nah {
	padding: 0 0 3px 0;
	}
		
h2 {
	font-size:11px;
	padding: 0 0 0px 0;
	margin:0px;
	font-weight:bold;
	}
	
#contentcenter h3 {
font-size: 12pt;
font-weight: normal;
margin:0;
padding:0;
/*	color:#0f62a9; */
	}
	
#contentright h3, #contentnav h3 {
	font-size:11px;
	padding: 0;
	margin-bottom: 2px;
	color:#0f62a9;
	}
	
#contentcenter p, #contentmax p {
	margin-bottom: 22px;
	}
		
		
#contentright p {
	margin-bottom:5px;
	}
	
.foto {
	margin: 0 15px 15px 0;
	}


/* Allgemeine Bildformatierungen */

#contentcenter img {
	border-left: 1px solid #dce9f2;
	border-top: 1px solid #dce9f2;
	border-right: 1px solid #737d86;
	border-bottom: 1px solid #737d86;
	}
	

/* Links */
a:link {
	color: #0f62a9;
	text-decoration: none;
	}
	
a:visited, a:active {
	color: #0f62a9;
	text-decoration: none;
	}
	

.pfeil, td a:link.pfeil, td a:visited.pfeil, td a:active.pfeil, .doubleArrow, td a:link.doubleArrow, td a:visited.doubleArrow, td a:active.doubleArrow {
	background: url(../img/pfeil_blau.gif) no-repeat left;
	padding-left: 12px;
	color: #0f62a9;
	}
	
.artikeldownload, a.downloadIcon {
	background: url(../img/icon_download.gif) no-repeat left;
	padding-left: 25px;
	}

.video {
	background: url(../img/icon_video.gif) no-repeat left;
	padding-left: 25px;
	margin-top:20px;
	}

td a:link.merken, td a:visited.merken, td a:active.merken, .merken {
	background: url(../img/icon_merken.gif) no-repeat left;
	padding-left: 25px;
	color: #0f62a9;
	display:none;
	}

td a:link.download, td a:visited.download, td a:active.download, .download {
	background: url(../img/icon_pdf_klein.gif) no-repeat left;
	padding-left: 25px;
	color: #0f62a9;
	}

td a:link.downloadwoicon, td a:visited.downloadwoicon, td a:active.downloadwoicon, .downloadwoicon {
	padding-left: 25px;
	color: #0f62a9;
	}
	
td a:link, td a:visited, td a:active {
	color: #646567;
}


.foerdermittel {
	background: url(../img/icon_foerdermittel.gif) no-repeat left;
	padding: 20px 0px 20px 75px;
	}

.foerdermittel a {
	border-top: 1px solid #cbdfee;
	border-bottom: 1px solid #cbdfee;
	background-color: #f7fbfd;
	padding: 2px 100px 2px 12px;
	}

#contentmax .plink, #contentcenter .plink {
	margin-bottom: 5px;
	}
	
#contentmax .backlink, #contentcenter .backlink {
	margin: 20px 0 5px 0;
	}


a.onlineblaettern {
	background: url(../img/icon_lupe.gif) no-repeat left;
	padding-left: 25px;
	display: none;
	}
	
	
/* Top Navigation */
	
#header ul {display:none;}


/* Subnavigation */

#subnav ul {display:none;}

/* Footernavigation */

#metanav {display: none;}

.drucken {display: none;}

#langnav {display:none;}
	

/* Subnavigation. */

#contentnav ul {display:none;} 
	

/* Stellennavigation. */


#stellennav {
	padding:0px;
	margin:  10px 0 15px 0;
	width:275px;
	border-top: 1px solid #ccdfee;
	}
	
		
#stellennav ul {	
	list-style:none;
	border: 0;
	margin:0px;
	padding:0px;
	background-color: #f7fbfe;
	} 

#stellennav ul li a { 
	background: url(../img/pfeil_contentnav.gif) no-repeat left 6px;
	border-bottom: 1px solid #ccdfee;
	display: block; 
	text-decoration: none; 
	color: #656565;
	padding: 2px 0 2px 18px;
	}


/* Box auf der Startseite im Content */

#contentmax .sidebox-filled {
	border-top: 1px solid #ddeaf4;
	border-right: 1px solid #6a737c;
	border-left: 1px solid #ddeaf4;
	margin-bottom: 8px;
	float:left;
	margin-right: 12px;
	width: 240px;
	}

#contentmax .sidebox-filled-last {
	border-top: 1px solid #ddeaf4;
	border-right: 1px solid #6a737c;
	border-left: 1px solid #ddeaf4;
	margin-bottom: 8px;
	float:left;
	margin-right: 0px;
	width: 240px;
	}


#contentmax .sidebox-filled h2, #contentmax .sidebox-filled-last h2 {
	background-color: #F0F8FB;
	font-weight:bold;
	border-bottom: 1px solid #ddeaf4;
	padding: 3px 10px 3px 14px;
	}

#contentmax .sidebox-filled p, #contentmax .sidebox-filled-last p {
	padding: 8px 10px 10px 14px;
	margin-bottom:0px;
	}

#contentright .sidebox-filled-last {
	padding: 8px;
	background-color:#F0F8FB;
	border-top: 1px solid #ddeaf4;
	border-right: 1px solid #6a737c;
	border-left: 1px solid #ddeaf4;
	margin-bottom: 8px;
	}

		
/* Seitenspalte rechts */

/* Suchbox */

#search {display: none;}


/* Merkzettel */

#contentright h3.merkzettel {
	padding: 3px 3px 3px 30px;
	color:#FFFFFF;
	background: #0b529a url(../img/bg_merkzettel.gif) top left no-repeat;
	border-top: 1px solid #ddeaf4;
	border-right: 1px solid #6a737c;
	border-bottom: 1px solid #6a737c;
	border-left: 1px solid #ddeaf4;
	margin-bottom: 8px;
	}

#contentright h3.merkzettel a:link, 
#contentright h3.merkzettel a:visited, 
#contentright h3.merkzettel a:active {
	color:#FFFFFF;
	}

/* Box in der Seitenspalte, gefuellt */

#contentright .sidebox-filled {
	padding: 8px;
	background-color:#F0F8FB;
	border-top: 1px solid #ddeaf4;
	border-right: 1px solid #6a737c;
	border-bottom: 1px solid #6a737c;
	border-left: 1px solid #ddeaf4;
	margin-bottom: 8px;
	}

/* Box in der Seitenspalte ohne Foto */

.sidebox {
	padding: 8px;
	margin-bottom: 8px;
	}
	
#contentright .sidebox h3 {
	font-weight:normal;
	}
			
/* Box in der Seitenspalte mit Foto */

.sideboxfoto {
	padding: 8px 0;
	margin-bottom: 8px;
	}

.sideboxfoto p {
	padding:8px;
	}

#contentright .sidebox h3 {
	font-weight:normal;
	}




/* Content */

/* Teaserliste einspaltig */

#contentcenter #teaserliste {
	margin: 0 0 25px 0;
}

#contentcenter #teaserliste .eintrag {
  	
  	clear:both;
	padding:20px 0;
  	}

#contentcenter #teaserliste .border {
	
	margin-bottom: 15px;
  	padding-bottom: 15px;
  	}

#contentcenter #teaserliste h2 {
  	float: right;
  	width: 500px;
  	margin: 0;
  	padding: 0;
	font-weight:bold;
	font-size:14px;
  	}
	
#contentcenter #teaserliste p {
	clear:right;
  	float: right;
  	width: 500px;
  	margin: 0;
  	padding: 0 0 2px 0;
  	}	

#contentcenter #teaserliste .img {
   	margin: 0;
   	}
	
#contentcenter #teaserliste .img img {
  	float: left;
	border-left: 1px solid #dce9f2;
	border-top: 1px solid #dce9f2;
	border-right: 1px solid #737d86;
	border-bottom: 1px solid #737d86;
	padding:0px;
  	}



/* Breite Teaserliste einspaltig */

#contentmax #teaserliste {
	margin: 0 0 25px 0;
	}

#contentmax #teaserliste .eintrag {
  	clear:both;
	padding:20px 0;
  	}

#contentmax #teaserliste .border {
	
	margin-bottom: 15px;
  	padding-bottom: 15px;
  	}


#contentmax #teaserliste h2, #contentmax #teaserliste h3 {
  	float: right;
  	margin: 0 0 2px 0;
  	padding: 0;
	font-weight:bold;
	font-size:14px;
  	}

#contentmax #teaserliste p {
	clear:right;
  	float: right;
  	margin: 0;
  	padding: 0 0 2px 0;
  	}
		
#contentmax #teaserliste p.bu {
  	margin: 3px 0;
  	padding: 0;
	width:150px;
	float: none;
  	}

#contentmax #teaserliste .img {
   	margin: 0;
	float: left;
	padding:0px;
   	}
	
#contentmax  #teaserliste .img img {
  	border-left: 1px solid #dce9f2;
	border-top: 1px solid #dce9f2;
	border-right: 1px solid #737d86;
	border-bottom: 1px solid #737d86;
	margin-top: 4px;
  	}



/* Teaserliste zweispaltig*/





.teaserlisteklein {
	clear:both;
	overflow: hidden;
}

#contentcenter .border {
	
	margin-bottom: 15px;
  	padding-bottom: 15px;
  	}

.teaserlisteklein .eintrag {
  	
	margin-right:19px;
  	}

.teaserlisteklein h2 {
  	margin-bottom: 5px;
	font-size:11px;
	line-height:17px;
	font-weight:bold;
	padding-top: 30px;
	clear:both;
  	}
	
#contentcenter .teaserlisteklein p {
  	float: right;
  	width:500px;
	margin-bottom:0;
  	}	
	
#content .teaserlisteklein .img img {
  	float: left;
	margin-top: 4px;
  	}
	
	
/* Prospektliste */

.prospekteliste {
	clear:both;
	overflow: hidden;
	}

.prospekte h2 {
	padding: 0px 0 10px 0;
	clear:both;
	font-weight:bold;
	}

.prospekte {
	margin: 0px 0 20px 0;
	}

.prospekteliste .border {
	border-bottom: 1px solid #ccdfee;
  	}

.prospekteliste .eintraglinks {
  	float: left;
	width: 360px;
	border-top: 1px solid #ccdfee;
	padding: 4px 0 5px 0;
  	}
	
.prospekteliste .eintragrechts {
  	float: right;
	width: 360px;
	border-top: 1px solid #ccdfee;
	padding: 4px 0 5px 0;
  	}	
	
.prospekteliste .aktionen {
  	float: left;
  	width: 105px;
	margin-bottom:0;
  	}

.prospekteliste .text {
  	float: left;
  	width: 205px;
	margin-bottom:0;
  	}
	
.prospekteliste .img {
	width:48px;
	padding:0px;
	float:left;
	}
	
#contentmax .prospekteliste .text p {
  	margin: 0px;
  	}
	

/* Fragen und Antworten */

#faq h3 {
	margin: 0px 0;
	padding: 8px 5px;
	font-weight:normal;
	border-top: 1px solid #ccdfee;
	list-style:decimal-leading-zero;
	color: #0e62aa;
	}

#faq h3.first {
	border:none;
	}

#faq h3 span.faqright {
	float: right;
	width: 473px;
	color: #646567;
	}

#faq h3 span.faqleft {
	float: left;
	}

#faq p {
 	margin: 0px;
  	padding: 0px;
	}
	
.faqtext {
	background-color:#f7fafc;
	padding: 5px 10px 5px 30px;
	border-top: 1px solid #ccdfee;
}
	
#faq span.faqrightactive {
	color: #0f62a8;
	float: right;
	width: 473px;
}


#faq a:hover {
text-decoration:none;
}






/* Artikel */

.tx-nlgrafprodukte-pi1 .box {
	display: none;
}

.artikel h2 {
font-size: 20pt;
font-weight:normal;
padding-bottom:5px;
}

.artikel ul {
padding: 5px;
margin: 5px;
}

.artikel li {
padding: 5px;
margin: 5px;
list-style:disc;
}

.pics_print {
	display: block;
	width: 100%;
}

.pics_print img {
	float: left;
	width: 48%;
}

.pics_print_clear {
	clear: both;
}


/* nummerierte liste */
.artikel ol {
margin: 0 0 0 30px;
}

.artikel ol li {
padding: 0px;
margin: 0 0 10px 0;
list-style:decimal;
}


/* Box */
.box {
padding-bottom: 20px;
}

.box span.magnifier {
display:none;
}


/* Produktdetails */

#inhaltproduktreiter0 h6, #inhaltproduktreiter1 h6, #inhaltproduktreiter2 h6 {
font-size: 10pt;
font-weight: normal;
margin:0;
padding:0;
}

#inhaltproduktreiter1 h2 {
font-size: 9pt;
font-weight: bold;
}


#inhaltproduktreiter2 h2 {
font-size: 9pt;
font-weight: bold;
}


#inhaltproduktreiter0 {
border-top: 1px solid #000;
padding-top: 10pt;
margin: 10pt 0;
}


#inhaltproduktreiter1 {
border-top: 1px solid #000;
padding-top: 10pt;
margin: 10pt 0 0 0;
}

#inhaltproduktreiter2 {
padding: 10pt 0 5pt 0;
margin: 0 0 10pt 0;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
}


#inhaltproduktreiter0 li {
padding: 0 5px;
margin: 0 5px;
font-size:9pt;
}

#inhaltproduktreiter1 .artikel {
border: none;
margin: 5pt 0 0 0;
font-size:9pt;
}

#inhaltproduktreiter2 .artikel {
border: none;
margin: 5pt 0;
width:515px;
font-size:9pt;
}



/* Aehnliche Produkte & Produktberater-Teaser*/
#contentnav .produktelinks {
	display: none;
}


/* Reiternavigation */

#reitercontainer {
	display:none;
}


  
  
  
 /* Tabelle Produkte */

.tabelleprodukt {
  	border-collapse:collapse;
  	border-spacing:0;
  	border:0;
  	border-width:0;
  	padding:1px;
  	margin:0 0 25px 0px;
	text-align:left;
	width:508px;
	}

.tabelleprodukt caption {
	padding: 2px 0px;
	text-align:left;
	font-weight:bold;
	}

.tabelleprodukt th {
	font-weight:bold;
	padding:5px 10px;
	background-color:#edf0f2;
	}

.tabelleprodukt td {
  	padding: 0px 5px;
	}

.zebra {
	background-color: #f0f7fa;
	}




/* Tabelle Download */

.tabelledownload {
  	border-collapse:collapse;
  	border-spacing:0;
  	border:0;
  	border-width:0;
	border-top: 1px solid #cce0ee;
  	padding:1px;
  	margin:5px 0 25px 0px;
	text-align:left;
	width:100%;

}

.tabelledownload caption {

	padding: 5px 0px;
	text-align:left;
	border-bottom: 1px solid #cce0ee;
	font-weight:bold;
}

.tabelledownload th {
	font-weight:bold;
	padding:5px 10px;
	color: #d20019;
}

.tabelledownload td {
  	padding:5px 0px;
	border-bottom: 1px solid #cce0ee;
}

.over {
    background-color: #f7fafc;
  }
  
.out {
  }



/* Tabelle Messe */

.tabellemesse {
  	border-collapse:collapse;
  	border-spacing:0;
  	border:0;
  	border-width:0;
  	padding:1px;
  	margin:0 0 25px 0px;
	text-align:left;
	width:753px;
	}

.tabellemesse caption {
	display: none;
	}

.tabellemesse th {
	font-weight:bold;
	padding:5px 10px;
	color: #d20019;
	}

.tabellemesse td {
  	padding: 20px 20px 20px 0px;
	border-top: 1px solid #cce0ee;
	}



/* Tabelle Produkte */
	
table.productProperties {
margin:0 0 10px 0;
padding:1px;
text-align:left;
width:508px;
border-collapse:collapse;
border-spacing:0;
border:0;
border-width:0;
}

table.productProperties td, table.productProperties th {
width: 20%;
padding: 1px 3px;
vertical-align: top;
}

tr.propertyNames {
font-weight:bold;
background-color:#edf0f2;
}

tr.propertyNames th {
font-weight:bold !important;
}

tr.propertyValues {

}

.artikel {
	border-top: 1px solid #F0F7FA;
	border-bottom: 1px solid #F0F7FA;
	margin-bottom: 20px;
	padding: 2px 0 2px 0;
}

.noborder {
	border:none;
}

.nopadding {
	padding:0;
}

.upper {
	text-transform: uppercase;
}

.newsfiles dl {
	margin-bottom: 22px;
}

.newsfiles dd {
	margin: 0 0 0 10px;
	float: left;
}

.newsfiles dd.img {
	margin: 0 0 0 0;
	width: 31px;
}

.newsfiles dt {
	margin: 0 0 0 0;
	float: left;
}

.newslinks {
	clear:both;
}

.newslinks p {
	padding-top: 15px;
}


.contentelement ul {
	margin-top: 5px;
	margin-bottom: 22px;
}

.contentelement li {
	margin: 0 0 5px 20px; list-style-type:square; 
}

.newsdatum {
	font-size: 11px;
	font-weight: normal;
	padding-left: 3px;
}

li.news-amenu-item-year {
	display: none;
}

#contentmax div.tx-ttnews-browsebox p {
	margin-bottom: 0px;
}

div.news-amenu-container {
	margin-bottom: 22px;
}


/* Produktberater */

.x-toolbar {
	background-color: transparent;
	background-image: none;
	/*border-top: 1px solid #CCDFEE !important;*/
	border: none !important;
}

.x-panel-body {
	margin: 15px 0;
}

#ext-comp-1009 {
	border-bottom: 1px solid #CCDFEE !important;
}

#ext-comp-1010 {
	border-top: 1px solid #CCDFEE !important;
}


hr {
	border: none;
	border-top: 1px solid #CCDFEE !important;
	width: 508px;
	padding: 0px;
	margin: 10px 0 20px 0;
	color: #FFF;
}

.x-grid3-row {
	border:none;
}
select {
	color:#646567;
	font-family:Lucida Sans Unicode,Verdana,Helvetica,sans-serif;
	font-size:11px;
	line-height:17px;
}

#dachflaeche, #dachflaecheval, #gartengroesse, #gartengroesseval, #wasserpreis, #wasserpreisval {
	float: left;
}

#pb_links {
	float:left;
	width: 275px;
}
#pb_rechts {
	float:left;
	width: 225px;
}


#pb_groessenberechnung label {
	display: block;
/*
	float: left;
	width: 120px;
	text-align: right;
	margin-right: 10px;
	margin-bottom: 10px;
*/
}

#pb_einsatzort {
	float: left;
	width: 150px;
}

#pb_belastbarkeit {
	float: left;
	width: 205px;
}

#pb_einsatzort label, #pb_belastbarkeit label{
	display: block;
}

#pb_einbau {
	float: left;
	width: 125px;
}

#pb_einbau img, #dachflaecheinfo img, #einsatzortinfo img {
	border: none;
	vertical-align: middle;
}

#tankgroesseinfo img {
	border: none;
	margin-left: 3px;
}

#pb_plz, #pb_dachtyp, #pb_dachflaeche, #pb_gartengroesse, #pb_anzpersonen, #pb_wasserpreis  {
	clear:both;
	height: 45px;
}

#linkgroessenberechnungeinblenden, #linkgroessenberechnungausblenden {
	padding: 10px 0;
	width: 200px;
}

#linkgroessenberechnungausblenden a {
	background: transparent url(../img/pfeil_contentnav_active_s.gif) no-repeat scroll -6px center;
}

#pb_einbau input {
	vertical-align:middle;
	margin-right: 3px;
}

#pb_einbau label {

	line-height: 20px;
}

#regenwasserbedarf th, #tankgroesse th, #ersparnis th{
	font-weight: bold;
	text-align: right;
	padding-right: 8px;
}

#regenwasserbedarf .result, #tankgroesse .result, #ersparnis .result {
	text-align: right;
}

#tankgroesse .result, #ersparnis .result, #regenwasserbedarf .bedarf {

	font-weight: bold;
}

#pb_produkte .x-grid3-cell-inner, #pb_produkte .x-grid3-hd-inner {
	overflow: visible;
	padding: 0;
	white-space: normal;
}

.x-tbar-page-number {
	border: none;
	width: 10px;
	padding-top: 2.5px;
	background-color: transparent;
}


/* Teaserliste zweispaltig Produktberater*/

#pb_produkte .teaserlisteklein {
	clear:both;
	overflow: hidden;
	width:508px;
}

#pb_produkte .border {
	border-bottom: 1px solid #ccdfee;
	margin-bottom: 15px;
  	padding-bottom: 15px;
  	}

#pb_produkte .teaserlisteklein .eintrag {
  	float: left;
	width:235px;
	margin-right:19px;
  	}

#pb_produkte .teaserlisteklein h2 a{
  	margin: 0 0 5px 0;
	font-size:11px;
	line-height:17px;
	font-weight:bold;
	padding: 0px;
	color:#0F62A9;
  	}


	
#pb_produkte .teaserlisteklein p {
  	float: right;
  	width: 140px;
	margin-bottom:0;
  	}	
	
#pb_produkte .teaserlisteklein .img img {
  	float: left;
	margin-top: 4px;
  	}
	
.x-grid3 {
	margin-top: 10px;
}

#ersparnis {
	margin-bottom: 15px;
}

div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image {
	margin-bottom: 0;
	padding-bottom: 20px;
}

/* FE User Register */

.tx-srfeuserregister-pi1 fieldset, .tx-felogin-pi1 fieldset {
	border: none;
}

.tx-felogin-pi1 legend {
	display: none;
}

.tx-srfeuserregister-pi1 legend {
	display: none;
}

.tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-notice {
	font-style: normal;
}

.tx-srfeuserregister-pi1 p {
	padding: 0;
}

.tx-srfeuserregister-pi1 a, .tx-felogin-pi1 a {
	background: url(../img/pfeil_blau.gif) no-repeat left;
	padding-left: 12px;
	color: #0f62a9;
}

form.felogin label {
	display: block;
}

form.felogin input {
	margin-bottom: 5px;
}
form.felogin {
	margin-top: 5px;
}

form.felogin input[type="submit"] {
	text-align: center;
}

.logo_screen {
	display:none;
}

#logo_print {
	display:block;
}

/* Kontaktdaten */

.contact-print {
	display: block;
	border: 1px solid #999;
	padding: 10px;
}

.contact-print pre,
.contact-print p,
.contact-print .contentelement {
	margin: 0;
	padding: 0;
}