<!--#include file="globals.scss" -->

body
	{ margin:			0px ;
	  padding:			0px ;
	  background-color:		<!--#echo var="background" --> ; 
	  background-position: 		50% 100% ;
	  color:			rgb( 0 , 0 , 0 ) ;
	  font-family:			Arial , Helvetica , sans-serif ;
	  font-size:			16px ;
	}

div.page
	{ position:			relative ;
	}

div.header
	{ z-index:			100 ;
	  position:			relative ;
	  height:			135px ;
	  padding:			 15px  15px  0px  15px ;
	  text-align:			center ;
	  background-color:		<!--#echo var="background" --> ;
	  background-image:		url( /corp-id/verlauf.png ) ;
	  background-position:		50%  50% ;
	  background-repeat:		repeat-x ;
	}

div.header[class]
	{ height:			120px ; }

div.header img
	{ position:			relative ;
	  border:			none ;
	}

div.header a
	{ border:			none ; }

div.subheader
	{ z-index:			100 ;
	  position:			relative ;
	  height:			 30px ;
	  background-color:		<!--#echo var="black" --> ;
	}

div.hersteller
	{ position:			absolute ;
	  top:				  0px ;
	  left:				  0px ;
	  overflow:			hidden ;
	  height:			 25px ;
	  padding:			  0px  0px  0px  20px ;
	  background-color:		<!--#echo var="white" --> ;
	}

div.hersteller div
	{ float:			left ;
	  overflow:			hidden ;
	  width:			auto ;
	  height:			 20px ;
	  padding:			  0px  3px  0px  3px  ;
	}

div.menu
	{ width:			100% ;
	  padding:			  0px ;
	  font-size:			 14px ;
	  text-align:			center ;
	}

div.shopnav
	{ padding:			  0px ;
	  font-size:			 14px ;
	}

div.content
	{ z-index:			75 ;
	  position:			relative ;
	  margin:			0px  170px  0px  160px ;
	  padding:			0px  30px  30px  30px ;
	  min-height:			500px ;
	  color:			<!--#echo var="content_text" --> ;
	}

div.content h1, div.content h2, div.content h3, div.content h4, div.content h5, div.content h6 
	{ margin:			1em  0px  1em  0px ;
	}

div.content h1, div.content h2, div.content h3, div.content h4  
        { color:			<!--#echo var="content_link" --> ; 
	  font-weight:			bold ;
	}

div.content h5, div.content h6
        { color:			<!--#echo var="content_link" --> ; 
	  font-weight:			normal ;
	}

div.content h1
	{ font-size:		24px ;  }

div.content h2
	{ font-size:		20px ;  }

div.content h3
	{ font-size:		16px ;  }

div.content h4
	{ font-size:		14px ;  }

div.content h5
	{ font-size:		12px ;  }

div.content h6
	{ font-size:		10px ;  }


