.body {
background-image: url(grafik/background.jpg);
margin: 0;
padding: 0;
	}





/* = Allgemein ===============================================*/

form br { /* Alle Zeilenumbrüche in Formularen auswählen */
  clear: left; /* das floating der labels und inputs aufheben */
}

/* = Diesen Teil nicht ändern ===============================================*/
#clearer {
  clear:both;
  font-size:1px;
  line-height:1px;
  display:block;
  height:1px;
}
/* = bis hier nicht ändern ===============================================*/

td {
font-family: Verdana,Arial,Helvetica;
        color: #000000;
	font-weight: normal;
	font-size: 12px;
	text-align: left;
	font-family:  Arial, Helvetica, Verdana, Tahoma, sans-serif;
	text-decoration: none;
	padding-top: 0px;
  	padding-bottom: 0px;
  	margin-left:0px;
  	margin-right:0px;
  	margin-bottom:0px;
}

a {
font-family: Verdana,Arial,Helvetica;
        color: #000000;
	font-weight: normal;
	font-size: 12px;
	text-align: left;
	font-family:  Arial, Helvetica, Verdana, Tahoma, sans-serif;
	text-decoration: underline;
	padding-top: 0px;
  	padding-bottom: 0px;
  	margin-left:0px;
  	margin-right:0px;
  	margin-bottom:0px;
}

input { /* Alle Labels UND Formularelemente auswählen */
float: left;


}


select { /* Alle Labels UND Formularelemente auswählen */
	float: none;
 	border: solid 1px #8e9496;
	color: #000000;
	font-weight: bold;
	text-align: left;
	font-size: 11px;
	font-family:  Arial, Helvetica, Verdana, Tahoma, sans-serif;
	text-decoration: none;
	background-color: #f5f6f6;
        width:135px;
        height: 17px;
}
input#submit { /* den Submit-Button */
 	float: none;
	border: solid 0px #8e9496;
	color: #000000;
	font-weight: bold;
	text-align: center;
	font-size: 13px;
	font-family:  Arial, Helvetica, Verdana, Tahoma, sans-serif;
	text-decoration: none;
        margin-left:0px;
        width:135px;
        height: 35px;
}


label {
 text-align: right; 
 padding-right: 1em; 
}

form {

  margin:0;
  padding:0em;
}

/* = Die äußere Tabelle, in der alle anderen eingeschlossen sind ===============================================*/
.linetable {
background-image: url(grafik/background10.gif);
vertical-align:top;
width:880px;
height:100%;
margin:0px;
padding:0px;
display:table;
border-left: 0px solid #1c4e8d;
border-right: 0px solid #17327e;
border-top: 0px solid #000000;
border-bottom: 0px solid #000000;
}

/* = Logo im Header ===============================================*/
.headertable {
vertical-align:top;
width:880px;
height:475px;
background-image: url(grafik/logo.jpg);
background-repeat:no-repeat;
margin:0px;
padding:0px;
display:table;
border-left: 0px solid #737373;
border-right: 0px solid #737373;
border-top: 0px solid #737373;
border-bottom: 0px solid #737373;
}

.maintable {
vertical-align:top;
width:868px;
height:479px;
background-image: url(grafik/golfschule-coesfeld.jpg);
background-repeat:no-repeat;
margin-left:0px;
padding:0px;
display:table;
border-left: 0px solid #737373;
border-right: 0px solid #737373;
border-top: 0px solid #737373;
border-bottom: 0px solid #737373;
}


/* = Dynamische Buttonleiste ===============================================*/
.menutable {
  width:auto;
  margin:0;
padding:0;
margin-top:0px;
}


/* = Tabelle für den Inhalt ===============================================*/
.inhaltstable {

vertical-align:top;
width:880px;
height:425px;
margin:0;
padding:0;
display:table;
padding-top: 0px;
padding-bottom: 0px;
border-left: 0px solid #002c4b;
border-right: 0px solid #002c4b;
}


