/* ====== YASKAWA css-definition - screen ====== */
/* ====== letzte aenderung 25.06.2010, mib ====== */
/* ====== Basis ====== */



body {  
	font-family: Arial, Helvetica, sans-serif;	
    font-size: 62.5%;
    background-color: #fff; 
    color: #7a6e67; 
	text-align: center;			
   }

* {
	padding: 0;
	margin: 0;
}

img, a img { 
  	border: none;
}

a {
	text-decoration: none;
}

.klar {  
	clear: both;  
	line-height: 0px;  
	font-size: 1px;  
	height: 0px;
}		

.floatLeft {
	float: left;
	margin-right: 15px;
}

.floatRight {
	float: right;
}

h1 {
	color: #666;
	font-size: 2.2em;
	margin: 15px 0;  
	font-weight: normal;
}

h2 {
	color: #0062A9;
	font-size: 1.2em;
	margin: 0 0 10px 0;
}

h3 {
	color: #0062A9;
	font-size: 1.1em;
}

/* ====== Headline mit Pfeil  ====== */	

h4 {
	color: #0062A9;
	background: url(../img/pfeil.gif) left no-repeat;
	font-size: 1.1em;
	padding-left: 7px;
}

/* ====== Startseite - Headline in den Boxen  ====== */	

h5 {
	background-color: #ECECED;
	padding: 4px 10px;
	color: #0062a9;
	font-size: 1.3em;
	border-bottom: 3px solid #fff;
}

h6 {
	color: #666;
	font-size: 1.3em;
	margin: 0 0 10px 0;
}

p {	
	line-height: 140%;
	font-size: 1.1em;
}	

br.space {
	line-height: 5px; 
	font-size: 5px; 
	height: 5px;
}

ul {
	list-style-type: none;
}

/* ====== Hauptlayer fuer Breite ====== */
	
#mainDivBreite {
	margin: 27px auto;
	width: 950px;
}

/* ====== Hauptnavigation ====== */	

#logo {
	background-color: #fff;	
	float: left;
	text-align: left;
	width: 200px;
}

#loggedIn {
	background-color: #fff;	
	float: right;
	text-align: right;
	font-size: 11px;
	width: 250px;
	line-height: 140%;
}

#loggedIn a {
	background-color: #fff;	
	font-size: 11px;
	text-decoration: underline;
	color: #7a6e67;
}

#mainnavi {
	background-color: #C6C0B8;	
	width: 950px;
	height: 31px;
	text-align: left;
	color: #fff;
	font-size: 1.2em;	
}

#navipadding {
	padding: 7px 0 0 45px;
}

a.mainNaviLink {
	color: #fff;	
	text-decoration: none;
	padding: 0 45px 0 0;
	font-weight: bold;
}

a.mainNaviLink:hover {
	color: #91867E;			
	text-decoration: none;
	padding: 0 45px 0 0;
	font-weight: bold;
}	

a.mainNaviLinkActive {
	color: #91867E;			
	text-decoration: none;
	padding: 0 45px 0 0;
	font-weight: bold;
}	

#mainSubnaviHome {
	width: 750px;
	height: 22px;
}

#mainSubnavi {
	width: 950px;
	height: 20px;
	background-color: #ECECED;
	border-top: 2px solid #fff;
	text-align: left;
	font-size: 1.2em;
}

#mainSubnaviPadding {
	padding: 1px 0 0 45px;
}

a.mainSubnaviLink {
	color: #91867E;
	text-decoration: none;
	padding: 0 45px 0 0;
}

a.mainSubnaviLink:hover {
	color: #AAA8A7;
	text-decoration: none;
	padding: 0 45px 0 0;
}

a.mainSubnaviLinkActive {
	color: #0062a9;
	text-decoration: none;
	padding: 0 45px 0 0;
	font-weight: bold;
}

/* ====== content und Boxen ====== */	

#content {
	width: 940px;
	text-align: left;
	margin: 25px auto;
}

/* ====== linke Box ====== */

#left {
	background: url(../img/dotted_line.gif) top left repeat-x;
	width: 140px;
	text-align: left;
	float: left;
}

#left p {
	color: #0062a9;
}

#left a {
	color: #0062a9;
	text-decoration: underline;
}

#left a:hover {
	color: #7a6e67; 
}

