/************************************************************************************/
/* Generelle HTML Tags */

body
{
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #5f6d78;
line-height: 17px;

}



/************************************************************************************/
/* Titel und Text */

h1 {  
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #5f6d78;
/* font-weight: lighter;
letter-spacing: 1px; */
font-weight: bold;
line-height: 14px;
margin: 0px;
padding-bottom: 10px;
}

h2 {  
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #5f6d78;
margin: 0px;
padding-bottom: 5px;
}


/* Team Seite Titel */
h3 {  
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #fff;
font-weight: bold;
margin: 0px;
padding: 0px;

}


h4 {  
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #647C60;
margin: 0px;
padding-bottom: 5px;
}

h5 {
	font-size: 14px;
	display: block;
	width: 100%;
	line-height: 35px;
	background-color: #7AB800;
	vertical-align: middle;
	text-indent: 7px;
	margin-bottom: 10px;
	color: #fff;
	font-weight: bold;
}




/************************************************************************************/
/* Team Boxen     --  border: 1px solid #000; */

.box_team, .box_teamR {
width:120px; 
height: 100px; 
background-color: #7AB800; 
padding: 0px;
margin-top: 10px;
margin-right: 10px;
float: left;
}

.box_teamR {
margin-right: 0px;
}



/* HR  */

.box_hr, .box_hrR {
width:120px; 
height: 100px; 
background-color: #fff; 
padding: 0px;
margin-top: 10px;
margin-right: 10px;
float: left;
}

.box_hrR  {
margin-right: 0px;
}

.box, .box a, .box a:hover {  
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #fff;
font-weight: bold;
padding: 0px;
margin-top: 1px;
margin-left: 3px;
}

.hr-arrow {
z-index: 100; 
position: absolute; 
left: 377px; 
top: 240px;
}

.hr-case {
width: 380px; 
float: left;
}

.hr-login {
margin-top: 0px; 
width: 340px; 
float: right;
}


.hr-arrow2 {
z-index: 100; 
position: absolute; 
left: 377px; 
top: 300px;
}

.hr-login2 {
margin-top: 60px; 
width: 340px; 
float: right;
}





/************************************************************************************/
/* ContentdivRight Boxen     --  border: 1px solid #000; */

.box370 {
margin-top: 15px;
padding: 0px;
width: 370px;
float: left;
background-color: transparent;
}

.box860 {
margin-top: 15px;
padding: 0px;
width: 860px;
float: left;
background-color: transparent;
}

.box860_titel {
display: block;
width: 100%;
line-height: 30px;
background-color: #7AB800;
vertical-align: middle;
text-indent: 7px;
margin-bottom: 10px;
color: #fff;
font-weight: bold;
}


.box170 {
margin-top: 15px;
padding: 0px;
width: 170px;
float: left;
background-color: transparent;
}

.box170R { 
margin-left: 15px;
margin-top: 15px;
padding: 0px;
width: 170px;
float: right;
background-color: transparent;
}

.box_titel {
display: block;
width: 100%;
line-height: 20px;
background-color: #7AB800;
vertical-align: middle;
text-indent: 7px;
margin-bottom: 10px;
color: #fff;
font-weight: bold;
}

.box_content {
background-color: #f3f9e6;
padding: 5px 8px 15px 8px;
margin: 0px;
/*min-height: 53px;*/
}

.box_content_reflogo {
width: 352px;
background-color: #fff;
padding: 5px 8px 15px 8px;
margin: 0px;
border: 1px solid #D5E8AD;
/*min-height: 53px;*/
}

/* .box_content img {
background-color: #f3f9e6;
padding: 1px;
float: left;
} 
.box_content a {
position: relative;
top: 5px;
}

*/


.reflogo { 
margin: 10px;  }


/************************************************************************************/
/* Verschiedene Divs    --  border: 1px solid #000; */

/* swiss innovation award */
.avard {
position: absolute; 
bottom: 60px; 
left: 50px;
}

