/*  
Theme Name: Steinberg Media Technologies GmbH
Theme URI: http://www.steinberg.net
Description: PRINT THEME
Version: 1.000.001
Author: Projekt 77
URI: http://www.projekt-77.de


******* LAST MOD *******

10-08-21 -> create

10-08-22 #328 ff. -> add IMG



******* LAST MOD *******

*/


/* ------------------------------------------ DEFAULT --------------------------------------------------- */

body {
	font-size: 80%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	background-color: #FFFFFF;
	text-align: left;
	margin: 0;
	padding: 0;
}

a:link,
a:visited,
a:hover,
a:active,
a:focus {
	color: #000000;
	background-color: transparent;
	text-decoration: none;
}

acronym {
	font-weight: normal;
	text-decoration: none;
}

abbr {
	font-weight: normal;
	text-decoration: none;
}

.invisible {visibility: hidden;}

.hide {display: none;}

.hide_title, .hide_active, .jumptocontent {
	position: absolute;
  	top: -6000px;
  	left: -6000px;
 	height: 1px;
	width: 1px;
}

a img {border: 0;}

/* -------------------------------------------- HIDE --------------------------------------------------------- */

#oben, .starter, .clear, .up, #company, #breadcrumb ol li.y-a-h-next, #main, #stage, #products, #sub-products, 
#sub-site, #sub-site-navigation2, #sub-site-navigation, .sub-site-navigation #product-anker, #stage-shop, 
#product-family, .align-right, .rss, .bottom, .add-to-cart, .spacer, .sub-site-navigation, .sub-navigation-title, 
html #content .shopteaser, html #content #product-anker, p.csc-linkToTop, form {display: none;}

/* -------------------------------------------- DEFAULT --------------------------------------------------------- */

#content {
	width: 710px;
	text-align: justify;
	line-height: 150%;
	margin: 0;
	padding: 10px 0 0 10px;
}

/* -------------------------------------------- END DEFAULT --------------------------------------------------------- */


/* -------------------------------------------- GRID --------------------------------------------------------- */

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16 {
	width: 698px;
	border: 1px solid #999999;
	text-align: left;
	margin: 0 0 10px 0;
	padding: 5px 5px 0 5px;
	display: inline;
	float: left;
}

#content .grid_1,
#content .grid_2,
#content .grid_3,
#content .grid_4,
#content .grid_5,
#content .grid_6,
#content .grid_7,
#content .grid_8,
#content .grid_9,
#content .grid_10,
#content .grid_11,
#content .grid_12,
#content .grid_13,
#content .grid_14,
#content .grid_15,
#content .grid_16 {
	width: 698px;
	border: 1px solid #999999;
	text-align: left;
	margin: 0 0 10px 0;
	padding: 5px 5px 0 5px;
	display: inline;
	float: left;
}

/* -------------------------------------------- END GRID --------------------------------------------------------- */

/* -------------------------------------------- Y-A-H --------------------------------------------------------- */

#breadcrumb {
	width: 700px;
	border-bottom: 1px solid #999999;
	line-height: 150%;
	text-align: left;
	margin: 0 0 0 10px;
	padding: 0 10px 10px 0;
}

	#breadcrumb ol {
		color: #666666; 
		font-size: 100%;
		background-color: transparent;
		margin: 0;
		padding: 0;
		list-style: none;
		display: inline;
	}
	
	#breadcrumb ol li {
		margin: 0;
		padding: 0;
		list-style: none;
		display: inline;
	}
	
		#breadcrumb ol li a,
		#breadcrumb ol li a:link, 
		#breadcrumb ol li a:visited {
			color: #999999; 
			background-color: transparent;
			margin: 0;
			padding: 0;
			text-decoration: none;
		}
			
		#breadcrumb ol li a:hover, 
		#breadcrumb ol li a:active, 
		#breadcrumb ol li a:focus {
			color: #C80023; 
			background-color: transparent;
			text-decoration: underline;
		}
	
			#breadcrumb ol .y-a-h { 
				color: #CCCCCC;
				background-color: transparent;
				cursor: help;
			}
			
			#breadcrumb ol .y-a-h:hover, 
			#breadcrumb ol .y-a-h:focus { 
				color: #999999;
				background-color: transparent;
			}	

/* -------------------------------------------- Y-A-H --------------------------------------------------------- */

/* -------------------------------------------- TITLE --------------------------------------------------------- */

h1 {
	color: #000000;
	background-color: transparent;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-align: left;
	font-weight: bold;
	font-size: 110%;
	margin: 5px 0 0 0;
	padding: 0 0 5px 0;
}