/* = Allgemeiner Text ===============================================*/
.ueberschrift {
 	color: #000000;
	font-weight: bold;
	font-size: 16px;
	text-align: left;
	font-family:  Arial, Helvetica, Verdana, Tahoma, sans-serif;
	text-decoration: none;
	padding-top: 0px;
  	padding-bottom: 0px;
  	margin-left:0px;
  	margin-right:0px;
  	margin-bottom:0px;
}
.normaltext {
 	color: #000000;
	font-weight: normal;
	font-size: 12px;
	text-align: left;
	font-family:  Arial, Helvetica, Verdana, Tahoma, sans-serif;
	text-decoration: none;
	padding-top: 0px;
  	padding-bottom: 0px;
  	margin-left:0px;
  	margin-right:0px;
  	margin-bottom:0px;
}
.normaltext a {
 	color: #000000;
	font-weight: normal;
	font-size: 12px;
	text-align: left;
	font-family:  Arial, Helvetica, Verdana, Tahoma, sans-serif;
	text-decoration: underline;
	padding-top: 0px;
  	padding-bottom: 0px;
  	margin-left:0px;
  	margin-right:0px;
  	margin-bottom:0px;
}
.normaltext2 {
 	color: #000000;
	font-weight: normal;
	font-size: 12px;
	text-align: center;
	font-family:  Arial, Helvetica, Verdana, Tahoma, sans-serif;
	text-decoration: none;
	padding-top: 0px;
  	padding-bottom: 0px;
  	margin-left:0px;
  	margin-right:0px;
  	margin-bottom:0px;
}
.normaltext2 a {
 	color: #000000;
	font-weight: normal;
	font-size: 12px;
	text-align: left;
	font-family:  Arial, Helvetica, Verdana, Tahoma, sans-serif;
	text-decoration: underline;
	padding-top: 0px;
  	padding-bottom: 0px;
  	margin-left:25px;
  	margin-right:0px;
  	margin-bottom:0px;
}

.angebotheadline {
 	color: #1c4e8d;
	font-weight: bold;
	font-size: 20px;
	text-align: left;
	font-family:  Arial, Helvetica, Verdana, Tahoma, sans-serif;
	text-decoration: none;
	padding-top: 0px;
  	padding-bottom: 0px;
  	margin-left:0px;
  	margin-right:0px;
  	margin-bottom:0px;
}
.text12black {
 	color: #2d2b2c;
	font-weight: normal;
	font-size: 12px;
	text-align: left;
	font-family:  Arial, Helvetica, Verdana, Tahoma, sans-serif;
	line-height: 1.25;
}
.text12black a{
 	color: #2d2b2c;
	font-weight: normal;
	font-size: 12px;
	text-align: left;
	text-decoration:underline;
	font-family:  Arial, Helvetica, Verdana, Tahoma, sans-serif;

}
.normaltext3 {
 	color: #000000;
	font-weight: normal;
	font-size: 10px;
	text-align: left;
	font-family:  Arial, Helvetica, Verdana, Tahoma, sans-serif;
	text-decoration: none;
	padding-top: 15px;
  	padding-bottom: 0px;
  	margin-left:80px;
  	margin-right:0px;
  	margin-bottom:0px;
}
.angebot {
 	color: #fffc00;
	font-weight: bold;
	font-size: 60px;
	text-align: center;
	font-family:  Arial, Helvetica, Verdana, Tahoma, sans-serif;
	text-decoration: none;
	padding-top: 0px;
  	padding-bottom: 0px;
  	margin-left:0px;
  	margin-right:0px;
  	margin-bottom:0px;
}
/* = Text in bestimmter Spaltenbreite ===============================================*/

