* { margin: 0; padding: 0; }

body   {
	background-color: #5b5c63;
	background-image: url("../images/BG_verlauf.jpg");
	background-repeat: repeat-x;
	font-size: 11px; 
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	line-height: 16px;
	color: #454C56;
	}

		 
a:link  { color: #0061AB; text-decoration: none }
a:visited    { color: #003B75; text-decoration: none }
a:hover { color: #454C56; text-decoration: none }

/*-------------- Typostyles ---------------*/
.subnavi   { font-size: 11px; font-family: Arial, Verdana, Helvetica, sans-serif; 
line-height: 12px }
.copy     { font-size: 11px; font-family: Arial, Verdana, Helvetica, sans-serif;  line-height: 16px; } /* wie body!*/
.copyausz { font-weight: bold; }
.small  { font-size: 9px; font-family: Arial, Verdana, Helvetica, sans-serif;  line-height: 13px; margin-top: 0; margin-left: 0 }
.bildersub {
	color: #4C5155;
	font-size: 10px;
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-style: italic;
	line-height: 15px
}


/*-------------- Allerlei---------------*/
.linie {
	border-bottom-color: #A7AEB8;
	border-bottom-width: thin;
	border-bottom-style: dashed;
	width: 80%;
	padding-bottom: 5px;
}

.linie100 {
	border-bottom-color: #A7AEB8;
	border-bottom-width: thin;
	border-bottom-style: dashed;
	width: 100%;
}
.abstandre {	/* VideoButton */
	padding-right: 25px;
}

.abstandli {	/* Bilder rechter Kasten */
	padding-left: 5px;
}
img { border: 0; }


.bildrechts {
	float: right;
	width: 150px;
	/* Abstand um das Bild herum: */
	margin: 10px 0 5px 30px;
	text-align: right;
}

.bildrechts p { /* Bildunterschrift */
	font-size: 10px;
	font-style: italic;
	text-align: right;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 0;
}

.bildlinks {
	float: left;
	width: 200px;
	text-align: left;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
.bildlinks p { /* Bildunterschrift */
	font-size: 10px;
	font-style: italic;
	text-align: left;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 0;
}

.bildmitte {
	float:left;
	width: 300px;
	text-align: left;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 5px;
}
.bildmitte p { /* Bildunterschrift */
	font-size: 10px;
	font-style: italic;
	text-align: left;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 0;
}
.bildrechtsschmal {
	float: left;
	width: 120px;
	text-align: left;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0px;
	white-space:nowrap;

}
.bildrechtsschmal p { /* Bildunterschrift */
	font-size: 10px;
	font-style: italic;
	text-align: left;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 0;
}
.bildacc {
	margin-bottom:10px;
	margin-top:10px;
}

/*-------------- Farben ---------------*/
.coloryardage {color: #FFD823} /*org. FFD823 */
.colorcutter {color: #00522E}
.colorcadcut {color:#f75c26}
.colorcadcolor {color:#E80031}
.colortransferpapers {color: #0061AB}
.colorheatpresses {color:#003B75}


h1   {
	font-size: 16px;
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-weight: bold;
	line-height: 18px;
	margin: 10px 0px;
}

h2   {
	font-size: 14px;
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-weight: bold;
	line-height: 18px;
	margin: 5px 0px;
}

h3   {
	font-size: 12px;
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-weight: bold;
	line-height: 16px;
	margin: 5px 0px;
}

#Logo  { text-align: center; visibility: visible; position: absolute; top: 124px; left: 380px }


#container {
	position: relative;
	width: 1150px;
	margin: 0 auto;
	text-align: left;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
    } 

#Navigation { 
		height: 204px;
	 }
	 
#SmallNavigation {
	height: 160px;
	 }

#Containercontent {
	width: 900px;
	background-color: #FFFFFF;	
	}

#Subnavi {
	position: absolute;
	top: 204px;
	left: 0;
	width: 170px;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 15px;
	z-index: 2;
}

#leftnav {
	position: absolute;
	top: 204px;
	left: 0;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 15px;
	z-index: 1000;
}
	
#Subnavi a {
	font-size: 12px;
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	line-height: 24px;
	display: block;
	text-decoration:none;
	text-align: right;
	padding-right: 5px;
	border-bottom-width: thin;
	border-bottom-style: dashed;
}

#BGSubnavi {
	position: absolute;
	top: 204px;
	left: 0;
	width: 170px;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 10px;
	z-index: 1;
}

.subnaviclean {
	border-bottom: none;
}	
			
#Left {
	position: absolute;
	top: 204px;
	left: 0;
	width: 170px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 15px;
	}
	
#Leftsub  {
	width: 170px;
	padding-right: 5px;
}
#Leftsub a {
	border-bottom: none;
}
	

