/*
 * main tags
*/

html, body {
	height: 100%;
}
body {
	background-color: #fff;
	font-family: Verdana, sans-serif;
	color: #000;
	margin: 0;
	padding: 0;
}
body, th, td, div, p {
	font-size: 12px;
	line-height: 18px;
}
a:link, a.link {
	color: #000;
	text-decoration: none;
	border:1px solid transparent;
}
a:visited, a.visited {
	color: #000;
	text-decoration: none;
}
a:hover, a.hover, a:active, a.active {
	color: #000;
	text-decoration: none;
}
img {
	border: medium none;
}
h1{
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #000;
}

/*
 * general layout
*/

div#background {
	position: relative;
	width: auto;
	margin: 0 auto;
	background-color: #fff;
	overflow:visible;
}
.logoacrossleft {
	display:none;
}


/*
 * left column
*/
div#leftcolumn {
	display:none;
}

/*
 * right column
*/

div#rightcolumn, div#rightcolumnclose {
	float: left;
	margin-top: 0;
	width: 760px !important;;
	background-color:#fff;
}

/* spalten */
.inputbox{
	float:left;
	background-color:transparent;
	text-align:center;
}
/* einspaltig */
.onecol{
	clear:both;
	margin-bottom:1px;
}
/* zweispaltig */
.twocols {
	width:365px !important;;
	float:left;
	margin-bottom:1px;
}
.twocols .text, .twocols .input, .onecol .text, .onecol .input{
	float:left;
	margin-bottom:1px;
	display: inline-block;
}
.twocols .text, .onecol .text{
	width:auto;
	padding-top:0;
	font-size:12px !important;
}
.twocols .first, .onecol .first{
	width:110px;
	clear:left;
}
.twocols .input, .onecol .input{
	width:255px;
}

#rightcolumn h1, #rightcolumnclose h1, .onecol h1, .twocols h1 {
	color: #000;
	text-transform: uppercase;
	margin-bottom:12px;
}
/* spaltenbreiten */
.b8{ width:12.2%; }
.b8 input, .b8 textarea, .b8 select{ width:85%; }
.b4{ width:25%; }
.b4 input, .b4 textarea, .b4 select{ width:85%; }

.bfirst { width:30% !important; clear:both; }
.b3{ width:23.3%; }
.b3 input, .b3 textarea, .b3 select{ width:85% !important; }
.b2{ width:35%; }
.b2 input, .b2 textarea, .b2 select{ width:95%; }
.b1{ width:70%; }
.b1 input, .b1 textarea, .b1 select{ width:99%; }

.w100{ width:100%; }
.w99{ width:99%; }
.w95{ width:95%; }
.w90{ width:90%; }
.w85{ width:85%; }
.w80{ width:80%; }
.w70{ width:70%; }

.center{ text-align:center; }

/*
 * tabellen
*/
table.evenodd tr td {
	text-align: left;
	border-top:2px solid transparent;
	border-bottom:2px solid transparent;
	line-height:20px;
	padding:0 6px;
}
table.evenodd tr.even, .even {
	background-color:#e3e8e9;
}
table.evenodd tr.odd, .odd {
	background-color:#F6FCFC;
}

table.evenodd tr td.c {
	text-align: center;
}
table.evenodd tr th {
	text-align: center;
	background-color:#fff;
}
table.hover tr:hover td {
	background-color:#e6ffe3;
}

table.preis tr td {
	padding:3px 0;
}
table.preis tr th {
	padding-bottom:2px;
	text-align:center;
}
table.preis tr:hover td input {
	background-color:#e6ffe3;
}

table.pdrb tr td {
	padding-right:8px;
	padding-bottom:8px;
}
table.padding tr td {
	padding:2px;
}

/*
 * list elements
*/

ul.linklist {
	overflow:hidden;
	/*width:98%;*/
}
ul.linklist li {
	border-bottom:1px solid #ddd;
	margin:1px 0;
}
ul.linklist li:hover {
	background-color:#f6fcfd;
}
ul.linklist li a {
	display:block;
	color:#660033;
}
ul.linklist li a:hover {
	color:#333;
}
ul.linklist li a.selected {
	background-color:#e3e8e9;
}

