@charset "UTF-8";
/* CSS Document */

* { 
   margin: 0; 
   padding: 0; 
} 
    
body { 
	background-color:#FFFFFF;
} 

html, body { 
   margin:0; 
   padding:0; 
   height:100%;
   background-color:#FFFFFF; 
} 

* html #container {
     height: 100%;
}

.hidden { 
   display:none; 
} 

div#container { 
   position: relative; 
   margin:auto; 
   width:100%; 
   min-height:100%; 
   height: auto !important; 
   height:100%;
} 

div#black-background {
	position: relative; 
	margin:auto; 
	height:439px; 
	margin:auto;
	background: url(images/black-shining.jpg) no-repeat top center;
	background-color:#000000; 
}

div#logo-header { 
	position: relative; 
	margin:auto; 
	height:124px; 
	width:975px;
	border:none;
	background: url(images/logo-bengsch-header2.jpg);
}

div#navi { 
	width:368px;
	margin-top:72px;
	height:35px; 
	float:right;
	font: 18px "Times New Roman";
	word-spacing: 1pt;
	line-height: 1.3;
	color: #FFFFFF;
	text-align: left;
}

div#header-wrap { 
	height:270px; 
	width:945px;
	border:none;
	font: 12px "Arial";
	line-height: 1;
	color: #FFFFFF;
	text-align: left; 
}

div#header-navi { 
	position: relative; 
	margin:auto; 
	height:14px; 
	width:945px;
	border:none;
	font: 22px "Times New Roman";
	letter-spacing: 0.8pt;
	line-height: 0;
	color: #FFFFFF;
	text-align: center; 
	margin-top:-15px;
}

.header-img {
	border:none;
}

div#main-image-index { 
   width:100%; 
   height:273px;
   background-color:#B2B2B2; 
}

div#grey { 
   width:100%; 
   height:140px;
   background-color:#B2B2B2; 
}

div#index-wrap { 
   min-height: 100%; 
   height: auto !important; 
   height: 100%; 
   width:960px; 
   margin:auto;
}

div#index-range { 
   min-height: 100%; 
   height: auto !important; 
   height: 100%; 
   width:399px;
   float:left;
   margin-top:29px;
}

div#index-text { 
	width:561px;
	margin-top:20px;
	min-height: 100%; 
	height: auto !important; 
	height: 100%; 
	float:left;
}

div#sec-nav { 
   height:75px; 
   width:960px; 
   margin:auto; 
}

div#text { 
   min-height: 100%; 
   height: auto !important; 
   height: 100%;
   width:945px; 
   margin:auto;
   padding-top: 20px;
   padding-bottom:140px;
}

/* The magical Footer-positioner */

#text:after {
	clear:both;
	content:".";
	display:block;
	visibility:hidden;
}
#left {
	float: left;
	width: 320px;
    min-height: 100%;
	height: auto ! important;
	height: 100%;
	font: 12px "Times New Roman";
	letter-spacing: 0.8pt;
	line-height: 16px;
	color: #000000;
	text-align: left;
	margin-right:0px;
}
         	
#right {
	float: right;
	width: 140px;
	min-height: 100%;
	height: auto ! important;
	height: 100%;
	margin: 0;
	font: 12px "Times New Roman";
	letter-spacing: 0.8pt;
	line-height: 16px;
	color: #000000;
	text-align: left;
}

			
#content {
	width: 485px;
	margin: 0;
	margin-right: 0px;
	margin-left:  320px;
	font: 12px "Times New Roman";
	letter-spacing: 0.8pt;
	line-height: 16px;
	color: #000000;
	text-align: left;
}

#content-sub {
	width: 625px;
	margin: 0;
	margin-right: 0px;
	margin-left:  320px;
	font: 12px "Times New Roman";
	letter-spacing: 0.8pt;
	line-height: 16px;
	color: #000000;
	text-align: left;
}




div#footer { 
	position:absolute; 
	bottom: 0 !important; 
	width:100%; 
	height:100px; 
	overflow:hidden;
	background: #ACC9CE;
	padding-top:33px;
	font: 12px "Times New Roman";
	line-height:16px;
	color:#6B6B6B;
	text-align:left !important;
	text-decoration:none;
}

div#footer-wrap1 {
	height:85px; 
	width:945px; 
	margin:auto;
	background: url(images/mandatory-back.gif) no-repeat center;
}

div#footer-wrap {
	height:85px; 
	width:945px; 
	margin:auto;
}

#footer li {
	height:262px;
	width:236px;
	margin-left:0px;
	padding-left:0px;
	margin-top:-10px;
	float:left;
	display:inline;
}