.specialtext {
 	display:block;
        width:420px;
 	color: #000000;
	font-weight: normal;
	font-size: 12px;
	text-align: left;
	font-family:  Arial, Helvetica, Verdana, Tahoma, sans-serif;
	text-decoration: none;
	padding-top: 0px;
  	padding-bottom: 0px;
  	margin-left:-2px;
  	margin-right:0px;
  	margin-bottom:0px;
  	line-height:1.4;
  	border-right: 0px solid #919191;
}
.specialtext a {
 	color: #000000;
	font-weight: normal;
	font-size: 12px;
	text-align: left;
	font-family:  Arial, Helvetica, Verdana, Tahoma, sans-serif;
	text-decoration: underline;
	padding-top: 0px;
  	padding-bottom: 0px;
  	margin-left:0px;
  	margin-right:0px;
  	margin-bottom:0px;
}
.specialtext_rot {
 	display:block;
        width:420px;
 	color: #d60000;
	font-weight: normal;
	font-size: 12px;
	text-align: left;
	font-family:  Arial, Helvetica, Verdana, Tahoma, sans-serif;
	text-decoration: none;
	padding-top: 0px;
  	padding-bottom: 0px;
  	margin-left:-2px;
  	margin-right:0px;
  	margin-bottom:0px;
  	line-height:1.4;
  	border-right: 0px solid #919191;
}
.specialtext_rot a {
 	color: #d60000;
	font-weight: normal;
	font-size: 12px;
	text-align: left;
	font-family:  Arial, Helvetica, Verdana, Tahoma, sans-serif;
	text-decoration: underline;
	padding-top: 0px;
  	padding-bottom: 0px;
  	margin-left:0px;
  	margin-right:0px;
  	margin-bottom:0px;
}

.menulink {
 	color: #000000;
  	height:15px;
	font-weight: normal;
	font-size: 12px;
	text-align: left;
	font-family:  Arial, Helvetica, Verdana, Tahoma, sans-serif;
	text-decoration: none;


}

.menulink a {
 	color: #000000;
  	height:15px;
	font-weight: normal;
	font-size: 12px;
	text-align: left;
	font-family:  Arial, Helvetica, Verdana, Tahoma, sans-serif;
	text-decoration: underline;

}

.menulink a:hover {
 	color: #ffffff;
 	background-color:#7c7c7c;

}



.headline  {
 	display:block;
	width:240px;
 	color: #000000;
  	height:15px;
	font-weight: bold;
	font-size: 15px;
	text-align: left;
	font-family:  Arial, Helvetica, Verdana, Tahoma, sans-serif;
	text-decoration: none;
border-left: 0px solid #e0e0e0;
border-right: 0px solid #e0e0e0;
border-top: 0px solid #e0e0e0;
border-bottom: 0px solid #e0e0e0;
        margin-left:0px;
	padding-top: 2px;
	padding-bottom: 4px;
  	padding-right:0px;
  	padding-left:0px;
  	margin-right:0px;
  		border-bottom: 1px dotted #000000;
}
.address  {
 	color: #ffffff;
  	height:15px;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	font-family:  Arial, Helvetica, Verdana, Tahoma, sans-serif;
	text-decoration: none;
	margin-top:7px;

}
.footerlinks  {
 	color: #f2f2f2;
	font-weight: normal;
	font-size: 11px;
	text-align: left;
	font-family:  Arial, Helvetica, Verdana, Tahoma, sans-serif;
	text-decoration: none;
	padding-top: 2px;
  	padding-bottom: 0px;
  	margin-left:2px;
  	margin-right:2px;
  	margin-bottom:0px;
	border-top: 0px solid #000000;
}
.footerlinks a {
 	color: #f2f2f2;
	font-weight: normal;
	font-size: 11px;
	text-align: left;
	font-family:  Arial, Helvetica, Verdana, Tahoma, sans-serif;
	text-decoration: none;
	padding-top: 2px;
  	padding-bottom: 0px;
  	margin-left:2px;
  	margin-right:2px;
  	margin-bottom:0px;

}
.footerlinks a:hover {
 	color: #ffffff;
	font-weight: normal;
	font-size: 11px;
	text-align: left;
	font-family:  Arial, Helvetica, Verdana, Tahoma, sans-serif;
	text-decoration: none;
	padding-top: 2px;
  	padding-bottom: 0px;
  	margin-left:2px;
  	margin-right:2px;
  	margin-bottom:0px;
	text-decoration: underline;
}

  .formarea textarea {
 	float: none;
	border: solid 1px #8e9496;
	color: #000000;
	font-weight: normal;
	text-align: left;
	font-size: 12px;
	font-family:  Arial, Helvetica, Verdana, Tahoma, sans-serif;
	text-decoration: none;
	background-color: #ffffff;
        width:400px;
        height: 100px;
} 
.form input {
 	float: none;
	border: solid 1px #8e9496;
	color: #000000;
	font-weight: normal;
	text-align: left;
	font-size: 12px;
	font-family:  Arial, Helvetica, Verdana, Tahoma, sans-serif;
	text-decoration: none;
	background-color: #ffffff;
        width:200px;
        height: 17px;
}

