/*
	
	tocco ag
	technology meets spirit
	www.tocco.ch
	044 388 60 00
*/

html { 
  padding:0px;
  margin:0px;
}

body {
	/*text-align:center;*/
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;  
	margin:0px;
	padding:0px;
}

a {
text-decoration:none;
color:#cccccc;
}

p, ul {
text-align:left;

}


#container{
	margin: 0 0;
	width: 859px;	
	text-align: left;
	border-bottom:1px solid #cccccc;

	/*min-height:950px;*/
	background-color:transparent;
	background-image:url(../img/schatten.jpg);
	background-position:right center;
	background-repeat:repeat-y;
	float:left;

}

#container_in{
	margin: 0;
	width: 848px;
		/*min-height:950px;	*/
	text-align: left;
	border:0px solid #000000;
	background-image:url(../img/bg_main.gif);
	float:left;
}

#service {
width: 848px;
margin: 0px;
padding:0px;
text-align:right;
background-color:#ffffff;
}

#service a:hover {
background-color:transparent;
}

.service {
margin: 0px;
padding: 4px 13px 0px 13px;
border-left: 1px solid #D1D2CA;
border-right:0;
border-top:0;
border-bottom:0;
}

#service a span {
display: none;
}

#service a:hover span {
	display: block;
   position: absolute;
   top: 3px;
   left: 100;
   width: 125px;
   padding: 0px 0px 0px 10px;
   margin: 0px 0px 0px 500px;
   z-index: 100;
   color:#999999;
   background-color:transparent;
   font-size: 11px;
   text-align: top;
 
   }

.header{
	height:88px;
	background:#ffffff;
	border-bottom:1px solid #cccccc;

}

.banner {
background: url("../img/bg_hr.jpg") left repeat-x;
margin: 0px;
padding:0px;
border-top: 0px solid #D1D2CA;
border-bottom: 1px solid #D1D2CA;
height:110px;
}

.banner_hr {
background: url("../img/bg_hr.jpg") left repeat-x;
margin: 0px;
padding:0px;
border-top: 0px solid #D1D2CA;
border-bottom: 1px solid #D1D2CA;
height:110px;
}

.banner_da {
background: url("../img/bg_da.jpg") left repeat-x;
margin: 0px;
padding:0px;
border-top: 0px solid #D1D2CA;
border-bottom: 1px solid #D1D2CA;
height:110px;
}

.banner_th {
background: url("../img/bg_th.jpg") left repeat-x;
margin: 0px;
padding:0px;
border-top: 0px solid #D1D2CA;
border-bottom: 1px solid #D1D2CA;
height:110px;
}

.banner_thw {
background: url("../img/bg_thw.jpg") left repeat-x;
margin: 0px;
padding:0px;
border-top: 0px solid #D1D2CA;
border-bottom: 1px solid #D1D2CA;
height:110px;
}

.banner_rc {
background: url("../img/bg_rc.jpg") left repeat-x;
margin: 0px;
padding:0px;
border-top: 0px solid #D1D2CA;
border-bottom: 1px solid #D1D2CA;
height:110px;
}

.banner_stex {
background: url("../img/bg_stex.jpg") left repeat-x;
margin: 0px;
padding:0px;
border-top: 0px solid #D1D2CA;
border-bottom: 1px solid #D1D2CA;
height:110px;
}



.banner_bild {
margin:0;
padding:0;
width:400px;
float:left;
}

#links{
	width:200px;
	border-right:0px solid red;
	float:left;
	
	
}

#center{
	width:448px;
	border-top:2px solid #3656AB;
	float:left;
min-height:840px;
}

#rechts{
	width:200px;
	border-top:2px solid #3656AB;
	float:left;
_width:198px;
_overflow:hidden;

}

#rechts p {
color:#666666;
font-size:11px;
line-height:1.4em;
}

#rechts img{
border:0px;
}
.footer{
border:0px solid red;
float:left;
width:438px;
margin-left:210px;
_margin-left:110px;
color:#999999;
font-size:11px;
}

.logo{
padding:0px;
border:0px;
margin:10px 15px;
float:left;
}

.addresse{
color:#666666;
font-size:11px;
text-align:right;
width:160px;
height:60px;
float:right;
margin:10px;


}

.linie_menu {
border-bottom:1px dotted #CCCCCC;
margin:5px 5px 5px -15px;

}

.menu_links{
border:0px solid red;
margin:15px;
border-top:1px dotted #cccccc;
padding-top:5px;

}

.menu, .menu_active {
padding:1px 0px 0px 0px;
text-transform:uppercase;
margin:0px;
border-top:0px dotted #cccccc;
}

.menu a{

background-image: url(../img/cuadrat_grau.gif);
background-repeat: no-repeat;
background-position: center left;

}

.menu a:hover{

background-image: url(../img/cuadrat_blue.gif);
background-repeat: no-repeat;
background-position: center left;
}

.menu_active a{

font-weight:bold;
background-image: url(../img/cuadrat_blue.gif);
background-repeat: no-repeat;
background-position: center left;
}