div.content a, div.content a:active, div.content a:link, div.content a:visited
	{ color:			<!--#echo var="content_link" --> ; }

div.content a:focus, div.content a:hover
	{ color:			<!--#echo var="content_focus" --> ; }

div.content p
	{ padding:			0em  0em  1.0em  0em ; }

/* MENU */

div.menu a
	{ text-decoration:		none ; }

div.menu ul.menu
	{ display:			inline-block ;
	  margin:			10px ;
	  padding:			 0px ;
	  list-style-type:		none ;
	}

div.menu ul.menu li
	{ float:			left ;
	  margin:			  0px ;
	  margin-right: 		  1ex ;
	  padding:			  0px ;
	}

div.menu ul.menu li + li
	{ list-style-position:		inside ;
	  list-style-type:		circle ;
	}

div.menu ul.menu li a
	{ font-weight:			bold ;	}

div.menu li a:focus, div.menu li a:hover
	{ color:			<!--#echo var="menu_focus" --> ;  }

div.menu li a
	{ color:			<!--#echo var="menu_link" --> ;  }

/* SUB-HEADER */

div.shopnav
	{ position:			absolute;
	  top:				0px ;
	  right:			  0px ;
	  height:			 25px ;
	  padding:			  3px  20px  0px  0px ;
	  background-color:		<!--#echo var="black" --> ;
	}

div.shopnav a
	{ text-decoration:		none ; }

div.shopnav ul.shopnav
	{ margin:			0px ;
	  padding:			0px ;
	  list-style-type:		none ;
	}

div.shopnav ul.shopnav li
	{ float:			right ;
	  margin:			  0px ;
	  margin-left:			  1ex ;
	  padding:			  0px ;
	}

div.shopnav ul.shopnav li a
	{ font-weight:			bold ;
}

div.shopnav li a:focus, div.shopnav li a:hover
	{ color:			<!--#echo var="menu_focus" --> ;  }

div.shopnav li a
	{ color:			<!--#echo var="menu_link" --> ;  }

/* Onpage menu */
#inContentMenu 
	{ overflow:auto;
	  border-right: none;
	  margin: 0 auto; 
	  min-height: 10px;
	  position: relative;
	  width: 690px;
	  padding: 0 0 0 0 ;
}

#inContentMenu .cat 
	  { margin: 0 auto;
	    width:675px;
	    padding:0;
	  }
#inContentMenu li, #inContentMenu li a
	  { width: 200px;
	    height: 90px;
	    display:inline-block;
	  }
div#inContentMenu ul.cat li 
	  { border-radius: 0px;
	    border: none;
	    background-color: #e1e1e1;
	    position: relative;
	    margin: 10px;
}
div#inContentMenu ul.cat li a span
	{ color: black;
	  font-size: 18px;
	  bottom: 10px;
	  right: 10px;
	  position:absolute;
          text-decoration:none;
	}
	
/* CATEGORIES */

div.categories
	{ position:			absolute ;
	  top:				  0px ;
	  left:				  0px ;
	  width:			160px ;
	  padding:			175px  0px  0px  0px ;
	  font-size:			 14px ;
	  background-color:		<!--#echo var="cat_background" --> ;
	}

div.categories a
	{ text-decoration:		none ; }

div.categories ul.cat
	{ margin:			0px ;
	  padding:			0px ;
	  list-style-type:		none ;
	}

div.categories ul.cat li
	{ margin:			 5px  5px  10px  5px ;
	  padding:			  3px  6px  3px  6px ;
	  text-align: 			left ;
	  background-color:		<!--#echo var="cat_background" --> ;
	}

div.categories ul.cat li a
	{ display:			block ;
	  font-weight:			bold ;
}

div.categories li a:focus, div.categories li a:hover
	{ color:			<!--#echo var="cat_acol" --> ;
	}

div.categories li a
	{ color:			<!--#echo var="cat_fcol" --> ;
	}
	
div.categories ul.l2 li
	{ margin:			 5px  5px  5px  5px ;
	  padding:			  3px  6px  3px  6px ;
	  text-align: 			left ;
	  background-color:		<!--#echo var="cat_background" --> ;
	  font-size: 12px;
	}
	
div.categories ul.cat li.pakete-cur-sub
	{
	  margin: 5px 5px 0px 5px;
	}
DIV.categories li#pid_108 
	{ background-color: #db242e;
	  color: <!--#echo var="cat_background" --> ;
	  border:			  3px solid  #db242e;
	  font-size: 15px;
	}
	
div.search
	{ position: absolute;
	  right: 0px;
	  top: 50px;
	  z-index: 100;
	  width:300px;
	}
	
div.search .resetbutt, div.search .submitbutt
	{ display:none;
	}

ul.csc-menu-3 
	{ padding:			0px ;
	  text-align:			right ;
	}

ul.csc-menu-3 li.csc-section
	{ display:			inline-block; 
	  margin:			 0px  10px  0px  0px ;
	  padding:			 5px  10px  5px  10px ;
	  background:		<!--#echo var="ads_background" --> 	 ;
	  color:			<!--#echo var="black" --> ;
	}

ul.csc-menu-3 li.csc-section a
	{ color:			<!--#echo var="black" -->  ;
	  font-weight:			bold ;
	  text-decoration:		none ;
	}

/* ADS */

div.ads
	{ position:absolute;
	  background-color: #e1e1e1;
	  padding:10px 5px;
	  right:0;
	  top: 165px;
	  background-color:		<!--#echo var="ads_background" --> ;
	  z-index:1000;
	}

div.ads a
	{ text-decoration:		none ; 
	  color:			inherit ;
	}

div.ads div
	{ margin:			5px  5px  10px  5px ;
	  padding:			3px  3px  3px  3px ;
	  text-align: 			center ;
	  font-size:			12px ;
	  font-weight:			bold ;
	   width:			150px ;
	}

div.ads div#c153 div 
	{ font-size: 14px;
	  margin-bottom: 10px;
	}
div.ads div *
	{ margin:			0px ;
	  border:			none ;
	  padding:			0px ;
	}

div.pakete 
	{ background-color:		<!--#echo var="content_pakete_bg" --> ;
	  padding: 10px;
	  margin: 10px auto;
	  overflow:auto;
	  position:relative;
	  min-height: 160px;
	}

div.pakete .paketInhalt
	{ padding: 0;
	  display:inline-block;
	}
div.pakete .paketInhalt p.bodytext
	{ margin: 0 0;
	  padding: 0 0 8px 0;
	  font-size: 14px;
	}
div.pakete .paketInhalt ul
	{ margin: 8px 0;
	  font-size: 14px;
	}	
.paketFormular 
	{ margin: 10px 0;
	  font-size:12px;
	  position:absolute;
	  bottom:0px;
	}
.pakete a
	{ text-decoration:none;
	}
div.paketImg, div.paketFormular
	{  width:275px;
	  float:left;
	}
	
<!--#include file="tt_products.scss" -->

/* Groessentabellen */

#c96  h1, #c114 h1, #c115 h1
	{ font-size:		18px ; }

#c96  table, #c114 table, #c115 table
	{ margin:		10px ;
	  border:		 2px solid black ;
	  border-collapse:	collapse ;
	}

#c96 th, #c96 td, #c114 th, #c114 td, #c115 th, #c115 td
	{ border:		 1px solid black ;
	  padding:		 5px ;
	  font-size:		12px ;
	}

.csc-mailform-field label { width: 300px; display:inline-block;vertical-align: top; }
.csc-mailform-field input { width: 300px; display:inline-block;}
.csc-mailform-field input#mailformformtype_mail { width: 150px; display:inline-block;}

.csc-linkToTop {display:inline-block;font-size:12px;float:right;}