/* CSS Document */

body{margin-left: 0px; margin-right: 0px; margin-bottom: 0px; margin-top:10px; background-color:#E8E8E8;}

/* 
allgemeines
-------------------------------------------------- */ 
.clear{
clear:both;
}

.left{
float:left;
display:inline;
}

.right{
float:right;
display:inline;
}

.hidden{
	display:none;
}

p {margin: 0 0 0 0;}
h1, h2, h3, h4, h5, h6 {margin: 0 0 0 0; padding: 0 0 0 0;}


/* 
container
-------------------------------------------------- */ 
.main{
	width:950px;
	margin:0px auto;
	align:center;
	display:block;
}

#main_metanav{
	float:right;
	margin:0 0 0 0;
	display:block;
}

#main_language{
	float:right;
	width: 28px !important; 
	padding:0 0 0 0;
	margin:0 0 0 0;
	display:block;
/*	display:none !important;  */
}

/*
#main_home_content_out{
	float:left;
	background-image:url(../images/home_hg_1.jpg);
	background-repeat: no-repeat;
	margin: 10px 0 0 0;
	display:block;
}
  */
#main_content_out{
	float:left;
	background-image:url(../images/reproad_gross.gif);
	background-repeat: no-repeat;
	margin: 10px 0 0 0;
	display:block;
}

#main_left{
	float:left;
	width: 212px;
	display:block;
}

#main_left_top{
	float:left;
	width: 212px;
	margin: 0 0 18px 0;
	display:block;
}

#main_right_out{
	float:right;
	width: 720px;
	min-height: 550px;
	margin: 0 0 0 18px;
	padding: 0 0 15px 0;
	background-color:#FFFFFF;
	display:block;
}
*html #main_right_out{ display:inline; height:550px;}

#main_right_content{
	float:left;
	width: 470px;
	padding: 12px 15px 40px 15px;
	margin: 0 0 0px 0;
/*	background-color:#99CC66;*/
	display:block;
}
*html #main_right_content{ display:inline;}

.contentelement{
	float:left;
	width: 470px;
	margin: 0 0 0px 0;
	background-color:#CC9933;
	display:block;
}
*html .contentelement{ display:inline;}

#main_right_content_intro{
	float:left;
	width: 470px;
	padding: 12px 15px 0px 15px;
	margin: 0 0 0px 0;
/*	margin: 0 0 15px 0;
	background-color:#99CC66;   */
	display:block;
}
*html #main_right_content_intro{ display:inline;}

#main_right_box{
	float:right;
	width: 210px;
	margin: 0px 0 0 0;
/*	background-color:#66CCFF;  */
	display:block;
}
*html #main_right_box{ display:inline; }


/* 
flexible contents
-------------------------------------------------- */ 

/* Introseite Fräsen - 3spaltig  */
#fraesen_intro{
	float:left;
	width: 470px;
	padding: 12px 15px 40px 15px;
	margin: 0 0 0px 0;
	display:block;
}
*html #fraesen_intro{ display:inline;}


.fraesen_intro_a {
	float:left;
	width:154px;
	margin: 0 4px 0 0;
	padding: 0 0 12px 0px;
	background-color:#EAE8E9;
	display:block;
}

.fraesen_intro_b {
	float:left;
	width:154px;
	margin: 0 4px 0 0;
	padding: 0 0 12px 0px;
	background-color:#EAE8E9;
	display:block;
}

.fraesen_intro_c {
	float:left;
	width:154px;
	padding: 0 0 12px 0px;
	background-color:#EAE8E9;
	display:block;
}


/* 
rightbox
-------------------------------------------------- */ 
.boxheader{
/*	width:190px;
	margin: 10px 0 10px 0;      */
	background-color:#E8E8E8;
}

.boxcontent{
/*	width:190px;
	margin: 10px 0 10px 0;      */
	border-bottom:1px solid #E8E8E8;
	padding:0 0 10px 0;
}

/*
navigation 
-------------------------------------------------- */ 
.nav{
	float:left;
	width: 212px;
	margin-top: 0px;
	display:block;
}
*html .nav{ display:inline;}

ul.nav1{
	list-style:none;
	width: 212px;
	margin:0 0 0 0;	
	padding: 0 0 0 0;
	vertical-align:middle;
	background-color:#FFFFFF;
	display:block;
}

ul.nav1 li{
	float:left;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background-color:#FFFFFF;
/*	border-top:1px solid #E8E8E8;
	border-bottom:1px solid #E8E8E8;  */
	width: 212px;
	display:block;
	clear:both;
}

ul.nav2 li{
	float:left;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background-color:#FFFFFF;
	border-top-style:none;
	border-bottom-style:none;
/*	border-bottom:1px solid #E8E8E8;    */
	width: 212px;
	display:block;
	clear:both;
}

ul.nav3 li{
	float:left;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background-color:#FFFFFF;
	border-top-style:none;
	border-bottom-style:none;
	width: 212px;
	display:block;
	clear:both;
}

.nav_bottom{
	float:left;
	width: 212px;
	height: 1px;
/*	background-color:#7A8791;
	border-bottom:1px solid #E8E8E8;  */
	margin-top: 0px;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:0px;
	line-height:0px;
	overflow:hidden; 
	display:block;
}
*html .nav_bottom{ display:inline; }