a.footer:link { 
	color: #6B6B6B;
	border:none;
    outline:none;
    text-decoration: none;
	}
a.footer:visited { 
	color: #6B6B6B;
	border:none;
    outline:none;
    text-decoration: none;
	}
a.footer:hover { 
	color: #6B6B6B;
	border:none;
    outline:none;
    text-decoration:underline;
	}
a.footer:active { 
	color: #6B6B6B;
	text-decoration: none;
}




div#portfolio-wrap {
	width:196px; 
	margin:auto;
}

#portfolio li {
	height:170px;
	width:196px;
	margin-left:0px;
	padding-left:0px;
	margin-top:10px;
	margin-right:11px;
	float:left;
	display:inline;
	background-color: #F3F7F8;
	text-align:center;
}

#portfolio li:hover {
	background-color: #000000;
	color:#FFFFFF;
}

.port-img {
	width:181px;
	height:134px;
	margin-left:0px;
	margin-top:8px;
	margin-right:0px;
	border:none;
}

a:link { 
	color: #FFFFFF;
	border:none;
    outline:none;
    text-decoration: none;
	}
a:visited { 
	color: #FFFFFF;
	border:none;
    outline:none;
    text-decoration: none;
	}
a:hover { 
	color: #FFFFFF;
	border:none;
    outline:none;
    text-decoration:underline;
	}
a:active { 
	color: #FFFFFF;
	text-decoration: none;
	}
	
h1 {
  font: bold italic 25px "Times New Roman";
  line-height:35px;
  position: relative;
  color: #000000;
  text-align:left;
  border-bottom: 2px solid #000000;
  width:auto;
  margin-bottom:15px;
}
h1 span {
  background: url(images/text-gradient2.png) repeat-x;
  position: absolute;
  display: block;
  width: 100%;
  height: 68px;
}

h2 {
  font: bold italic 25px "Times New Roman";
  line-height:35px;
  position: relative;
  color: #000000;
  text-align:left;
  border-bottom: 2px solid #000000;
  width:auto;
  margin-bottom:15px;
  margin-right:15px;
}
h2 span {
  background: url(images/text-gradient2.png) repeat-x;
  position: absolute;
  display: block;
  width: 100%;
  height: 68px;
}

.white {
	font: 13px "Arial";
	line-height:16px;
	color:#FFFFFF;
	text-align:left !important;
	text-decoration:none;
}

#wrap {
	position: relative; 
	margin:auto;
	margin-top:25px;
	height:275px;
	width:945px;
	display:block;
	overflow:hidden;
	position:relative;
}

#carousel {
	width:10000px;
	margin:0;
	padding:0;
	position:absolute;
	top:0;
	left:0;
}

#carousel li {
	height:262px;
	width:945px;
	margin:0;
	padding:0;
	float:left;
	display:inline;
}

#previous, #next {
	height:10px;
	cursor:pointer;
	font: 13px "Times New Roman";
	line-height:16px;
	color:#FFFFFF;
	text-align: center !important;
	text-decoration:none;
	}
	#previous {
		width:65px;
		text-align: center !important;
		}
	#next {
		width:35px;
		text-align: center !important;
		}
#container {
	width:400px;
	height:346px;
}





#item-index {
	width: 465px;
}

.small-pic-index {
	margin: 0px 20px 60px 0px;
	float:left;
}
	
#text-normal {
	width: 465px;
	font: 12px "Times New Roman";
	line-height:16px;
	color:#000000;
	margin: 0px 40px 0px 0px;
	margin-bottom: 25px;
	background-color: #FFFFFF;
	border-bottom: 1px solid #EAEAEA;
}

#text-normal span.headline {
	font-size: 18px;
	line-height: 20px;
	color: #000000;
}

#text-normal span.subheadline {
	font-size: 11px;
	line-height: 22px;
	color: #5D5D5D;
	text-decoration:none;
}

.language {
	font: 12px "Times New Roman";
	line-height:16px;
	color:#FFFFFF;
	text-align:right;
}





.text-normal-headline {
	width: 465px;
	font: 20px "Times New Roman";
	line-height:30px;
	color:#8F8F8F;
}

.text-normal-headline-port {
	width: 465px;
	font: 14px "Times New Roman";
	line-height:35px;
	color:#000000;
	text-transform: uppercase;
}

a.port:link { 
	color: #000000;
	border:none;
    outline:none;
    text-decoration: none;
	}
a.port:visited { 
	color: #000000;
	border:none;
    outline:none;
    text-decoration: none;
	}
a.port:hover { 
	color: #000000;
	border:none;
    outline:none;
    text-decoration:underline;
	}
a.port:active { 
	color: #000000;
	text-decoration: none;
	}