h2 {
	color: #333333;
	background-color: transparent;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 110%;
	font-weight: bold;
	text-align: left;
	margin: 5px 0 0 0;
	padding: 0 0 5px 0;
}

h3 {
	color: #333333;
	background-color: transparent;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 110%;
	font-weight: bold;
	text-align: left;
	margin: 0;
	padding: 0 0 5px 0;
}	

/* -------------------------------------------- END TITLE --------------------------------------------------------- */

/* -------------------------------------------- CONTENT --------------------------------------------------------- */

p {
	margin: 0;
	padding: 0 0 20px 0;
}

ul, ol {padding-bottom: 20px;}

blockquote {font-style: italic;}

	.csc-textpic-caption {
		text-align: left;
		margin: 0;
		padding: 0 0 20px 0;
		font-size: 70%;
	}

.pricing {
	font-size: 110%;
	font-weight: bold;
}

#content .box-1 {
	width: auto;
	color: #FFFFFF;
	background-color: #666666;
	border: 1px solid #000000;
	margin: 0 0 15px 0;
	padding: 10px 10px 0 10px;
	display: block;
	float: left;
}

	#content .box-1 p {
		margin: 0;
		padding: 0 0 10px 0;
	}
/* -------------------------------------------- END CONTENT --------------------------------------------------------- */

/* -------------------------------------------- TABLE --------------------------------------------------------- */

table {
	width: 590px;
	font-size: 100%;
	border-collapse: collapse;
	border: 1px solid #9A9A9A;
	margin: 0 0 21px 0;
	padding: 0;
}

	form table {border: none;}

	table caption {
		color: #020202;
		background-color: #CDCDCD;
		font-weight: bold;
		text-transform: uppercase;
		letter-spacing: 1px;
		text-align: left;
		border-top: 1px solid #9A9A9A;
		border-right: 1px solid #9A9A9A;
		border-left: 1px solid #9A9A9A;
		margin: 0;
		padding: 14px 14px 13px 14px;
	}

	tr {
		color: #333333;
		background-color: transparent;
		line-height: 22px;
	}
	
	table td,
	table th {
		border: 1px solid #9A9A9A;
		margin: 0;
		padding: 4px 15px 3px 15px;
	}
	
		table th {font-weight: bold;}
		
		tr.tr-even td,
		tr.tr-even th {
			color: #333333;
			background-color: #FFFFFF;
		}
		
		 tr.tr-odd td,
		 tr.tr-odd th {
			color: #333333;
			background-color: #F0F0F0;
		}

table img {
	vertical-align: middle;
	padding-right: 5px;
}

table.contenttable-0 td,
table.contenttable-0 th {width: auto;}

table.contenttable-1 td,
table.contenttable-1 th {width: 100%;}

table.contenttable-2 td,
table.contenttable-2 th {width: 50%;}

table.contenttable-3 td,
table.contenttable-3 th {width: 33.33%;}

table.contenttable-4 td,
table.contenttable-4 th {width: 25%;}

table.contenttable-5 td,
table.contenttable-5 th {width: 20%;}

table.contenttable-8 td,
table.contenttable-8 th {width: 12.5%;}

/* -------------------------------------------- END TABLE --------------------------------------------------------- */

/* -------------------------------------------- SHOP ELEMENTS --------------------------------------------------------- */

/* form {
	width: auto;
	border: none;
	text-align: left;
	margin: 10px 5px 0 5px;
	padding: 10px;
	display: inline;
	float: left;
}

	fieldset {
		border: 0;
		margin: 0;
		padding: 0;
		text-align: center;
	}
	
		fieldset img {margin-bottom: 5px;}
		
		fieldset p {
			text-align: left;
			padding: 0 0 10px 0
		}
		
		fieldset .shop-else {text-align: left;}
		
		fieldset .shop-else select {display: none;}

.vat {font-size: 80%}	
	
.shop-pro-dis img {display: none;}	*/
	
/* -------------------------------------------- END SHOP ELEMENTS --------------------------------------------------------- */

/* -------------------------------------------- IMG --------------------------------------------------------- */