#left h4 {
	margin-top: 10px;
}

#left img.space2 {
	margin-top: 10px;
}

#left #borderBottom {
	background: url(../img/dotted_line.gif) bottom left repeat-x;
	padding: 10px 0;
}

/* ====== linke Box subnavi====== */

#left ul {
	position: relative;
}

#left ul li a {
	color: #0062a9;
	text-decoration: none;
	font-size: 1.1em;
}

#left ul li {
	padding: 3px 0;
	background: url(../img/dotted_line.gif) bottom repeat-x;
}

#left ul li a.active {
	font-weight: bold;
	background: url(../img/pfeil.gif) right no-repeat;
	padding-right: 10px;
}

#left ul li ul {
	position: relative;
	background: none;
	margin: -3px 0;
}	

#left ul li ul li {
	padding-left: 10px; 
}

#left ul li ul li a {
	color: #7a6e67;
	text-decoration: none;
	font-size: 1.1em;
}

#left ul li ul li a:hover {
	color: #AAA8A7;
	text-decoration: none;
	font-size: 1.1em;
}

#left ul li ul li a.activeSub {
	font-weight: bold;
	color: #7a6e67;
	background: url(../img/pfeil_grau.gif) right no-repeat;	
	padding-right: 7px;
}

/* ====== content Mitte ====== */

#middle {
	width: 530px;
	float: left;
	margin-left: 50px;
	padding-bottom: 15px;
	height: 480px; /* für den ie */
}

/* folgende anweisung wird nicht vom ie interpretiert */
#middle[id] {
    height: auto;
    min-height: 480px;
}

#middle #breadcrumb {
	color: #c6c0b8;
	font-weight: bold;
}

#middle #breadcrumb a {
	text-decoration: underline;
	color: #c6c0b8; 
	font-size: 1.0em;
	font-weight: bold;
	background: none;
	padding: 0;
}

#middle p {
	margin-bottom: 15px;	
}

/* Definition der links im content */

#middle p a { 
	color: #0062A9;
	background: url(../img/pfeil.gif) left no-repeat;
	font-size: 11px;
	padding-left: 7px;
	text-decoration: underline;
	font-weight: bold;	
}

#middle .csc-textpic a {
	color: #0062A9;
	font-size: 1em !important;
	font-weight: bold !important;	
	text-align: center !important;
}

#middle a:hover { 
	color: #7a6e67;
}

#middle ul {
	line-height: 1.4em;
	margin-bottom: 15px;
}

#middle ul li {
	background: transparent url(../img/pfeil.gif) no-repeat scroll 0pt 5px;
	padding-left: 10px;
	color: #7a6e67;
	font-size: 11px;
	line-height: 1.4em;
}

#middle ul li a {
	color: #0062a9;
	text-decoration: underline;
}

#middle table a {
	background: none;
	text-decoration: none;
}

dd.csc-textpic-caption div.enlarge {
	text-align: left;
}

/* ====== Bereichszuordnung ueber body klasse ====== */

body.home #left p {
	background: url(../img/dotted_line.gif) bottom left repeat-x;
	padding-bottom: 10px;	
}

/* ====== content Mitte startseite ====== */

#blockEins {
	background-color: #F5F5F6;
	margin-top: 20px;
}

#blockEins a {
	color: #0062A9;
	font-size: 12px;
	font-weight: bold;
	padding-left: 7px;
	background: url(../img/pfeil.gif) left no-repeat;
	text-decoration: underline;	
}

#blockEins ul {
	margin-bottom: 2px;
}

#blockEins ul li {
	padding: 2px 0;
	background: none;
}

#blockEins p {
	color: #000;
	margin-bottom: 2px;
}

#blockZwei {		
	background-color: #F5F5F6;
	width: 250px;
	float: left;
	margin-top: 25px;
}

#blockZwei ul li {
	background: none;
}

#blockZwei a {
	color: #0062A9;
	font-size: 11px;
	padding-left: 7px;
	background: url(../img/pfeil.gif) left no-repeat;
	text-decoration: underline;	
}

#blockZwei p {
	color: #000;
	margin: 5px 10px 10px 10px;
}

#blockDrei {		
	background-color: #F5F5F6;
	width: 250px;
	float: right;
	margin-top: 25px;
}

#blockDrei ul li {
	background: none;
}