#Content {
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 200px;
	padding-top: 35px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
	width: 650px;
	border-left-style: dashed;
	border-left-color: #A7AEB8;
	border-left-width: thin;
	z-index: 5;
		}

#Contentsolo {
	margin-top: 0;
	margin-bottom: 15px;
	margin-left: 30px;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 0px;
	width: 850px;
		}

#Foot  {
	text-align:center;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
	background-color: #FFFFFF;
	width: 900px;
    } 

#Rechts {
	position: absolute;
	top: 290px;
	width: 180px;
	margin-left: 900px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
	background-color: #D4D6DD;    
}

#Rechts p {
	margin-left: 10px;	
}

#RechtsW {
	position: absolute;
	top: 290px;
	width: 180px;
	margin-left: 900px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
	background-color: #FFFFFF;    
}
#RechtsW p {
	margin-left: 10px;	
}
	
#Languages {
	position: absolute;
	top: 112px;
	right: 0px;
	background-image: url(../images/BG_Sprachen.jpg);
	margin-right: 55px;
	height: 144px;
	width: 181px;
	text-align: center;
}
.languageform { 
	padding-top: 90px;
 }
#video {
text-align: center;
padding: 5px;
}


/*-------------------- Tabelle NEWS/Marketing ----------------*/

.tabnews { 
	padding-left: 20px; 
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size: 10px;
	line-height: 18px;
	list-style-position: outside;
	list-style-image: url(../images/listenpunkt-grau.gif);
}

.newsroundbox { background: url(../images/BG_News.gif) repeat; }
.newstop div  { background: url(../images/BG_News_OL.gif) no-repeat top left; }
.newstop      { background: url(../images/BG_News_OR.gif) no-repeat top right; }
.newsbot div  { background: url(../images/BG_News_UL.gif) no-repeat bottom left; }
.newsbot      { background: url(../images/BG_News_UR.gif) no-repeat bottom right; }


.newstop div, .newstop, .newsbot div, .newsbot {
	width: 100%;
	height: 11px;
	font-size: 1px;
}
.newsroundbox { width: 642px; margin: auto; }
.newscontent  { margin: 0 11px; }

.cadlabcontent  {
	margin: 0 11px;
	background-image: url(../images/Logo_Cad-Labinfo.gif);
	background-position: right bottom;
	background-repeat: no-repeat;
}

.cadworxcontent  {
	margin: 0 11px;
	background-image: url(../images/Logo-CadWorx.jpg);
	background-position: right bottom;
	background-repeat: no-repeat;
}


/*-------------------- Tabelle Infobox Yardage ----------------*/

.tabyardage {
	padding-left: 20px;
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size: 10px;
	line-height: 18px;
	list-style-position: outside;
	list-style-image: url(../images/listenpunkt-gelb.gif);
	text-align: left;
}

.yroundbox { background: url(../images/BG_yard_info.gif) repeat; }
.ytop div  { background: url(../images/BG_yard_info_OL.gif) no-repeat top left; }
.ytop      { background: url(../images/BG_yard_info_OR.gif) no-repeat top right; }
.ybot div  { background: url(../images/BG_yard_info_UL.gif) no-repeat bottom left; }
.ybot      { background: url(../images/BG_yard_info_UR.gif) no-repeat bottom right; }


.ytop div, .ytop, .ybot div, .ybot {
	width: 100%;
	height: 14px;
	font-size: 1px;
}

.ycontent  { margin: 0 14px; }
.yroundbox { width: 250px; margin: auto; }


/*-------------------- Tabelle Infobox Cad-Cut ----------------*/

.FTtabcadcut  { 		/* extra style für FT */
	padding-left: 40px; 
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size: 11px;
	line-height: 18px;
	list-style-position: outside;
	list-style-image: url(../images/listenpunkt-orange.gif);
}

.tabcadcut  { 
	padding-left: 20px; 
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size: 10px;
	line-height: 18px;
	list-style-position: outside;
	list-style-image: url(../images/listenpunkt-orange.gif);
}


