body {
	margin:0px;
	padding:0px;
	font-family:arial,verdana,helvetica,sans-serif;
	font-size:11px;
	font-color:#000066;
	background:url(../images/gs_hg_komplett.gif) repeat-y;
	background-color:#CCCCE0;
}

/* Allgemeine Links */

a {
	font-size:11px;
	color:#818DBE;
	text-decoration:none;
}

a:hover {
	font-size:11px;
	color:#ffffff;
	text-decoration:none;
}

/* Überschriften */

h1 {
	font-family:arial, verdana, helvetica, sans-serif;
	font-size:24px;
	color:#000066;
	font-weight:bold;
	font-variant:small-caps;
	line-height:1.2;
}

h2 {
	font-family:arial, verdana, helvetica, sans-serif;
	font-size:20px;
	color:#7F7FB2;
	font-weight:bold;
	font-variant:small-caps;
	line-height:1;
}

h3 {
	font-family:arial, verdana, helvetica, sans-serif;
	font-size:14px;
	color:#000066;
	font-weight:bold;
	font-variant:small-caps;
	line-height:0.75;
}

h4 {
	font-family:arial, verdana, helvetica, sans-serif;
	font-size:16px;
	color:#7F7FB2;
	font-weight:bold;
	font-variant:small-caps;
	line-height:1;
}

/* Allgemeiner Text */

.text {
	font-family:arial, verdana, helvetica, sans-serif;
	font-size:11px;
	line-height:1.5;
	color: #000066;
}

.kategorie {
	font-family:arial, verdana, helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	margin-top:5px;
	margin-left:5px;
	color: #000066;
}

.downloadtipp {
	font-family:arial, verdana, helvetica, sans-serif;
	font-size:11px;
	line-height:1.2;
	color: #000066;
}

.bu {
	font-family:arial, verdana, helvetica, sans-serif;
	font-size:11px;
	line-height:1.5;
	color: #fe902f;
}

.tabellentext {
	font-family:verdana,helvetica,sans-serif;
	font-size:9px;
	color:#000000;
}

.tabellentext td{
	border-bottom: 1px solid #BFBFD9;
	border-right: 1px solid #BFBFD9;
	padding:2px;
}

.navitabelle {
	font-family:verdana,helvetica,sans-serif;
	font-size:11px;
	color:#000066;
}

.navitabelle td{
	border-bottom: 1px solid #000066;
	padding:5px;
}

.subnavitabelle {
	font-family:verdana,helvetica,sans-serif;
	font-size:11px;
	color:#000066;
}

.subnavitabelle td{
	border-bottom: 1px solid #7F7FB2;
	padding:3px;
}

.subsubnavitabelle {
	font-family:verdana,helvetica,sans-serif;
	font-size:11px;
	color:#000066;
}

.subsubnavitabelle td{
	border-left: 1px solid #7F7FB2;
	border-bottom: 0px solid #7F7FB2;
	padding:1px;
}



/* Formularfelder und -buttons */

.button
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
	color:#000066;
	border: 1px solid #7070A9;
	background-color: #E5E5EF;
    text-decoration: none;
    width: 150px;
    text-align: center;
}

.formfeld {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
	color:#000066;
	border: 1px solid #7070A9;
	background-color: #E5E5EF;
	width:300px;
	height:20px;
}

.formfeldkurz {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
	color:#000066;
	border: 1px solid #7070A9;
	background-color: #E5E5EF;
	width:200px;
	height:20px;
}

.formfeldpedido {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
	color:#000066;
	border: 1px solid #7070A9;
	background-color: #E5E5EF;
	width:170px;
	height:20px;
}

.numeropedido {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
	color:#000066;
	border: 1px solid #7070A9;
	background-color: #E5E5EF;
	width:100px;
	height:20px;
}

.nombrearticulo {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
	color:#000066;
	border: 1px solid #7070A9;
	background-color: #E5E5EF;
	width:240px;
	height:20px;
}

.precio {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
	color:#000066;
	border: 1px solid #7070A9;
	background-color: #E5E5EF;
	width:70px;
	height:20px;
}

.formbereich {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
	color:#000066;
	border: 1px solid #7070A9;
	background-color: #E5E5EF;
	width:300px;
	height:200px;
}

.checkfeld {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
	color:#000066;
	border: 1px solid #7070A9;
	background-color: #E5E5EF;
	width:20px;
	height:20px;
}

/* Listen-Navigation */

ul#topnav {
	list-style: none;
	margin:0;
	padding:0;
	font-family:verdana,helvetica,sans-serif;
	font-size:11px;
}

ul#topnav li {
	line-height: 20px;
	display: block;
	width: 100%;
}

ul#topnav li a:link, ul#topnav li a:active, ul#topnav li a:visited {
	text-decoration: none;
	display: block;
	width: 100%;
	padding-left: 5px;
	color: #000066;
}