.m_link{
border: 0px solid red;
color: #333333;
font-size: 12px;
font-weight: normal;
padding-left: 15px;

}

.m_link_active{
border: 0px solid red;
color: #333333;
font-size: 12px;
font-weight: bold;
padding-left: 15px;

}

.nav_grau {
padding-left:20px;
margin-top:5px;
border:0px solid red;

}

.text_grau, .nav_grau, .nav_grau_sub, .text_grau_active {
color:#7A7A7A;
font-size:12px;
font-weight:normal;
line-height:1.4em;
padding-left:15px;
text-decoration:none;


}

.nav_grau a{
background-image: url(../img/cuadrat_grau.gif);
background-repeat: no-repeat;
background-position: 0px 3px;
border:0px solid red;
/*display:block;*/
}

.nav_grau a:hover{
background-image: url(../img/cuadrat_blue.gif);
background-repeat: no-repeat;
background-position: 0px 2px;

}

.nav_grau .text_grau_active{
color: #333333;
font-weight: bold;
padding-left:15px;
background-image: url(../img/cuadrat_blue.gif);
background-repeat: no-repeat;
background-position: 0px 2px;

}

/* examen seccionen style */

#traegerbutton_hr {
border:1px solid #D1D2CA;
border-bottom:0px;
color:#FFFFFF;
margin:0px;
padding:5px 0px 20px 15px;
background-image: url(../img/button_hr.jpg);
background-position:-2px 0px;
height:30px;
width:433px;
line-height:1.1em;
}


#traegerbutton_hr .title{
color:#FFFFFF;
font-size:16px;
font-weight:bold;
line-height:1.4em;
}

.legenda{
position:absolute;
padding:0px;
margin:70px 0px 0px 400px;
*margin:70px 0px 0px 0px;/* fixed IE 7 */
width:430px;
text-align:right;
color:#EEEEEE;
font-size:20px;
font-weight:normal;
line-height:1.4em;
border:0px solid red;
}


.pfad{
margin:0px 15px;
width:400px;
color:#999999;
font-size:11px;
text-transform:uppercase;
}

.pfad a{
color:#999999;
text-decoration: none;
}

.box_ohne{
margin:15px;
/*padding-bottom:10px;*/
border-bottom:0px dotted #cccccc;
}

.box{
margin:15px;
border-bottom:1px dotted #cccccc;
}

.box_logos{
text-align:center;
margin:10px;
border-bottom:0px dotted #cccccc;
}

#links .box, #rechts .box{
margin:15px;
/*padding-bottom:10px;*/
border-bottom:0px dotted #cccccc;
}


.form{
margin:10px 15px 10px 15px;

}

.search { 
	width:140px;
	border: 1px solid #D1D2CA; 
	color: #666666;
	font-size: 11px; 
	padding: 1px;
	margin:0px;
	vertical-align:top;
}

.go {
	padding:0px;
	margin-left:0px;
	border:0;
}


/*  Sprachauswahl */

#sprache{
padding-top:10px;
border-top:1px dotted #cccccc;

}


#sprachauswahl {
padding: 0;
margin:3px 15px 0px 15px;
_margin:3px 10px 0px 10px;
font-size: 11px;
line-height:1.4em;
display: inline;
vertical-align:top;
}

#sprachauswahl a{
padding:0px 8px 0px 7px;
border-left: 1px solid #D1D2CA;
text-decoration: none;
color:#999999 !important;
}


/* seiten objekt */

.title{
color:#3656AB;
font-size:20px;
font-weight:normal;
line-height:1.4em;
margin-bottom:10px;
}

#rechts .title{
color:#3656AB;
font-size:12px;
line-height:1.4em;
text-transform:uppercase;
font-weight:bold;

}



.subtitle{
color:#3656AB;
font-size:14px;
font-weight:normal;
line-height:1.4em;
}


#rechts .subtitle{
color:#666666;
font-size:11px;
line-height:1.4em;
font-weight:bold;
}

.text_link, .text_email, .text_download, .text_extlink {
margin:5px 0px;
}


.text_link a, .text_extlink a, .text_map a {
background-image:url(../img/icos/link_intern.gif);
background-position:0 0;
background-repeat:no-repeat;
color:#3656AB;
font-size:12px;
line-height:1.4em;
margin:0;
padding-left:15px;
}

.text_extlink a{
background-image:url(../img/icos/link_extern.gif);
}

.text_map a{
background-image:url(../img/icos/list2.gif);
background-position:15px 5px;
padding-left:25px;

}

.text_email a {
    background-image: url( ../img/icos/mail.gif );
    background-position: 0 0;
    background-repeat: no-repeat;
    color: #3656AB;
    font-size: 12px;
    line-height: 1.4em;
    margin: 0;
    padding-left: 15px;
    text-decoration: none;
}

.text_download a {
    background-image: url( ../img/icos/download_b.gif );
    background-position: 0 0;
    background-repeat: no-repeat;
    color: #3656AB;
    font-size: 12px;
    line-height: 1.3em;
    margin:0;
    padding-left: 66px;
    text-decoration: none;
	padding-bottom:10px;
}


