/* CSS Document bleiker*/

/* content style */
@import url("content_style.css");
/* content style */

html * { font-size:100.01%; }
  
body {
background: #fff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#656263;
background: url(/layouts/images/bg_body.png) repeat-x top left;

}


#wrapper{
margin: 1px auto;
width: 1083px;
min-height: 615px;
}

#header{
height: 350px;
background: url(/layouts/images/bg_header_20171212.png) no-repeat top left;

}

#teaser{
margin: 0 auto;
width:1000px;
color:none;
height: 270px;
}

#suche{
float:left;
width:250px;
height: 20px;
padding: 45px 0 0 385px;

}

.search_box_input {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
    width: 240px !important;
    border: none !important;
}

#sprache{
    float:right;
    width:440px;
    height: 68px;
    padding: 0 0 0 0 ;
}

#language_box {
    width: 32px;
    float: left;
    padding-right: 4px;
    padding-top: 38px;
}

.language_box_text {
    display: none;
}

#nav {
width: 20%;
padding: 2% 0 0 0;
float: left;
}

#nav1 {
width: 210px;
}

#nav2 {
width: 210px;
padding-top: 30px;
}


#main { 
min-height: 537px;
width:100%;
}


#content{
	float:left;
	min-height: 200px;
	width:60%;
	background:#ffffff;
	margin:2% 0 0 0;
}

#content div ul {
	list-style-image: url("/layouts/images/dash.png");
	list-style-type: none;
	padding-top: 10px;
}

#content div ul li {
	margin-left: 15px;
}


#spalte{
float:right;
min-height: 200px;
width:17%;
background:#ffffff;
margin:2% 0 0 0;
}

#footer {

height: 20px;
width: 100%;
clear: both;
}

#footer a, #footer a:link, #footer a:hover, #footer a:visited {
    color: #656263;
    font-weight: normal;
    font-size: 10pt;
}


/*Navigation*/


a.HOMELINK {
    display: block;
    width: 100%;
    height: 0;
    padding-top: 255px;
    overflow: hidden;
    position: absolute;
}

a.HOMELINK {
    left: 0;
    top: 0;
    background: transparent;
}


/* 1. navigation */

#hnav0 {}

#hnav0 li {}

#hnav0 li a:link, #hnav0 li a:visited {
color: #006db7;
font-weight: lighter;
font-style:italic;
font-size: 14px;
display: block;
width: 180px;
height: 27px;
padding: 0 0 0 3px;
vertical-align: middle;
background: url(/layouts/images/bg_hnav0.png) no-repeat 1px 18px;
}

#hnav0 li a:hover, #hnav0 li a:active {
color: #006db7;
font-weight: lighter;
font-style:italic;
font-size: 14px;
display: block;
width: 180px;
height: 27px;
padding: 0 0 0 3px;
vertical-align: middle;
background: url(/layouts/images/bg_hnav0.png) no-repeat 1px 18px;
}

#hnav0 li a:hover, #hnav0 li a:active {
color: #656263;
font-weight: lighter;
font-style:italic;
font-size: 14px;
display: block;
width: 180px;
height: 27px;
padding: 0 0 0 3px;
vertical-align: middle;
background: url(/layouts/images/bg_hnav0.png) no-repeat 1px 18px;
}

#hnav1 {}

#hnav1 li {}

#hnav1 li a:link, #hnav1 li a:visited {
color: #006db7;
font-weight: lighter;
font-style:italic;
font-size: 12px;
display: block;
width: 180px;
height: 27px;
padding: 0 0 0 30px;
vertical-align: middle;
background:none;

}

#hnav1 li a:hover, #hnav1 li a:active {
color: #006db7;
font-weight: lighter;
font-style:italic;
font-size: 12px;
display: block;
width: 180px;
height: 27px;
padding: 0 0 0 30px;
vertical-align: middle;
background:none;
}

#hnav1 li a.on:link, #hnav1 li a.on:visited, #hnav1 li a.on:hover, #hnav1 li a.on:active, .snav0_active {
color: #656263;
font-weight: lighter;
font-style:italic;
font-size: 12px;
display: block;
width: 180px;
height: 27px;
padding: 0 0 0 30px;
vertical-align: middle;
background:none;
}


#hnav2 {}

#hnav2 li {}

#hnav2 li a:link, #hnav2 li a:visited {
color: #006db7;
font-weight: lighter;
font-style:italic;
font-size: 12px;
display: block;
width: 180px;
height: 27px;
padding: 0 0 0 40px;
vertical-align: middle;
background:none;

}