ul.tabsmall {
	display:block;
	width:98%;
	font-size:11px;
	list-style-position: inside;
	list-style-type: none;
}
ul.tabsmall li {
	float:left;
}
ul.tabsmall li a {
	display:block;
	padding:0 10px;
}

/*
 * form elements
*/
input, textarea{
	padding:3px;
	font-family:Verdana, Helvetica, sans-serif;
	font-size:12px !important;
	background-color:#F1F6F7;
	border: 1px solid #999;
	width:250px;
	font-style:normal;
}
input[type=text] {
}
input[type=checkbox], input[type=radio]{
	vertical-align: middle;
	width:auto;
	height:auto;
	border:medium none;
}
input[disabled=disabled], input[readonly=readonly],
textarea[disabled=disabled], textarea[readonly=readonly],
select[disabled=disabled], select[readonly=readonly],
div.textfield {
	color:#000 !important;
}
textarea{
	overflow:auto;
	white-space:nowrap;
}
.textarea{
	width:98%;
	overflow: hidden;
	background-color:#f6fcfd;
	color:#000;
	padding:0 2px;
	height:auto;
	font-size:11px;
	line-height:14px;
}
.textarea p{
	font-size: inherit;
	line-height: inherit;
	margin:0;
	padding:0;
}
.textarea p:hover{
	background-color:#fff;
}
.inputfield{
	width:98%;
	height:21px;
	background-color:#f9f9f9;
	color:#000;
	padding:0;
	line-height:21px;
}
.handlebottom{
	border-bottom:1px solid #999;
}
select{
	width:256px;
}
.tighttext{
	overflow:hidden;
	line-height:12px;
	padding-right:0;
	padding-bottom:0;
}
div.textfield {
	width:745px;
	height:100px;
	font-size:11px;
	line-height:12px;
	padding:4px;
	overflow:auto;
	white-space:pre;
}
div.submit{
	text-align:center;
	padding:12px 0;
}
/*
 * helper
*/

.clear{
  clear: both; 
  display: block; 
  height: 0; 
  content: "."; 
  visibility: hidden;
}
.hideme{
	display: none;
}
.block{
	display: block;
}
.small, .smallem{
	font-size:11px;
	line-height:14px;
}
.smallem{
	font-style:italic;
}
.bgweiss {
	background-color: transparent;
	background-image: url(/toolbrandbook/lib/css/images/bgWeiss70Proz.png);
	background-repeat: repeat;
	background-position: left top;
}
.bgschwarz {
	background-color: transparent;
	background-image: url(/toolbrandbook/lib/css/images/bgSchwarz10Proz.png);
	background-repeat: repeat;
	background-position: left top;
}

.dotred, .dotorange, .dotgreen {
	padding-left: 18px;
	background-repeat: no-repeat;
	background-position: 3px 2px;
}
.dotred {
	background-image: url(/toolbrandbook/lib/css/images/icons/dotRed.png);
}
.dotorange {
	background-image: url(/toolbrandbook/lib/css/images/icons/dotOrange.png);
}
.dotgreen {
	background-image: url(/toolbrandbook/lib/css/images/icons/dotGreen.png);
}
.hint{
	background-color:#DCC4D0;
	border:1px solid #BD95A8;
	color:#660033;
	padding:6px;
	clear:both;
	display:block;
}
.hintgreen{
	background-color:#c6e4bf;
	border:1px solid #8dca7f;
	color:#004900;
	padding:6px;
	clear:both;
	display:block;
}
.hint a{
	color:#004900;
}

.rot, a.rot{
	color:#660033;
}
.grau{
	color:#999;
}
.blocker{
	position:absolute;
	/*display: none;*/
	top:0;
	right:0;
	bottom:0;
	left:0;
	padding-top:10%;
	padding-left:48%;
}
.mark{
	background-color:#FFFF00;
	color:#333333;
}
.togglepricegs{
	display:none;
}

table.kalkpreise tr td {
	/**/padding:0 0 6px 0;
}