/* BURKI & SCHERER AG, OFTRINGEN 
	FÜR BATIMO AG*/

/* GLOBAL STYLES
--------------------------------------------------------------------*/
* {
	padding: 0;
	margin: 0;	
}

html, body {
	font: 12px/1.4 "courier new","georgia","times new roman";
	color: #FF00FF;	
	background-color: #FFFFFF;
}

body {
	float : left;
	width : 100%;
	height : 100%;
	min-height : 620px;
}

img {
	vertical-align: bottom;
	border: none;
}

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

div {	outline : none;}

.clear {
	clear: both;
	height: 1%;
	overflow : hidden;
}

.bold{
	font-weight: bold;
}

.italic {
	font-style : italic;
}

.padding_top {
	padding-top : 16px;	
}

.capital {
	text-transform : uppercase;
}

ul {
	list-style-type: none;
}

p {
	padding : 5px 0;
}

.project_detail p {
	padding : 2px 0;
}

.invisible {
	width : 0px;
	height : 0px;
	left:-1000px;
	top:-1000px;
	position : absolute;
	overflow : hidden;
	display : inline;
}

/* LAYOUT STYLES
--------------------------------------------------------------------*/
#wrapper {
	width : 890px;
	margin : 50px 0 0 85px; 
}

#header {
	height: 100px;
	width: 890px;
	background : #FFFFFF;
}

#container {
	position : relative;
	width: 890px;
}

#left {
	float : left;
	min-height : 450px;
	width : 200px;
}

#main {
	float : left;	
	width : 690px;
	height : 450px;
	position: relative;
}

#vscroll {
	height : 450px;
	width : 680px;
	padding-right: 10px;
}

/*  NAVIGATION  STYLES
--------------------------------------------------------------------*/
#navi ul.level_1 {
	margin-top : 50px;
	width : 200px;
	font-size : 14px;
}

#navi ul.level_1 li  { 
	padding : 15px 0;
	font-family : "arial black",arial,Helvetica,sans-serif;
}

#navi ul.level_1 ul.level_2 { 
	display : none;
}

#navi ul.level_1 li.trail ul.level_2, #navi ul.level_1 li.top ul.level_2 { 
	display : block;
}

#navi ul.level_1 li a {
	text-transform : uppercase;
	font-weight : bold;
	letter-spacing : 1px;
}

#navi ul.level_1 ul.level_2 {
	margin : 5px 0 0 0;
}

#navi ul.level_1 ul.level_2 li {	
	padding : 5px 0;
	position : relative;
}

#navi ul.level_1 ul.level_2 li span {	
	position : absolute;
	top :0;
	left : 0;
	display : block;
	height : 30px;
	font-size : 14px;
	font-weight : bold;
	font-family : arial,Helvetica,sans-serif;	
	line-height : 30px;
}

#navi ul.level_1 ul.level_2 li a {
	margin : 0 0 0 20px;
	font-family : arial,Helvetica,sans-serif;	
	font-weight : normal;
	text-transform : none;
	letter-spacing : 0;	
}

/*  LINKS STYLES
--------------------------------------------------------------------*/
.txt_white a:link {
	color : #FFFFFF;
	border-bottom : 1px solid #FFFFFF;
}

.txt_white a:visited {
	color : #FFFFFF;
	border-bottom : 1px dashed #FFFFFF;
}

.txt_white a:hover {
	color : #FFFFFF;
	border-bottom : 2px solid #FFFFFF;
}

.txt_white a:active {
	color : #000000;
	border-bottom : 2px solid #000000;
}

.txt_black a:link {
	color : #000000;
	border-bottom : 1px solid #000000;
}

.txt_black a:visited {
	color : #000000;
	border-bottom : 1px dashed #000000;
}

.txt_black a:hover {
	color : #000000;
	border-bottom : 2px solid #000000;
}

.txt_black a:active {
	color : #777777;
	border-bottom : 2px solid #777777;
}

/*  COLOR STYLES
--------------------------------------------------------------------*/
.bg_darkgray {
	background-color : #555555;
}

.bg_mediumgray {
	background-color : #777777;
}

.bg_lightgray {
	background-color : #AAAAAA;
}

.txt_white {
	color : #FFFFFF;
}

.txt_black, #navi {
	color : #000000;
}

/*  TEXT STYLES
--------------------------------------------------------------------*/
.txt_big, .txt_normal, .txt_small, #legend p {
	font-family : arial,Helvetica,sans-serif;
}

.txt_big p, .txt_big ul, .txt_big ol {
	font-size : 16px;
}

.txt_big h1, h1.txt_big, #slogan h1 {
	font-size : 18px;
}

.txt_big h2, h2.txt_big {
	font-size : 16px;
}

.txt_normal p, .txt_normal ul, .txt_normal ol  {
	font-size : 12px;
}

.txt_normal h1, h1.txt_normal {
	font-size : 16px;
}