#hnav2 li a:hover, #hnav2 li a:active {
color: #006db7;
font-weight: lighter;
font-style:italic;
font-size: 12px;
display: block;
width: 180px;
height: 27px;
padding: 0 0 0 40px;
vertical-align: middle;
background:none;
}

#hnav2 li a.on:link, #hnav2 li a.on:visited, #hnav2 li a.on:hover, #hnav2 li a.on:active, .snav0_active {
color: #656263;
font-weight: lighter;
font-style:italic;
font-size: 12px;
display: block;
width: 180px;
height: 27px;
padding: 0 0 0 40px;
vertical-align: middle;
background:none;
}



/* 2. navigation */

#enav0 {}

#enav0 li {}

#enav0 li a:link, #enav0 li a:visited {
color: #000;
font-weight: lighter;
font-style:italic;
font-size: 14px;
display: block;
width: 180px;
height: 27px;
padding: 0 0 0 3px;
vertical-align: middle;
background: url(/layouts/images/bg_hnav1.png) no-repeat 1px 18px;
}

#enav0 li a:hover, #enav0 li a:active {
color: #000;
font-weight: lighter;
font-style:italic;
font-size: 14px;
display: block;
width: 180px;
height: 27px;
padding: 0 0 0 3px;
vertical-align: middle;
background: url(/layouts/images/bg_hnav1.png) no-repeat 1px 18px;
}

#enav0 li a:hover, #enav0 li a:active {
color: #000;
font-weight: lighter;
font-style:italic;
font-size: 14px;
display: block;
width: 180px;
height: 27px;
padding: 0 0 0 3px;
vertical-align: middle;
background: url(/layouts/images/bg_hnav1.png) no-repeat 1px 18px;
}

#enav1 {}

#enav1 li {}

#enav1 li a:link, #enav1 li a:visited {
color: #000;
font-weight: lighter;
font-style:italic;
font-size: 12px;
display: block;
width: 180px;
height: 27px;
padding: 0 0 0 30px;
vertical-align: middle;
background:none;
}

#enav1 li a:hover, #enav1 li a:active {
color: #000;
font-weight: lighter;
font-style:italic;
font-size: 12px;
display: block;
width: 180px;
height: 27px;
padding: 0 0 0 30px;
vertical-align: middle;
background:none;
}

#enav1 li a.on:link, #enav1 li a.on:visited, #enav1 li a.on:hover, #enav1 li a.on:active, .snav1_active {
color: #000;
font-weight: lighter;
font-style:italic;
font-size: 12px;
display: block;
width: 180px;
height: 27px;
padding: 0 0 0 30px;
vertical-align: middle;
background:none;
}


li.feinwerk {
    margin-top: 20px;
}

li.feinwerk a:link, li.feinwerk a:hover, li.feinwerk a:visited, li.feinwerk a:active {
    color: red !important;
}



/*content*/

 h1,h2,h3,h4,h5,h6 {
    font-family:Arial, Helvetica, sans-serif;
    font-weight:normal;
    color:#000;
    margin:0;
    padding:0;
  }

	/*Wrth: -- specifications for headlines according to Würth CD | Definitionen für Überschriften im Würth CD*/
	h1 {
		color:#605d5c; 
		font-size:12pt;
		font-weight:bold;
		padding-top:12px;
		/*margin:17px 0 14px 0*/
	}
	
	h2 {
		color:#000;
		font-size:10pt;
		font-weight:bold;
		padding:0;
		margin:0;
	}
  
  h3 { font-size:150%; }                       /* 18px */
  h4 { font-size:133.33%; }                    /* 16px */
  h5 { font-size:116.67%; }                    /* 14px */
  h6 { font-size:116.67%; }                    /* 14px */
  

/*formularfelder*/

#content input[type='text'] {
    border: 1px solid #DEDEDE;
    background-color:#fff;
    height:18px;
/*     padding: 1%; */
/*     margin: 1%; */
    width: 100%;
}

textarea{
border: 1px solid #DEDEDE;
background-color:#fff;
padding:3px;
}

/*checkbox{
border: 1px solid #DEDEDE;
background-color:#fff;
padding:3px;
}*/

.button {
color: #fff;
font-size: 8pt;
font-weight: bold;
display: block;
/*width: 90px;*/
padding: 3px 6px 3px 13px;
/*margin-left:4px;*/
border: none;
background: url(/files/images/but_arr_form.gif) no-repeat #CC0001; 
}


/*.table-cell {
    display: table-cell;
    width: auto;
    padding: 2% 2% 2% 0;
    vertical-align: top;
}*/