.text_download a:hover, .text_email a:hover, .text_extlink a:hover, .text_link a:hover, .text_map a:hover {
background-color:#DDEEFF;
}

.bold_at{
color:#666666;
font-size:11px;
line-height:1.4em;
font-weight:bold;
}

.bild_article{
border:1px solid #E5E5E5;
padding:4px;
margin-top:15px;
margin-bottom:15px;


}

#rechts a{
font-size:11px;
color:#3656ab;
font-family:Arial;

}

/* table style*/
table.sample {
    background-color: #FFFFFF;
    border-collapse: collapse;
    border-style: none;
    width: 100%;
margin:10px 0px;
}

table.sample td {
    border-bottom: 1px solid #E5E5E5;
    margin: 0px;
    padding: 3px;
    text-align: left;
}

table.sample th {
    border-bottom: 1px solid #E5E5E5;
    color: #333333;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.1em;
    margin: 0px;
    padding: 3px;
    text-align: left;
}


.text_list {
    color: #333333;
    font-size: 12px;
    line-height: 1.4em;
    text-decoration: none;
}

.text_list ul {
padding:0px;
margin:10px 15px;    

}

.rubrik{
border:0px;
padding:5px 0px;
}

.text_list ul li {
    background-image: url( ../img/icos/ico_dot_blau.gif );
    background-position: 0 2;
    background-repeat: no-repeat;
    border: medium none;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin: 0px 0px 0px -10px;
    padding: 0px 0px 0px 16px;

}

.text{
    line-height: 1.4em;
}

.text ul {

padding-left: 10px;

}


.text ul li {
    background-image: url( ../img/icos/ico_dot_blau.gif);
    background-position: 0 2;
    background-repeat: no-repeat;
    border: medium none;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin: 0px 0px 0px -10px;
    padding: 0px 0px 0px 16px;
}

.text a{
color: #3656AB;
}

.text a:hover{
background-color:#DDEEFF;
}


/* formular */

.area_text{
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	width:250px;
}

.mceTmpl{
padding:10px 15px;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;

}

.mceTmpl form{
width: 400px;

}

.mceTmpl form table{
width:400px;

}

.mceTmpl form table tr td{
width:120px;
}

.mceTmpl form table tr td input{
width:250px;
color:#333333;
}

.mceTmpl form table tr td input.button{
width:100px;
font-size:11px;
padding:1px;
color:#ffffff;
border:0px solid #cccccc;
background-image: url( ../img/icos/form_button_bg.gif);
background-position: top left;
background-repeat: repeat-x;

}

/*---NICE---*/

/* form public position */
.nf div.menu {
	z-index: 10;
	position: relative;
	top: 0;
	left: 0;
	padding: 5px 10px 0 6px;
	margin: 0;
	display: block;
}
.nf div.content {
	position: relative;
	top: 0;
	left: 0;
	margin: 0;
/*	padding: 0 8px 3px 6px;*/
	float: left;
}

/* korr kv css */
#inhalt .nf {
	line-height: 1em;
}
.nf .list {
	background: none;
	line-height: 1em;
}

/* nice kv component css */
.nf, .nf h1, .nf h2, .nf h3, .nf input, .nf textarea, .nf select, .nf ul, .nf li, .nf th, .nf td, .nf div {
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#333333; 
}
.nf h1 {
	font-size: 20px;
	color: #3656AB;
	font-weight: normal;
	line-height: 1.3em;
}
.nf h2 {
	font-size: 15px;
	color: #3656AB;
	line-height: 1.3em;
	/*background: url("/kv/img/linie_gepunktet.gif") bottom repeat-x;*/
border-bottom:1px dotted #cccccc;
}
.nf h3 {
	font-size: 13px;
	color: #3656AB;
	font-weight: normal;
	text-transform: none;
}
.nf ul.set {
	background: none;
	padding: 1px 0 19px 0;
}
.nf ul.setbutton {
	padding: 1px 0 20px 0;
}
.nf ul.setbutton input.button {
	margin: 0 0 5px 0;
}
.nf a {
	color: #3656AB;
	font-weight:normal;
}
.nf a:hover {
	color: #3656AB;
	background-color: #DEF;
}
.nf .msgtitle {
	color: #3656AB;
	font-weight: bold;
	margin: 0 0 2px 0;
	padding: 0;
}
.nf input.button {
	background: none;
	background-color: #5579BE;
	color: #fff;
	border: 1px solid #666;
	margin: 10px 0 5px 0;
}
.nf table.elements td.label {
	width: 100px;
}
.nf table.elements td.label div {
	width: 98px;
}

.nf .list a{
background-image:url(../img/icos/link_intern.gif);
background-position:0 0;
background-repeat:no-repeat;
color:#3656AB;
font-size:12px;
line-height:1.4em;
margin:0;
padding-left:15px;
}

.nf div.content div.form {
margin:0;
padding:0px;
}

.nf div.list div.field {
float:left;
padding-bottom:10px;
}