#blockDrei a {
	color: #0062A9;
	font-size: 11px;
	padding-left: 7px;
	background: url(../img/pfeil.gif) left no-repeat;
	text-decoration: underline;	
}

#blockDrei p {
	color: #000;
	margin: 5px 10px 10px 10px;
}

/* ====== rechte Box ====== */

#right {
	width: 190px;
	float: right;
	background-color: #F0F0F1;
}

#right #suche h4 {
	margin: 3px 0 5px 0;
}

#right #teaserRight img {
	margin: 5px 0 10px 0;
}

#suche {
	padding: 10px 0 15px 15px;
	border-bottom: 3px solid #fff;
}

#suche select {
	width: 158px;
	height: 19px;
	font-size: 11px;
}

.formText {
	width: 135px;
	height: 19px;
	font-size: 11px;
}

.formSubmit {
	border: 0;
	background-color: #C6C0B8;
	color: #fff;
	width: 19px;
	height: 19px;
	font-size: 11px;
}

#partnerLogin {
	padding: 10px 0 15px 15px;
	border-bottom: 3px solid #fff;
}

.rightBlackHead {
	color: #000;
	font-size: 11px;
	padding: 3px 0;
}

#teaserRight {
	padding: 10px 0 10px 15px;
}

#teaserRight p {
	color: #000;
	font-size: 1.1em;
	width: 160px;
	margin-bottom: 15px;
}

body.home #teaserRight p {
	margin: 0;
}

#teaserRight a {
	color: #0062a9;
	text-decoration: underline;
}

#teaserRight a:hover {
	color: #7a6e67;
	text-decoration: underline;
}

#teaserRight ul {
	margin-bottom: 15px;
}

#teaserRight ul li {
	padding: 1px 0;	
	font-size: 1.1em;
}

/* ====== footer ====== */

#footer {
	border-top: 1px solid #C6C0B8;
	padding-top: 5px;
	font-size: 1.0em;
}

#footer a {
	color: #7a6e67;
	padding: 0 30px 0 30px;
}

#dommain {
	visibility: hidden;
	font-size: 10px;
	margin-top: -5px;
}

/* ====== sitemap ====== */
 
#middle .csc-sitemap ul ul {
 	margin-left: 30px;
}
 
#middle .csc-sitemap ul li {
	 margin-top: 4px;
	 background: none;
}

#middle .csc-sitemap ul li a {
	color: #0062A9;
	background: url(../img/pfeil.gif) left no-repeat;
	padding-left: 7px;
	text-decoration: underline;
	font-weight: bold;	
}
 
#middle .csc-sitemap ul li a:hover {
	color: #7A6E67;
}

/* ====== Typo3 Stuff ====== */

dd {
	text-align: center;
	font-size: 1.0em;
}

/* ====== Suche ====== */

.csc-searchForm {
	display: none;
}

h3.csc-searchResultHeader a { 
	color: #0062A9;
	background: url(../img/pfeil.gif) left no-repeat;
	font-size: 11px;
	padding-left: 7px;
	text-decoration: underline;
	font-weight: bold;	
}

/* ====== headline in der suche ====== */

table.csc-searchResultInfo td p {
	color: #666;
	font-size: 22px;
	margin: 15px 0;  
	font-weight: normal;
}

/* ====== Download Tabelle ====== */

table.contenttable {
	width: 480px;
	border: 0px;
	margin-bottom: 10px;
}

table.contenttable th {
	background-color: #ECECED;
	padding: 4px 4px;
	color: #0062a9;
	font-size: 0.7em;
	text-align: left;
}

table.contenttable td {
	background-color: #fff;
	padding: 4px 4px;
	color: #7a6e67;
	font-size: 11px !important;
	text-align: left;
	vertical-align: top;	
	background: url(../img/dotted_line.gif) bottom repeat-x;
}

table.contenttable td p {
	padding: 0 !important;
	margin: 0 !important;
	font-size: 11px;
}

table.contenttable td a {
	background-color: #fff;
	color: #0062A9;
	text-decoration: underline !important;
	padding: 0 !important;
	font-weight: normal !important;
}

table.contenttable td a:hover {
	background-color: #fff;
	color: #7a6e67;
	text-decoration: underline !important;
	font-weight: normal;
}

table.contenttable .center {
	text-align: center;
}