/* = Haupt-Buttonleiste ===============================================*/
.buttonstable {
width:874px;
height:37px;
background-image: url(grafik/buttons.jpg);
background-repeat:no-repeat;
margin:0;
padding:0;
margin-left:0px;
border-left: 0px solid #737373;
border-right: 0px solid #737373;
}

.button {    
 	width:106px;
	height:37px;
        padding-top: 0px;
	margin-top:0px;
	margin-left:0px;
	margin-right:0px;

}
.button a {
 	display:block;
	background-image: url(grafik/button-off.gif);
	background-repeat:no-repeat;       
 	width:106px;
	height:37px;
        color: #ffffff;
	font-weight: bold;
	font-size: 13px;
	text-align: center;
	font-family:  Arial, Helvetica, Verdana, Tahoma, sans-serif;
	text-decoration: none;
	padding-top: 8px;
	margin-top:0px;
	margin-left:0px;
	margin-right:0px;

}

.button a:hover {
 	display:block;
	background-image: url(grafik/button-on.gif);
        width:106px;
	height:37px;
        color: #ffffff;
	font-weight: bold;
	font-size: 13px;
	text-align: center;
	font-family:  Arial, Helvetica, Verdana, Tahoma, sans-serif;
	text-decoration: none;
	padding-top: 8px;
	margin-top:0px;
	margin-left:0px;
	margin-right:0px;

}

.buttoninf a {
 	display:block;
	background-image: url(grafik/button-inf.gif);
	background-repeat:no-repeat;       
 	width:106px;
	height:37px;
        color: #000000;
	font-weight: bold;
	font-size: 13px;
	text-align: center;
	font-family:  Arial, Helvetica, Verdana, Tahoma, sans-serif;
	text-decoration: none;
	padding-top: 9px;
	margin-top:0px;
	margin-left:1px;
	margin-right:1px;

}

.produktlinks a {
 	display:block;
 	background-color:#2d2b2c;
        width:120px;
        height:auto;
        color: #ffffff;
        font-weight: normal;
	font-size: 11px;
	text-align: center;
	font-family:  Arial, Helvetica, Verdana, Tahoma, sans-serif;
	text-decoration: none;
	border: 1px solid #d1cfd0;
	padding: 0px;
	margin-bottom:15px;
	margin-right:15px;
}

.produktlinks a:hover {
   	display:block;
   	 background-color:#2d2b2c;
        width:120px;
        color: #ffffff;
	font-weight: normal;
	font-size: 11px;
	text-align: center;
	font-family:  Arial, Helvetica, Verdana, Tahoma, sans-serif;
	text-decoration: none;
	border: 1px solid #000000;
	padding: 0px;
}

.text15black {
 	color: #2d2b2c;
	font-weight: bold;
	font-size: 14px;
	text-align: left;
	font-family:  Arial, Helvetica, Verdana, Tahoma, sans-serif;
}
.text15black a{
 	color: #2d2b2c;
	font-weight: bold;
	font-size: 14px;
	text-align: left;
	text-decoration:underline;
	font-family:  Arial, Helvetica, Verdana, Tahoma, sans-serif;
}
.text11 {
 	color: #2d2b2c;
	font-weight: normal;
	font-size: 11px;
	text-align: left;
	font-family:  Arial, Helvetica, Verdana, Tahoma, sans-serif;

}

.text11 a{
 	color: #2d2b2c;
	font-weight: normal;
	font-size: 11px;
	text-align: left;
	text-decoration:underline;
	font-family:  Arial, Helvetica, Verdana, Tahoma, sans-serif;
}