.design { 
color: #dddddd; }
a.design {color: #dddddd; text-decoration :none; background-color: transparent;}
a.design:hover {color: #5f6d78; background-color: transparent; text-decoration: none;}

#FLVPlayer {
margin-bottom:1.5em;
}



/************************************************************************************/
/* Versch    --  border: 1px solid #000; */



p { margin: 0 0 1em 0; }

img {
border:0px; }


li {
margin-top: 3px;
margin-left: -20px;}
ol {
margin-top: 5px;
margin-bottom: 15px; }



/************************************************************************************/
/* Hacks */
/* Für Easy Clearing */
.clearfix
{
display: inline-block;
clear: both;
height: 0.1em;
visibility: hidden;
overflow: hidden;
}



/************************************************************************************/
/* Login  -  border: 1px solid #000;*/

#np_login {
width: 160px;
border: 1px solid #D8D8D8;
background-color: #F4F4F4;
padding: 8px;
margin-bottom: 20px;
}


.np_login_title {
font-weight: bold;
}

.np_login_field input{
color: #5f6d78;
background-color: #fff;
width: 140px;
height: 15px;
margin-top: 1px;
border: 1px solid #D8D8D8;
}

.np_login_submit input {
margin-top: 3px;
background-color: #7AB800; 
width: 140px; 
font-size: 11px;
font-family: Tahoma, Verdana,Arial,Geneva; 
color: #fff;
font-weight: bold;
border: 1px solid #5E6A71;
}

.npobject h4
{
color: #90F;
margin-bottom:0px;
padding-bottom:0px;
}

.npobject img
{
float: right;
}

.npimageleft {
	float: left;
	padding: 0 10px 0 0;
	clear: both;
}
.npimageright {
	float: right;
	padding: 0 0 0 10px;
	clear: both;
}

.npheadlinetitle, .headline_newslines a {
	background-image: url(../images/icon/arrow_fitij_r.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding: 0 0 0 8px;
}

#npbackbutton {
	display: block;
	clear: both; 
	margin: 20px 0 0 0;
}

/*
<div id="np_login">
<p class="np_login_title">Login</p>
<form action="?action=login&amp;newsNO=0&amp;id=4599" method="post" style="margin:0px;">
<p class="np_login_field">Benutzername<br>
<input type="text" name="username" maxlength="50"></p>
<p class="np_login_field">Passwort<br>
<input type="password" name="password" maxlength="20"></p>

<p class="np_login_submit"><input type="submit" value="Login"></p>
</form>
</div>*/





/************************************************************************************/
/* Formular */

.ff, .ff2, .ff3 {
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #5f6d78;
background-color: #F4F4F4;
width: 220px;
height: 15px;
border: 1px solid #D8D8D8;
margin-right: 10px;
margin-top: 4px;
}

.ff2 {
font-style: italic;
height: 65px;
margin-right: 10px;
margin-top: 4px;
overflow: auto;
} 

.ff2a {
font-style: italic;
height: 65px;
margin-right: 10px;
margin-top: 4px;
overflow: auto;
display: none;
} 

.ff3 {
width: 128px;
} 

.send {
background-color: #7AB800; 
width: 223px; 
font-size: 11px; 
font-family: Tahoma, Verdana,Arial,Geneva; 
letter-spacing: 1px;
color: #fff;
font-weight: bold;
border: 1px solid #D8D8D8;
margin-top: 10px;
margin-right: 15px;
float: left;
}



/************************************************************************************/
/* Links */



a.mail {color: #7AB800; background-color: transparent; text-decoration :none; }
a.mail:hover {color: #5f6d78; background-color: transparent; text-decoration :underline;}

a.trans {color: transparent; background-color: transparent; text-decoration :none; }
a.trans:hover {color: transparent; background-color: transparent; text-decoration: none; }

a {color: #7AB800; background-color: transparent; text-decoration :none; }
a:hover {color: #fff; background-color: #7AB800; text-decoration: none; }

a.hover_none:hover {background-color: transparent;}


/************************************************************************************/
/* Popup */

.hintergrund_popup {
	width: 610px;
	height: 410px;
	background-color: #FFF;	
	margin: 20px auto 20px auto;
	padding: 0 20px 0 20px;
}

#divContent_popup {
	background-image: url(../images/bg_layout_popup.gif);
	height: 100%;
	width: 100%;
	margin: 0;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 40px;
	padding-left: 0px;
	float: left;
}

.team_oben {
margin: 94px auto 0 auto;	
}

.popup {
	width: 350px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #5f6d78;
	line-height: 17px;
}

.popup_en {
	width: 550px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #5f6d78;
	line-height: 17px;
}

#popupBuch, #popupModell {
	display: none;	
}



/*Login Bilder Rechts*/
.login_bilder img{
	float: none;
}

.fehlt {
	color: #F00;	
}

.noEnglish_info {
	color: #5F6D78 !important;
}
.noEnglish p{
	color: #a8a8a8;	
}
.noEnglish h1{
	color: #a8a8a8;	
}

.pfeil {
	background-image: url(../images/icon/pfeil.gif);
	background-repeat: no-repeat;
	background-position: right;
	padding: 0 18px 0 0;
}