/* ====== Registrierungs Formular ====== */

table.register td {
	font-size: 11px;
}

.formRegister {
	width: 170px;
	height: 19px;
	font-size: 11px;
	color: #7a6e67;
}

.formRegisterTextarea {
	font-family: Arial, Helvetica, sans-serif;
	width: 360px;
	height: 80px;
	font-size: 11px;
	color: #7a6e67;
	padding: 3px;
}

.formRegisterSubmit {
	border: 1px solid #7a6e67;
	background-color: #fff;
	width: 70px;
	height: 18px;
	font-size: 11px;
	color: #0062A9;	
}

.red {
	font-size: 11px;
	color: red;
}

/* ====== Partner Login ====== */

.csc-form-label-req {
	font-size: 11px;
	margin: 10px 10px 0 0;
}

/* ====== Kontaktformular ====== */

.contactSelect	{
	width: 250px;
	height: 19px;
	font-size: 11px;
	color: #7a6e67;
}

/* ====== Sonderfall Link productlines ====== */

a.specialLink {
	font-size: 10px;
	color: #7a6e67;
}

/* ====== Errorpage ====== */

#leftError {
	width: 140px;
	text-align: left;
	float: left;
}

#middle p a.error {
	color: #0062A9;
	padding: 0;
	font-size: 11px;
	font-weight: normal;
	text-decoration: underline;	
	background: none;
}

/* ====== Sonderfall Zeilenhoehe fuer AGB ====== */

span.important {
	line-height: 1.7em;
}

/* ====== Reiternavigation im content ====== */

ul#reiternavi {
	float: left;
    width: 100%;
	background: url(../img/bottom_line.gif) repeat-x bottom;
	margin: 10px 0 0 0;
}

ul#reiternavi li {
	float: left;
	background: url(../img/right.gif) no-repeat right top;
	margin: 0 5px 0 0;
	padding: 0;
}

ul#reiternavi li a {
    display: block;
	color: #91867E;
	font-size: 1.1em;
	text-decoration: none;	
    background: url(../img/left.gif) no-repeat left top;
    padding: 4px 7px 3px 7px;
}

ul#reiternavi li.active {
	background: url(../img/right_active.gif) no-repeat right top;
} 

ul#reiternavi li.active a {
	background: url(../img/left_active.gif) no-repeat left top;
    padding: 4px 7px 4px 7px;
} 

.reitercontent {
	border: 1px solid #c6c0b8;
	border-top: none;	
	padding: 15px 20px 10px 20px;
}

/*div.reitercontent div.csc-textpic-text {
	float: right;
	width: 340px;
}*/

.highlights {
	width: 350px;
}

#hightlight_block {
	margin-top: 15px;
}

.gallery {
	float: left;
	margin: 0 0 0 30px;
}

a.sortlink {
	color: #0062A9;

}

a.sortlink:visited {
	color: #0062A9;

}


/* ------- */
/* Surveys */
/* ------- */

form.survey {
	width:530px;
}

h1.survey {
    color:#666666;
    font-size:2.2em;
    font-weight:normal;
    margin:15px 0;
}

h2.survey {
    background-color:#ECECED;
    border-bottom:3px solid #FFFFFF;
    color:#0062A9;
    font-size:1.3em;
    padding:5px 10px 5px 10px;
    margin: 10px 0px 0px 0px;
}

h3.survey {
    font-size: 110%;
}

input.survey_text {
    width: 400px;
    margin: 0px 0px 0px 0px;
}

input.survey_radio {
    vertical-align: bottom;
}


textarea.survey_textarea {
    width: 400px;
    height: 200px;
    margin: 0px 0px 10px 0px;
}

input#dontspamme {
    display: none;
}

p.question {
    background-color: #F5F5F6;
    padding: 5px;
    margin: 0px 0px 5px 0px;
}

p.version {
    font-size: 70%;
    margin: 20px 0px 0px 0px;
    border-top: 1px solid grey;
}

span.question-level2 {
    font-weight: bold;
    padding: 0px 0px 3px 3px;
    display: block;
    color: black;
}

pre.survey {
    font-size: 1.3em;
}

table.fancyradio {
	width: 520px;
    font-size: 1.1em;
}

table.fancyradio td {
    vertical-align: middle;
}

img.fancyradio {
	width: 514px;
	height: 10px;
}