/* default styles for extension "tx_cssstyledcontent" */
	/* Captions */
	DIV.csc-textpic-caption-c .csc-textpic-caption { text-align: center; }
	DIV.csc-textpic-caption-r .csc-textpic-caption { text-align: right; }
	DIV.csc-textpic-caption-l .csc-textpic-caption { text-align: left; }

	/* Needed for noRows setting */
	DIV.csc-textpic DIV.csc-textpic-imagecolumn { float: left; display: inline; }

	/* Border just around the image */
	DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image IMG {
		border: 2px solid black;
		padding: 0px 0px;
	}

	DIV.csc-textpic-imagewrap { padding: 0; }

	DIV.csc-textpic IMG { border: none; }

	/* DIV: This will place the images side by side */
	DIV.csc-textpic DIV.csc-textpic-imagewrap DIV.csc-textpic-image { float: left; }

	/* UL: This will place the images side by side */
	DIV.csc-textpic DIV.csc-textpic-imagewrap UL { list-style: none; margin: 0; padding: 0; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap UL LI { float: left; margin: 0; padding: 0; }

	/* DL: This will place the images side by side */
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image { float: left; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DT { float: none; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD { float: none; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD IMG { border: none; } /* FE-Editing Icons */
	DL.csc-textpic-image { margin: 0; }
	DL.csc-textpic-image DT { margin: 0; display: inline; }
	DL.csc-textpic-image DD { margin: 0; }

	/* Clearer */
	DIV.csc-textpic-clear { clear: both; }

	/* Margins around images: */

	/* Pictures on left, add margin on right */
	DIV.csc-textpic-left DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap .csc-textpic-image {
		display: inline; /* IE fix for double-margin bug */
		margin-right: 10px;
	}

	/* Pictures on right, add margin on left */
	DIV.csc-textpic-right DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap .csc-textpic-image {
		display: inline; /* IE fix for double-margin bug */
		margin-left: 10px;
	}

	/* Pictures centered, add margin on left */
	DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image {
		display: inline; /* IE fix for double-margin bug */
		margin-left: 10px;
	}
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption { margin: 0; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image IMG { margin: 0; }

	/* Space below each image (also in-between rows) */
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 5px; }
	DIV.csc-textpic-equalheight DIV.csc-textpic-imagerow { margin-bottom: 5px; display: block; }
	DIV.csc-textpic DIV.csc-textpic-imagerow { clear: both; }

	/* No margins around the whole image-block */
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-firstcol { margin-left: 0px !important; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-lastcol { margin-right: 0px !important; }

	/* Add margin from image-block to text (in case of "Text w/ images") */
	DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap,
	DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap {
		margin-right: 10px !important;
	}
	DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap,
	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap {
		margin-left: 10px !important;
	}

	/* Positioning of images: */

	/* Above */
	DIV.csc-textpic-above DIV.csc-textpic-text { clear: both; }

	/* Center (above or below) */
	DIV.csc-textpic-center { text-align: center; /* IE-hack */ }
	DIV.csc-textpic-center DIV.csc-textpic-imagewrap { margin: 0 auto; }
	DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image { text-align: left; /* Remove IE-hack */ }
	DIV.csc-textpic-center DIV.csc-textpic-text { text-align: left; /* Remove IE-hack */ }

	/* Right (above or below) */
	DIV.csc-textpic-right DIV.csc-textpic-imagewrap { float: right; }
	DIV.csc-textpic-right DIV.csc-textpic-text { clear: right; }

	/* Left (above or below) */
	DIV.csc-textpic-left DIV.csc-textpic-imagewrap { float: left; }
	DIV.csc-textpic-left DIV.csc-textpic-text { clear: left; }

	/* Left (in text) */
	DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap { float: left; }

	/* Right (in text) */
	DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap { float: right; }

	/* Right (in text, no wrap around) */
	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap { float: right; clear: both; }
	/* Hide from IE5-mac. Only IE-win sees this. \*/
	* html DIV.csc-textpic-intext-right-nowrap .csc-textpic-text { height: 1%; }
	/* End hide from IE5/mac */

	/* Left (in text, no wrap around) */
	DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap { float: left; clear: both; }
	/* Hide from IE5-mac. Only IE-win sees this. \*/
	* html DIV.csc-textpic-intext-left-nowrap .csc-textpic-text { height: 1%; }
	/* End hide from IE5/mac */
	
	DIV.csc-textpic DIV.csc-textpic-imagerow-last { margin-bottom: 0; }

	/* Browser fixes: */

	/* Fix for unordered and ordered list with image "In text, left" */
	.csc-textpic-intext-left ol, .csc-textpic-intext-left ul {padding-left: 40px; overflow: auto; height: 1%;}
	
/* -------------------------------------------- END IMG --------------------------------------------------------- */