.text11grey {
 	color: #2d2b2c;
	font-weight: normal;
	font-size: 11px;
	text-align: left;
	font-family:  Arial, Helvetica, Verdana, Tahoma, sans-serif;
}
.text11grey a{
 	color: #2d2b2c;
	font-weight: normal;
	font-size: 11px;
	text-align: left;
	text-decoration:underline;
	font-family:  Arial, Helvetica, Verdana, Tahoma, sans-serif;
}


.text11black {
 	color: #2d2b2c;
	font-weight: normal;
	font-size: 12px;
	line-height: 1.5;
	text-align: left;
	font-family:  Arial, Helvetica, Verdana, Tahoma, sans-serif;

}

.text11black a{
 	color: #2d2b2c;
	font-weight: normal;
	font-size: 12px;
	text-align: left;
	text-decoration:underline;
	font-family:  Arial, Helvetica, Verdana, Tahoma, sans-serif;
}
.preishintergrund  {
background-image: url(tdback.gif);
background-repeat:no-repeat;
}
.cmhintergrund  {
background-image: url(cm.gif);
background-repeat:no-repeat;
}
.cmhintergrund2  {
background-image: url(leer.gif);
background-repeat:no-repeat;
}
.preisbeschreibung  {
 	background-color: #f4f4f4;
}
.preis  {
 	color: #000000;
	font-weight: bold;
	font-size: 16px;
	text-align: left;
	font-family:  Arial, Helvetica, Verdana, Tahoma, sans-serif;
	text-decoration: none;
	padding-top: 0px;
  	padding-bottom: 0px;
  	margin-left:86px;
  	margin-right:0px;
  	margin-bottom:0px;
}

.preisrahmen  {
 	width:235px;
}

.preisback  {
 	background-color: #f5db00;

}
.info  {
 	color: #514f54;
	font-weight: normal;
	font-size: 11px;
	text-align: left;
	font-family:  Arial, Helvetica, Verdana, Tahoma, sans-serif;
	text-decoration: none;
	padding-top: 0px;
  	padding-bottom: 0px;
  	margin-left:0px;
  	margin-right:0px;
  	margin-bottom:0px;
}
.info a {
 	color: #514f54;
	font-weight: normal;
	font-size: 11px;
	text-align: left;
	font-family:  Arial, Helvetica, Verdana, Tahoma, sans-serif;
	text-decoration: underline;
	padding-top: 0px;
  	padding-bottom: 0px;
  	margin-left:0px;
  	margin-right:0px;
  	margin-bottom:0px;
}
.buttonkasse input {
 	float: none;
	border: solid 0px #8e9496;
	color: #000000;
	font-weight: bold;
	text-align: center;
	font-size: 12px;
	font-family:  Arial, Helvetica, Verdana, Tahoma, sans-serif;
	text-decoration: none;
        margin-left:0px;
	background-image: url(grafik/kasse.gif);
        background-repeat:no-repeat;
        width:155px;
        height: 35px;
}

.selector input {
 	float: none;
	border: solid 1px #8e9496;
	color: #000000;
	font-weight: bold;
	text-align: center;
	font-size: 11px;
	font-family:  Arial, Helvetica, Verdana, Tahoma, sans-serif;
	text-decoration: none;
	background-color: #f5f6f6;
        width:200px;
        height: 17px;
}

.selector select {
 	float: none;
 	border: solid 1px #8e9496;
	color: #000000;
	font-weight: bold;
	text-align: left;
	font-size: 11px;
	font-family:  Arial, Helvetica, Verdana, Tahoma, sans-serif;
	text-decoration: none;
	background-color: #f5f6f6;
        width:210px;
        height: 17px;
}

.eika {
	color: #384044;
	font-weight: normal;
	font-size: 11px;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;

}
.eika a{
	color: #384044;
	font-weight: normal;
	font-size: 11px;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;

}
.eika td {
	color: #384044;
	font-weight: normal;
	font-size: 11px;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
}
.produkttable {
width:860px;
height:370px;
margin:0;
padding:0;
display:table;
}