.iso_logo {	float:right; background-color:transparent;}
/* 
login 
------------------------------------------------------------------------------------- */
.login_left {float:left; width:120px; margin:0 0 10px 0;}
.login_right {float:left; width:180px; margin:0 0 10px 0;}

/* 
news 
------------------------------------------------------------------------------------- */ 
.news_rightbox_out {float:left; width:159px; margin:0 0 7px 0; padding: 0 10px 0 0; clear:both;}
.news_personen_superout {float:left; width:337px; background-color:transparent; margin: 0 0 10px 0;}
.news_personen_title {float:left; width:337px; margin:0 0 3px 0; clear:both;}
.news_personen_contentout {float:left; width:337px;  margin:0 0 10px 0; position: relative;}
.news_personen_image {float:left; width:100px; margin:0 15px 0 0; }
.news_personen_content {float:left; }
/*  ist auf der linken Seite noch ein Bild integriert, kann mit untenstehender Formatierung der Inhalt unten dargestellt werden.
.news_personen_content {float:left; position: absolute; bottom: 0px;}
*/

.news_projekte_latest_out {float:left; width:160px; margin:0 0 6px 0; clear:both;}
.news_projekte_latest_trenner {float:left; width:160px; margin:0 0 6px 0; clear:both; border-bottom:1px solid #C2C2C2;}
.news_projekte_superout {float:left; width:337px; }
.news_projekte_title {float:left; width:337px; clear:both;}
.news_projekte_contentout {float:left; width:337px; position: relative;}
.news_projekte_subheader {float:left; width:337px; clear:both;}
.news_projekte_subheader_trenner {float:left; width:337px; margin:6px 0 8px 0; clear:both; border-bottom:1px solid #C2C2C2; max-height:1px;}
.news_projekte_content {float:left; width:222px;  margin:0 15px 0 0; }
.news_projekte_image {float:left; width:100px;}


/* 
news - produkte / produktenewa
------------------------------------------------------------------------------------- */ 
/*    .produkte_latest { float: left; width:225px; display:block; }
*html .produkte_latest{ display:inline; }   */


.produkte_single_out { float: left; width:470px; display:inline; }
.produkte_single_left { float: left; display:inline; }
.produkte_single_right { float: right; display:inline; }
.produkte_single_image { float: left; display:inline; }
.produkte_single_inhalt { float: left; display:inline; }

/* 
produktenews umfliessen - single view
------------------------------------------------------------------------------------- */ 
.news_produktenews_single_image { float:left; }
.news_produktenews_single_image img { margin-right: 15px; }
.news_produktenews_single_inhalt { float: left; width:425px; }

.news_news_single_image { float:right;}
.news_news_single_image img { margin-left: 15px;}
.news_news_single_inhalt { float: right; width:470px;}


/* 
news list - zweispaltige Ansicht Übersicht (Projekte, Personen)
------------------------------------------------------------------------------------- */ 
.project_list_out {
	float: left;
	width:470px;
	display:block;
}

.project_list_left {
/*    position:absolute; */
	float: left;
	width: 233px;
	margin: 2px 0 0 0;
	background-color:#EAE8E9;
	display: inline;
}

.project_list_middle {
	float: left;
	width:4px;
	display:inline;
}

.project_list_right {
	float:right;
	width: 233px;
	margin: 2px 0 0 0;
	background-color:#EAE8E9;
	display:block;
	overflow:hidden; 
}

.project_list_linie {
	float: left;
	width:233px;
	height: 6px;	
	display:inline;
}

.project_list_in {
	float: right;
	width:100px;
	margin-left:0px;
	display:inline;
}

.project_list_image {
	float: left;
	width:88px;
	display:inline;
}

.project_list_title {
	float: left;
	width:100px;
	display:inline;
}

.project_list_byline {
	float: left;
	width:100px;
	display:inline;
}

.project_list_content {
	float: left;
	width:230px;
	padding: 0 0px 0 0px;
	display:inline;
}

.project_list_content_left {
	float: left;
	width:20px;
	padding: 0 0px 0 8px;
	display:inline;
}

.project_list_content_right {
	float: right;
	width:188px;
	padding: 0 8px 0 0px;
	display:inline;
}

.project_list_bottom {
	float: left;
	width:233px;
 	height: 10px;	
	display:inline;
}


/* 
Referenzlisten (News)
-------------------------------------------------- */ 
.news_referenz_out{
	float:left;
	width: 470px;
	margin: 0 0 3px 0;
	display: block;
}

.news_referenz_linie{
	float:left;
	width: 470px;
	height: 1px;
	background-color:#E8E8E8;
	margin: 2px 0 2px 0;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:0px;
	line-height:0px;
	overflow:hidden; 
	display:block;
}
*html .news_referenz_linie{ display:inline; }

.news_referenz_kanton{
	float:left;
	width: 50px;
	margin: 0 10px 0 0;
	display: block;
}

.news_referenz_ort{
	float:left;
	width: 200px;
	margin: 0 10px 0 0;
	display: block;
}

.news_referenz_auftraggeber{
	float:right;
	width: 200px;
	display: block;
}


/* 
popup
-------------------------------------------------- */ 
#popup{
	float:left;
	margin:0px 0 0 0;
	display: block;
}


/* 
footer
-------------------------------------------------- */ 
#bottom{
	float:right;
	width: 722px;
	height: 30px;
	margin:10px 0 0 0;
	display: block;
}

.spacer {
	height:10px;
	max-height: 10px;
	display: block;
}