ul#topnav li a:hover {
	text-decoration: none;
	background-color: #000066;
	color: #ffffff;
	display: block;
	width: 100%;
}


ul#topnav ul.subnav {
	list-style: none;
	margin:0;
	padding:0;
	font-size:10px;
}

ul#topnav ul.subnav li {
	list-style: none;
	border-top: 0 none;
	padding-left: 5px;
	font-size:10px;
	line-height: 20px;
}

ul#topnav ul.subnav li a:link, ul#topnav ul.subnav li a:active, ul#topnav ul.subnav li a:visited {
	list-style: none;
	font-size:10px;
	color: #000099;
	background-color: transparent;
}

ul#topnav ul.subnav li a:hover {
	list-style: none;
	font-size:10px;
	color: #ffffff;
	background-color: transparent;
	text-decoration: underline;
}

.topnavende {
	line-height: 20px;
	display: block;
	width: 100%;
	border-top: 1px solid #000066;
}

/* Fusssbereich */

#footer {
	position:relative;
	width:900px;
	height:80px;
	left:0px;
}

/* GRAMMER SOLAR Logo */

#folgelogo {
	position:absolute;
	width:150px;
	height:74px;
	top:0px;
	left:0px;
}

/* Gütesiegel + 30 Jahre */

#ralsiegel {
	position:absolute;
	width:108px;
	height:64px;
	left:200px;
	top:5px;
	background:url(../images/ral-30jahre.gif) no-repeat;
	z-index:10;
}

/* Navigation der Folgeseiten oben */

#navileiste {
    position:absolute;
	width:900px;
	height:100px;
	top:0px;
	left:0px;
	background:url(../images/gs_navivert.jpg) no-repeat;
	background-color:#000066;
	z-index:3;
}

#navileistehg {
    position:absolute;
	width:100%;
	height:100px;
	top:0px;
	left:0px;
	background:url(../images/gs_navimenue_hg.jpg) repeat-x;
	z-index:2;
}

#navileiste a {
	font-size:11px;
	color:#ffffff;
	text-decoration:none;
}

#navileiste a:hover {
	font-size:11px;
	color:#CCCCE0;
	text-decoration:none;
}

td.hoverfolge {
	font-family:arial,verdana,helvetica,sans-serif;
	font-size:11px;
	font-weight:bold;
	font-color:#ffffff;
	text-decoration: none;
	padding-left:5px;
	padding-right:5px;
    background-color:#CCCCE0;
}

td.navifolge { 
	font-family:arial,verdana,helvetica,sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#ffffff;
	text-decoration: none;
	padding-left:5px;
	padding-right:5px;
}


/* Navigation der Folgeseiten links */

#folgenavibox {
    position:absolute;
	width:150px;
	top:100px;
	left:0px;
	color:#000066;
	padding:0px;
	background:url(../images/gs_hg_navileiste.gif) repeat-y;
	z-index:5;
}

#folgenavibox a {
	font-size:11px;
	color:#000066;
	text-decoration:none;
}

#folgenavibox a:hover {
	font-size:11px;
	color:#ffffff;
	text-decoration:none;
}


/* Text der Inhaltsboxen 2. Seiten */

.p2text {
	font-family:arial, verdana, helvetica, sans-serif;
	font-size:11px;
	line-height:1.2;
	color: #000000;
}

#content {
	position:absolute;
	width:665px;
	top:110px;
	left:200px;
	padding:5px;
	border: 1px solid #7070A9;
	background:url(../images/p2boxback2.jpg) repeat-x;
}

#partnercontent {
	position:absolute;
	width:665px;
	top:110px;
	left:200px;
	padding:5px;
	border: 1px solid #7070A9;
}

.symbollink a {
	font-size:11px;
	color:#818DBE;
	text-decoration:none;
	padding-left: 12px;
	background:url(../images/linkpfeil.gif) no-repeat;
}

.symbollink a:hover {
	font-size:11px;
	color:#ffffff;
	text-decoration:none;
	padding-left: 12px;
	background:url(../images/linkpfeil.gif) no-repeat;
}


.rahmen {
	border: 1px solid #000066;
}

#designby {
	position:absolute;
	width:20px;
	height:90px;
	bottom:0px;
	left:0px;
	z-index: 2;
}

/* Boxen der 2. Seiten */

#p2topic {
	position:absolute;
	width:665px;
	top:105px;
	left:200px;
	padding:0px;
}

#contentclaim {
	position:relative;
	width:154px;
	height:51px;
	left:0px;
	background:url(../images/gs_claim.gif) no-repeat;
}

.organigramm {
	font-family:arial, verdana, helvetica, sans-serif;
	font-size:14px;
	color:#ffffff;
	font-weight:bold;
}