.tabcadcut a:link  { color: #f75c26; text-decoration: none }
.tabcadcut a:visited    { color: #f75c26; text-decoration: none }
.tabcadcut a:hover { color: #454C56; text-decoration: none }


.ccutroundbox { background: url(../images/BG_ccut_info.gif) repeat; }
.ccuttop div  { background: url(../images/BG_ccut_info_OL.gif) no-repeat top left; }
.ccuttop      { background: url(../images/BG_ccut_info_OR.gif) no-repeat top right; }
.ccutbot div  { background: url(../images/BG_ccut_info_UL.gif) no-repeat bottom left; }
.ccutbot      { background: url(../images/BG_ccut_info_UR.gif) no-repeat bottom right; }


.ccuttop div, .ccuttop, .ccutbot div, .ccutbot {
	width: 100%;
	height: 14px;
	font-size: 1px;
}

.ccutcontent  { margin: 0 14px; }

.ccutcontent a:link    { color: #f75c26; text-decoration: none }
.ccutcontent a:hover { color: #454C56; text-decoration: none }

.ccutroundbox { width: 250px; margin: auto; }


/*-------------------- Tabelle Infobox TransferPapers ----------------*/

.tabtransferpaper {
	padding-left: 20px;
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size: 10px;
	line-height: 18px;
	list-style-position: outside;
	list-style-image: url(../images/listenpunkt-hellblau.gif);
	text-align: left;
}

.tproundbox { background: url(../images/BG_transferp_info.gif) repeat; }
.tptop div  { background: url(../images/BG_transferp_info_OL.gif) no-repeat top left; }
.tptop      { background: url(../images/BG_transferp_info_OR.gif) no-repeat top right; }
.tpbot div  { background: url(../images/BG_transferp_info_UL.gif) no-repeat bottom left; }
.tpbot      { background: url(../images/BG_transferp_info_UR.gif) no-repeat bottom right; }


.tptop div, .tptop, .tpbot div, .tpbot {
	width: 100%;
	height: 14px;
	font-size: 1px;
}

.tpcontent  { margin: 0 14px; }
.tproundbox { width: 250px; margin: auto; }


/*-------------------- Tabelle Infobox Cad-Color ----------------*/

.tabcadcolor {
	padding-left: 20px;
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size: 10px;
	line-height: 18px;
	list-style-position: outside;
	list-style-image: url(../images/listenpunkt-rot.gif);
	text-align: left;
}
.tabcadcolor a:link  { color: #E80031; text-decoration: none }
.tabcadcolor a:visited    { color: #E80031; text-decoration: none }
.tabcadcolor a:hover { color: #454C56; text-decoration: none }

.cclrroundbox { background: url(../images/BG_cclr_info.gif) repeat; }
.cclrtop div  { background: url(../images/BG_cclr_info_OL.gif) no-repeat top left; }
.cclrtop      { background: url(../images/BG_cclr_info_OR.gif) no-repeat top right; }
.cclrbot div  { background: url(../images/BG_cclr_info_UL.gif) no-repeat bottom left; }
.cclrbot      { background: url(../images/BG_cclr_info_UR.gif) no-repeat bottom right; }


.cclrtop div, .cclrtop, .cclrbot div, .cclrbot {
	width: 100%;
	height: 14px;
	font-size: 1px;
}

.cclrcontent  { margin: 0 14px; }
.cclrroundbox { width: 250px; margin: auto; }


/*-------------------- Tabelle Infobox Cutters ----------------*/

.tabcutters {
	padding-left: 20px;
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size: 10px;
	line-height: 18px;
	list-style-position: outside;
	list-style-image: url(../images/listenpunkt-gruen.gif);
	text-align: left;
}

.cutroundbox { background: url(../images/BG_cutter_info.gif) repeat; }
.cuttop div  { background: url(../images/BG_cutter_info_OL.gif) no-repeat top left; }
.cuttop      { background: url(../images/BG_cutter_info_OR.gif) no-repeat top right; }
.cutbot div  { background: url(../images/BG_cutter_info_UL.gif) no-repeat bottom left; }
.cutbot      { background: url(../images/BG_cutter_info_UR.gif) no-repeat bottom right; }


.cuttop div, .cuttop, .cutbot div, .cutbot {
	width: 100%;
	height: 14px;
	font-size: 1px;
}

.cutcontent  { margin: 0 14px; }
.cutroundbox { width: 238px; margin: auto; }



/*-------------------- Tabelle Infobox HeatPresses ----------------*/

.tabpress { 
	padding-left: 20px; 
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size: 10px;
	line-height: 18px;
	list-style-position: outside;
	list-style-image: url(../images/listenpunkt-dblau.gif);
}

.pressroundbox { background: url(../images/BG_heatpresses_info.gif) repeat; }
.presstop div  { background: url(../images/BG_heatpresses_info_OL.gif) no-repeat top left; }
.presstop      { background: url(../images/BG_heatpresses_info_OR.gif) no-repeat top right; }
.pressbot div  { background: url(../images/BG_heatpresses_info_UL.gif) no-repeat bottom left; }
.pressbot      { background: url(../images/BG_heatpresses_info_UR.gif) no-repeat bottom right; }


.presstop div, .presstop, .pressbot div, .pressbot {
	width: 100%;
	height: 14px;
	font-size: 1px;
}

.presscontent  { margin: 0 14px; }
.pressroundbox { width: 238px; margin-left: 0; }




/*-------------------- Tabelle Teaser ----------------*/
.teasertab p {
	text-align: center;	
	padding-top: 10px;
	padding-bottom: 5px;
}
.teasertab HR {
	width: 80%;
	padding-right: 15px;
	border-bottom-width: thin;
	border-bottom-style: dashed;
	border-bottom-color: #DDDDDD;
}


/*------------------------ Subnavi Colors ----------------*/
#Subnavi a.home { color: #454C56; border-bottom-color: #A7AEB8; }		
#Subnavi a.home:hover { background: #A7AEB8; color: #ffffff; }
#Subnavi a.home:active { background: #A7AEB8; color: #ffffff; }



#Subnavi a.homeist:link { background: #ffffff; color: #A7AEB8; }
#Subnavi a.homeist:visited { background: #ffffff; color: #A7AEB8; }
#Subnavi a.homeist:hover { background: #A7AEB8; color: #ffffff; }
#Subnavi a.homeist:active { background: #A7AEB8; color: #ffffff; }


/* Subnavi Cutters Colors*/
#Subnavi a.cutter { color: #00522E; border-bottom-color: #A7AEB8; }		
#Subnavi a.cutter:hover { background: #00522E; color: #ffffff; }
#Subnavi a.cutter:active { background: #00522E; color: #ffffff; }

/* Subnavi YARDAGE Colors*/
#Subnavi a.yardage { color: #4C5155; border-bottom-color: #A7AEB8; }		
#Subnavi a.yardage:hover { background: #FFD823; color: #4C5155; }
#Subnavi a.yardage:active { background: #FFD823; color: #ffffff; }

/* Subnavi CAD_CUT Colors*/
#Subnavi a.cadcut { color: #f75c26; border-bottom-color: #A7AEB8; }		
#Subnavi a.cadcut:hover { background: #f75c26; color: #ffffff; }
#Subnavi a.cadcut:active { background: #f75c26; color: #ffffff; }

/* Subnavi CAD_COLOR Colors*/
#Subnavi a.cadcolor { color: #E80031; border-bottom-color: #A7AEB8; }		
#Subnavi a.cadcolor:hover { background: #E80031; color: #ffffff; }
#Subnavi a.cadcolor:active { background: #E80031; color: #ffffff; }

/* Subnavi TransferPapers Colors*/
#Subnavi a.transferpapers { color: #0061AB; border-bottom-color: #A7AEB8; }		
#Subnavi a.transferpapers:hover { background: #0061AB; color: #ffffff; }
#Subnavi a.transferpapers:active { background: #0061AB; color: #ffffff; }

/* Subnavi Heat Presses Colors*/
#Subnavi a.heatpresses { color: #003B75; border-bottom-color: #A7AEB8; } 	
#Subnavi a.heatpresses:hover { background: #003B75; color: #ffffff; }
#Subnavi a.heatpresses:active { background: #003B75; color: #ffffff; }



/*------------------------ Tabelle Grau ConatctUs / Formular ----------------*/

.newslettertop div  { background: url(../images/BG_Newsletter_OL.gif) no-repeat top left; }
.newslettertop      { background: url(../images/BG_ContactUs_OR.gif) no-repeat top right; }


.contactroundbox { background: url(../images/BG_ContactUs.gif) repeat; }
.contacttop div  { background: url(../images/BG_ContactUs_OL.gif) no-repeat top left; }
.contacttop      { background: url(../images/BG_ContactUs_OR.gif) no-repeat top right; }
.contactbot div  { background: url(../images/BG_ContactUs_UL.gif) no-repeat bottom left; }
.contactbot      { background: url(../images/BG_ContactUs_UR.gif) no-repeat bottom right; }


.contacttop div, .contacttop, .contactbot div, .contactbot, .newslettertop, .newslettertop div {
	width: 100%;
	height: 25px;
	font-size: 1px;
}

.contactcontent  {
	display: block;
	line-height: 1.5em;
	margin-top: 0;
	margin-right: 15px;
	margin-bottom: 0px;
	margin-left: 25px;
}
.contactroundbox { width: 420px; margin: auto; }

.tabcontact { 
	padding-left: 20px; 
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size: 11px;
	line-height: 18px;
	list-style-position: inside;
	list-style-image: url(../images/listenpunkt-grau.gif);
}






#Contactform br { clear: left; }


label {
	text-align: left;
	padding-bottom: 5px;
	padding-right: 5px;
	display: block;
	float: left;
	width: 95px;
}

/*input, textarea { 
  display: block;
  float: left;
  width: 270px; 
  border: 1px solid #000000;
  padding-top: 5px; /*macht eingabefelder höher!*/
 /* margin-bottom: 5px;
}*/

#contactform select {
  float: left;
/*  margin-left: 30px;*/
  width: 234px; 
  border: 1px solid #000000;
}

#contactform select:focus, input:focus, textarea:focus {
	border:		1px solid #000;
	color:		#FFFFFF;	/*Schriftfarbe*/
	background-color: #A7AEB8;
}

.zip { width:40px;}
.city { width:214px; margin-left: 4px}
.abstandoben   { margin-top: 10px; }
.checkbox { width: 20px; margin-left: 0px; margin-right: 5px; margin-top: 5px; border: 0; }
.checkboxtext { width:150px; text-align: left; }
.labelsolo { margin-left: 0px; }
.hidden { visibility: hidden; }


.submitbtn { 
	width:100px; 
	background:#A7AEB8; 
	border:1px solid; 
	border-color:#454C56 #333 #333 #454C56; 
	color:#fff; 
	cursor:pointer; 
	padding:1px; 
	margin-left: 5px; 
	margin-top:10px;
}
.submitbtn:hover { 
	background:#454C56; 
	color:#fff; 
}

.resetbtn { 
	width:70px; 
	background:#A7AEB8; 
	border:1px solid; 
	border-color:#454C56 #333 #333 #454C56; 
	color:#fff; 
	cursor:pointer; 
	padding:1px; 
	margin-left: 0px; 
	margin-top:10px;
}
.resetbtn:hover {
	background:#454C56; 
	color:#fff;  
}




/*------------------------ Exhibition Tabelle ----------------*/


#exhibition td {
	padding-left: 5px;
	margin-top: 0px;
	line-height: 18px;
	text-align: center;
}
#exhibition th {
	font-weight: bold;
	color:#FFFFFF;
	background-color:#0061AB;
	padding-left: 5px;
}

.hellgrau {
	background-color:#D4D6DD;
}

/*------------------------ Formatting for Forms ----------------*/

.formcontent {
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size: 12px;
	color: #424D52;
}
.contentheadings {
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size: 12px;
	font-weight: bold;
	color: #424d52;
}
.formbuttons {
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	background-color: #999999;
	border-bottom-width: 1px;
	border-color: #666666;
	border-left-width: 1px;
	border-right-width: 1px;
	border-top-width: 1px;
}
.asterisk {
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size: 12px;
	color: #FF0000;
}
.inputboxes {
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size: 12px;
	color: #52555A;
	background-color: #FFFFFF;
	text-align:left;
	border: 1px solid #666666;
	width: 225px;
	
}

.smallinputboxes {
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size: 12px;
	color: #52555A;
	background-color: #FFFFFF;
	text-align:left;
	border: 1px solid #666666;
	width: 100px;
}
.mediuminputboxes {
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size: 12px;
	color: #52555A;
	background-color: #FFFFFF;
	text-align:left;
	border: 1px solid #666666;
	width: 150px;
}

.chart-text   {
	font-size: 10px; 
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	color: #454C56;
	font-weight: 400;
	}