.txt_normal h2, h2.txt_normal, .thumbnail h1{
	font-size : 12px;
}

.txt_normal h3, h3.txt_normal {
	font-size : 11px;
}

.txt_small p, .txt_small ul, .txt_small ol  {
	font-size : 11px;
}

.txt_small h1, h1.txt_small {
	font-size : 14px;
}

.txt_small h2, h2.txt_small {
	font-size : 12px;
}

 h1.txt_big, h2.txt_big, h3.txt_big,  h1.txt_normal, h2.txt_normal, h3.txt_normal,  h1.txt_small, h2.txt_small, h3.txt_small,  h1.txt_big, h2.txt_big, h3.txt_big,  h1.txt_normal, h2.txt_normal, h3.txt_normal,  h1.txt_small, h2.txt_small, h3.txt_small,
.txt_big h1, .txt_big h2, .txt_big h3, .txt_normal h1, .txt_normal h2, .txt_normal h3, .txt_small h1, .txt_small h2, .txt_small h3,
 #slogan h1  {
	font-family : "arial black", arial, Helvetica, sans-serif;
	font-weight : bold;
}

h1 {
	margin-bottom : 17px;
}

h2 {
	margin-bottom : 5px;
}

.project_detail h2, .project_detail h3 {
	margin : 10px 0 0;
}

/*  DIV STYLES
--------------------------------------------------------------------*/
.bg_darkgray, .bg_mediumgray, .bg_lightgray, .bg_white {
	clear : both;
	padding : 63px 65px 0 85px;	
	min-height : 387px;
	width : 525px;
}

* html .mod_article {
	height : 387px;
}

.rechts, .links {
	float : left;
	width : 250px;
	padding-right : 10px;
}

.thumbnail {
	clear : left;
	height : 100px;
	padding-top : 16px;	
}

div.mod_article > div.ce_text:first-child > div.thumbnail {
		padding-top : 0px;
}

* html .thumbnail {
	clear : left;
	height : 100px;
	padding-top : 12px;	
}

.thumbnail_img {
	float : left;
	width : 150px;
	padding-right : 30px;
}

.thumbnail_img a:link, .thumbnail_img a:visited, .thumbnail_img a:hover, .thumbnail_img a:active , #clicker a {
	border : none;
	outline : none;
}

.thumbnail img { 
	width : 150px;
	height : 100px;
}

.thumbnail_caption {
	float : left;
	width :480px;
}

.project_gallery {
	float : left;
	width : 370px;
}

.project_detail {
	float : right;
	width : 285px;
	min-height : 300px;
	margin-top : -4px;
}

/*  OTHERS STYLES
--------------------------------------------------------------------*/
#slogan .claim {
	font-family : arial, helvetica, san-serif; 
	font-weight : normal; 
	margin-left : 5px;
	color : #000000;
}

#print_address {
	display : none;
}

#main ul {
	margin-left : 50px;
}

#main ul li {
	padding : 8px 0;
}

#project #album ul, #project #album ul li, #clicker ul,  #clicker ul li, .thumbnail p {
	padding : 0;
	margin : 0;
}

address {
	font-style : normal;
}

dl.tel_fax {
}

.tel_fax dt {
	width: 40px; 
	float: left;
}

.tel_fax dd {
	width : 190px; 
	float : left;
}

.email {
	clear : left;
	font-weight : bold;
}

/*  GALLARY STYLES
--------------------------------------------------------------------*/
#album ul li {
	float : left;
}

#album ul li img {
	display : none;
	height : 247px;
	width : 370px;
}

#album ul  li.first img  {
	display : block;
}

#clicker {
	margin-top : 5px;
	display : none;
}

#clicker li {
	float : left;
	height : 3px;
	line-height : 3px;
}

#clicker li a:link, #clicker li a:visited {
	float:left;
	text-align:center; 
	width : 15px; 
	height : 3px;
	line-height : 3px;
	background: #DDDDDD;
	border : 1px solid #DDDDDD;
	margin : 5px 10px 0 0;
}

#clicker li a:hover {
	background : #444444;
	border : 1px solid #444444;
}

#clicker li a:active, #clicker li a:focus, #clicker li a#selected{
	background : #444444;
	border : 1px solid #444444;
}

/* Image Swapper */

#swapHolder, #legend {
	position : relative;
}

#swapHolder img, #big {
	position : absolute;
	top : 0;
	left : 0;
}

#swapHolder img#one, #legend p#text1 {
	z-index : 100;
}

#legend p {
	position : absolute;
	top: 5px;
	left : 0;
	width : 675px;
	padding : 0;
	background : #FFFFFF;
}

#bus {
	color :#efefef; 
	font-size: 10px; 
	position : absolute; 
	bottom : 0px; 
	right :10px;
}

#bus span.print {
	display : none;
}

#bus:hover {
	color :#222222; 
}