/*
Theme Name: raybestos
Theme URI: http://www.raybestos.de
Description: webseite
Version: Content Layout Regeln
Author: ® 2007, Ansgar Hiller, Planet Pixel, Köln
*/


/* CONTENT LAYOUT RULES
---------------------------------------------------------------------------------------------------- */

/* text styls */

h1, h2, h3 {font-family: Verdana, Arial, Helvetica, sans-serif;}

h4, h5, h6 {font-family: Arial, Helvetica, sans-serif;}

h1 {font-size: 14px; line-height:22px; font-weight: bold; margin: 10px 0px; color:#000000;}
h2 {font-size: 12px; line-height:18px; font-weight: bold; margin: 6px 0px 2px; color:#000000;}
h3 {font-size: 11px; line-height:16px; font-weight: bold; margin: 6px 0px 2px; color:#000000;}

h4 {
	font-size: 10px;
	font-weight: bold;
	color:#333333;
	margin: 3px 3px;
}

p {font-size: 11px; line-height:16px; color:#333333; margin:0px 0px 10px;}

ul {font-size: 11px; line-height:16px; color:#333333; margin:0px 0px 10px 15px; list-style: circle outside;}

.bu {font-size: 10px; font-style: italic;}

.uppercase {text-transform: uppercase;}

.intro {font-size: 12px; line-height: 22px; color:#333333;}

.red {color: #000000; }

.udl{text-decoration: underline;}

.grey{color:#333333;}

.datum {
	display:inline;
	font-size: 9px;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 22px; 
	padding: 3px 5px 4px; 
	color: #000000;
	background-color:#F5E000;
}

/* image styls */

.news-img, .left-img {
	width:172px;
	border: 6px solid #CCCCCC;
	margin: 3px 0px;
}

/* link styls */

a, a:active, a:visited {color:#666666; text-decoration: underline; font-weight:bold;}
a:hover {color:#000000; text-decoration: underline;}

a:hover .grey {color: #F5E000; text-decoration: underline;}

.totop-link {
	height:15px;
	float: left;
	background: url(../images/arrow-top.gif) no-repeat left center;
	cursor: pointer;
	background-color:#FFFFFF;
	text-align: left;
	margin: 6px 10px 6px 0px;
}

.totop-link p {
	font: bold 10px Arial, Helvetica, sans-serif;
	margin-top: 1px;
	margin-left: 22px;
}

.back-link {
	height:15px;
	float: left;
	background: url(../images/arrow-left.gif) no-repeat left center;
	cursor: pointer;
	background-color:#FFFFFF;
	text-align: left;
	margin: 6px 10px 6px 0px;
}

.back-link p {
	font: bold 10px Arial, Helvetica, sans-serif;
	margin-top: 1px;
	margin-left: 22px;
}

.next-link {
	height:15px;
	float: left;
	background: url(../images/arrow-right_2.gif) no-repeat left center;
	cursor: pointer;
	background-color:#FFFFFF;
	text-align: left;
	margin: 6px 10px 6px 0px;
}

.next-link p {
	font: bold 10px Arial, Helvetica, sans-serif;
	margin-top: 1px;
	margin-left: 22px;
}

.produktlink {
	height:15px;
	float: left;
	margin: 6px 0px;
	padding: 0px 5px 0px 18px;
	text-align: left;
	background: url(../images/arrow-right.gif) no-repeat left center;
}

.produktlink a {
	font: bold 11px Arial, Helvetica, sans-serif;
	position:relative;
	top:2px;
	color: #333333;
	text-decoration: none;
	text-transform: uppercase;
}

.deeplink {
	height:21px;
	font: bold 11px Arial, Helvetica, sans-serif;
	text-align: left;
	padding: 0px 5px 0px 18px;
	margin: 0px;
	background: url(../images/arrow-right.gif) no-repeat left center;
}

.deeplink a {
	position:relative;
	top:5px;
	color: #333333;
	text-decoration: none;
	text-transform: uppercase;
}
.produktlink a:active, .deeplink a:active {color: #333333; text-decoration: none;}
.produktlink a:visited, .deeplink a:visited {color:#333333; text-decoration : none;}
.produktlink a:active, .deeplink a:active {color:#333333; text-decoration : none;}
.produktlink a:hover, .deeplink a:hover {color:#F5E000; text-decoration : none;}

.deeplink a.active {
	color: #F5E000;
}
/* content items (ganze breite) */

.content-item, .news-item {
	position:relative;
	width:802px;
	float: left;
	margin: 6px 0px;
}

/* spalten (links) */

.column-left{
	width:184px;
	float: left;
	margin: 17px 0px 0px 9px;
}

.news-item .column-left {
	margin: 45px 0px 0px 9px;
}

.content-item .column-left {
	margin: 7px 0px 0px 9px;
}

/* spalten (rechts) */

.column-right{
	width:582px;
	float: right;
	margin: 4px 9px;
}

.news-item .column-right {
	border-top: 3px double #eceded;
	padding-top:8px;
}


.column-right-trenner-oben {
	width:582px;
	float: right;
	margin: 0px 9px;
	border-top: 3px double #eceded;
}
.column-right-trenner-oben-unten {
	width:582px;
	float: right;
	margin: 0px 9px;
	border-bottom: 3px double #eceded;
	border-top: 3px double #eceded;
}

.column-right-table {
	width:600px;
	float: right;
	margin: 6px 0px 6px 0px;
	border-top: 3px double #eceded;
}

/* boxen in column-right */

.box-right {
	display:inline;
	position:relative;
	width: 280px;
	float: right;
	margin: 5px 0px;
}
.box-left {
	display:inline;
	width: 284px;
	float: left;
	margin: 5px 0px;
	border-right: 3px double #eceded;
	padding-right: 4px;
}
.asset-left {
	float: left;
	border: 6px solid #CCCCCC;
	margin: 5px 10px 0px 0px;
}
.img-vertrieb {
	width:120px;
	float: left;
	border: 6px solid #CCCCCC;
	margin: 11px 0px;
}
.img-logo {
	width:126px;
	float: left;
	border: 6px solid #CCCCCC;
	margin: 5px 10px 5px 0px;
}
.img-logo-last {
	width:126px;
	float: right;
	border: 6px solid #CCCCCC;
	margin: 5px 0px;
}
.txt-vertrieb {
	width:438px;
	float: right;
	margin: 3px 0px;
}

.img-left {
	width:274px;
	float: left;
	border: 6px solid #CCCCCC;
	margin: 5px 0px;
}
.img-right {
	width:274px;
	float: right;
	border: 6px solid #CCCCCC;
	margin: 5px 0px;
}

/* Tabellen Produkte */

.produktuebersicht {
	background-color:#FFFFFF;
	margin: 8px 0px;
}

.produktuebersicht td {
	height: 20px;
	background-color:#B1B3B4;
	padding: 6px 7px;
}
.produktuebersicht td.eigenschaften {
	padding: 0px;
	background-color:#F3F3F3;
}

.produktuebersicht p { margin: 0px;}
.produktuebersicht .header p { color:#f5e000;}

.produktuebersicht .header { background-color:#000000; width: 33%;}
.produktuebersicht .leer { background-color:#FFFFFF;}

.produktuebersicht .table-foot td {
	height: 20px;
	background-color:#FFFFFF;
	padding: 0px 0px;
}

.produktuebersicht .table-foot .totop-link p {
	font: bold 10px Arial, Helvetica, sans-serif;
	margin-top: 1px;
	margin-left: 22px;
}

.produktuebersicht .table-foot .back-link p {
	font: bold 10px Arial, Helvetica, sans-serif;
	margin-top: 1px;
	margin-left: 22px;
}

/* abstand zum SEITENENDE */

.column-right-seitenende {
	width:582px;
	height:30px;
	float: right;
	margin: 0px 9px;
	background-color:#FFFFFF;
	border-top: 3px double #eceded;
}

.column-right-table-seitenende {
	width:596px;
	height:30px;
	float: right;
	margin: 6px 2px 6px 2px;
	background-color:#FFFFFF;
	border-top: 3px double #eceded;
}

/* FORMULARE */

div .row, div .row-checkbox, div .row-smallfield {
	clear: both;
	padding: 5px 0px;
	margin: 2px 0px;
	height:20px;
	width:100%;
	vertical-align:top;
	background-color:#eceded;
}
div .row-textarea {
	clear: both;
	padding: 5px 0px;
	margin: 2px 0px;
	height:90px;
	width:100%;
	vertical-align:top;
	background-color:#eceded;
}

input .button {
	width:auto !important;
	font-size:11px;
	border: 1px solid #cccccc;
}	
div .row label, div .row-textarea label {
	font-size:11px;
	line-height:15px; 
	float: left;
	width: 186px;
	text-align: right;
	display:block;
	margin-right:8px;
	margin-top:3px;
}

div .row-checkbox .checkbox-label{
	float: left;
	width: 375px;
	text-align: left;
	display:block;
	margin-left:8px;
	margin-top:3px;
}

div .row .checkbox-3 {
	float: left;
	margin-right:108px;
}
div .row .checkbox-1 {
	float: left;
	margin-right:10px;
}

div .row .radio-10 {
	float: left;
	margin-right:16px;
}

div .row p {
	margin-top:3px;
	letter-spacing:3px;
}

div .row p.check-lable {
	margin-top:3px;
	letter-spacing:0px;
}

div .row .checkbox {
	float: left;
	margin-left:5px;
}

div .row .standardField, div .row-textarea textarea {
	float: left;
	width:375px;
	padding-left: 3px !important;
	border: 1px solid #cccccc;
	margin:0px;
}
div .row .smallField {
	float: left;
	width:115px;
	padding-left: 3px !important;
	border: 1px solid #cccccc;
	margin-right:8px;
}

div .row .dropDown {
	float: left;
	width:200px;
	padding-left: 3px !important;
	margin-right:8px;
}

div .row-smallfield .smallfield-label {
	float: left;
	width: 120px;
	text-align: left;
	display:block;
	margin-right:8px;
}

div .row-textarea textarea {margin-bottom:5px; height:85px;}

div .row select{
 	float: left;
	padding-left: 3px !important;
 }
fieldset {
	padding:0 0 10px 0;
	margin:8px 0px;
	position:relative;
	border-style: none;
}

/* SITEMAP */
.sitemap {
	margin:0px;
}
.sitemap li {
	list-style: none inside;
	margin-left:25px;
}
.sitemap li ul {
	margin:0px;
}
.sitemap li ul li {
	list-style: none inside;
	margin-left:25px;
}