/* 
Website: COLUMBUS
Author: CYBOX internet & communicatie, Boxmeer, www.cybox.nl
*/

/* default
--------------------------------------------------------------------------------------*/
html {
	height: 100%; overflow: hidden;
}
body {
	background-color: #ffffff;
	font-family: arial, sans-serif;
	font-size: 13px;
	color: #000;
	background-image: url('../images/bg.jpg'); 
	background-repeat: repeat-x;
	height: 100%;
	background-position: 50% 50%;
	background-attachment: fixed; 
	overflow: hidden;
	
}
a {
	color: #359ebe; text-decoration: none;
}
a:hover {
	color: #666;
}
p {
	margin-bottom: 10px;
}

h1 { 
	font-size: 29px;
	color: #333;
}
h2 {
	font-size: 21px;
}
h3 {
	font-size: 21px;
	margin-top: 20px;
}

#container {
	width: 960px;
	margin: 0 auto;
	position: relative;
	height: 100%;
}

.punchline  {
	position: absolute;
	left: 50%;
	margin-left: -480px;
	top: 140px;
	width: 960px;
	height: 61px;
	z-index: 9;
	text-align: center;
}
.punchline h1 {
	font-size: 45px;
	color: #606060;
	text-transform: uppercase;
}
#topbg {
	background-image: url('../images/header.png'); 
	background-repeat: no-repeat;	
	background-position: 50% 0;	
	height: 200px;
	width: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
}

/*  header
--------------------------------------------------------------------------------------*/

#container #header  {
	position: absolute;
	left: 0px;
	top: 15px;
	width: 100%;
	z-index: 9;
}

#container #header .menu {
	position: absolute;
	right: 0px;
	top: 40px;
	line-height: 21px;
	padding: 5px;
	background-image: url('../images/fader2.png');	
	background-repeat: repeat;
	padding-right: 15px;
}
#container #header .menu a {
	display: block;
	float: left;
	margin-left: 15px;
	color: #fff;
	font-size: 11px;
}
#container #header .menu a:hover {
	color: #fff; text-decoration: underline;
}
#container #header .menudark {
	background: none;
	background-image: url('../images/fader2.png');	
	background-repeat: repeat;	
}
#container #header .menudark a {
	color: #fff;
}

#container #header .logo, #container #header .logo img {
	width: 200px;
	height: 118px;
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;	
}

#container #submenu {
	position: absolute;
	right: 0px;
	bottom: 20px;
	z-index: 9;
	padding: 10px;
   padding-right: 34px;
	background-color: #fff;
}

#container #naw {
	position: absolute;
	left: 0px;
	bottom: 20px;
	z-index: 9;
	padding: 10px;
	background-color: #fff;
	font-size: 10px; color: #999
}
#langsel {
	position: absolute;
	right: 125px;
	top: 11px;
	z-index: 9;

}
#langsel img {
	float: left; 
	margin-left: 10px;
}
.search-opener {
	position: absolute;
	right: 60px;
	top: 0px;
	width: 35px;
	padding: 10px;
	background-color: #fff;
	z-index: 9;
	cursor: pointer;
	font-size: 9px;
	color: #278795;
}
.contact-opener {
	position: absolute;
	right: 0px;
	top: 0px;
	width: 35px;
	padding: 10px;
	background-color: #fff;
	z-index: 9;
	cursor: pointer;
	font-size: 9px;
	color: #278795;
}
.contact-opener a {
	color: #278795;
}
#search {
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 9;
	display: none;
	width: 200px;
	height: 30px;
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;

	padding: 10px;
}
#search form input {
	font-size: 11px;
	color: #60A6B0;
	padding: 3px;
	border: 1px solid #60A6B0;
	float: left; margin: 5px;
	display: block;
}
#search form .submit {
	font-size: 11px;
	color: #fff;
	background-color: #60A6B0;
	border: 0x solid #60A6B0;
}
.search-close {
	position: absolute;
	right: -8px;
	bottom: -8px;
	width: 16px;
	height: 16px;
	background-image: url('../images/close.gif');
	cursor: pointer;
}
.fader {
	width: 585px;
	height: 60%;
	padding-bottom: 10px;
	position: absolute; 
	right: 0px;
	top: 120px;
	background-image: url('../images/fader2.png');	
	background-repeat: repeat;

	
}
.fader2 {
	width: 620px;
	height: 500px;
	position: absolute; 
	right: -10px;
	top: 100px;
	background-image: url('../images/fader.png');	
	background-repeat: no-repeat;
}

/* product / content page
--------------------------------------------------------------------------------------*/

.title { /*background-image: url('../images/title.gif');  color: #238493; */ color: #606060; position: absolute; font-size: 53px; font-family: arial; top: 160px; left: 0px;  padding: 0px; width: 324px; height: 51px;  }
.title a { color: #606060; }

.text { position: absolute; top: 140px; right: 0px; width: 550px; overflow: auto; height: 60%; /* height was 60%*/ line-height: 20px; /*background-image: url('../images/white.png'); border: 1px solid #C5C5C5; */ }
.text .text-content {  margin: 20px; margin-top: 0; margin-left: 0;	padding-left: 10px; padding-top: 10px; }
.los { background-image: none; border: 0; height: 55%; color: #fff; width: 550px; margin-right: 18px;   }
.los .text-content {  margin-top: 0px; margin-left: 0; font-size: 13px;}
.los .text-content, .los .text-content p, .los .text-content p ul li, .los .text-content ul li { font-size: 13px; line-height: 18pt; }
.los .text-content p h3, .los .text-content h3 { margin-bottom: 20px; }

.tonews { font-size: 12px; position: absolute; bottom: 10%; right: 20px; padding: 5px; height: 22px; width: 550px; padding-left: 0; padding-right: 0; color: #fff; background-image: url('../images/tonews.png'); text-align: center; padding-top: 14px; }
.tonews a { color: #fff; font-weight: bold; }
.tonews a:hover { color: #333; font-weight: bold; }

.fotos { position: absolute; font-size: 53px; color: #359ebe; font-family: arial; top: 300px; left: 0px;	 max-width: 320px; white-space: nowrap; overflow: hidden; }
.fotos a { display: block; float: left; margin-right: 20px; margin-bottom: 20px; border: 1px solid #FFFFFF; height: 60px; width: 80px; overflow: hidden; }
/*.fotos img { display: block; float: left; margin-right: 8px; margin-bottom: 5px; border: 1px solid #FFFFFF; }*/

.360view {  }

.selector {  position: absolute; top: 236px; left: 0px; color: #6c6c6c; width: 344px; height: 20px; padding: 10px; cursor: pointer;  background-image: url('../images/subpages.gif'); }
.selector-items { z-index: 9; display: none; /*background-color: #278795;*/ background-color: #DDDDDD; border: 1px solid #ccc; border-top: 0px; position: absolute; top: 276px; left: 10px; width: 324px;  padding: 10px; }
.selector-items ul { margin-bottom: 5px; margin-top: 5px; border-top: 1px solid #CCCCCC }
.selector-items ul li { padding: 5px; font-size: 13px; line-height: 20px; border-bottom: 1px solid #CCCCCC }
.selector-items ul li a { color: #606060; font-weight: bold; display: block; }
.selector-items ul li a:hover { color: #228392; }

/* textcontent mark ups */

.text-content img {
	display: block;
	border: 1px solid #fff;
	padding: 5px;
	margin-top: 20px;
	margin-bottom: 20px;
}
.text-content h2 {
	font-size: 33px;
	margin-bottom: 20px;
}
.text-content {
	font-size: 11px;
}
.text-content .closer {
	font-size: 13px;
	font-weight: bold;
	padding-bottom: 20px;
	background-color: #fff;
	text-align: center;
	color: #228392;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 20px;
}

.text-content ul {
	margin-left: 10px;
	margin-bottom: 10px;
}
.text-content ul.list1 li {
	padding-left: 20px;
	background-image: url('../images/bullet1.png');
	background-repeat: no-repeat;
	background-position: 0px 3px;
}
.text-content ul.list2 li {
	padding-left: 20px;
	background-image: url('../images/bullet2.png');
	background-repeat: no-repeat;
	background-position: 0px 3px;
}
.text-content ul.list3 li {
	padding-left: 20px;
	background-image: url('../images/bullet1.png');
	background-repeat: no-repeat;
	background-position: 0px 3px;
	font-weight: bold;
}


/* SUCHEN
--------------------------------------------------------------------------------------*/

#results {
	position: absolute;
	top: 140px; right: 0px; width: 550px; overflow: auto;
	color: #fff; line-height: 16pt; margin-right: 18px;  height: 55%;
}
#results a {
	font-size: 15px; font-weight: bold; color: #fff;
}
#results a:hover { color: #ccc; }
#other_pages { 
	position: absolute;
	top: 160px; left: 0px; width: 350px;
	color: #000;
 }
#result_report {
	position: absolute;
	top: 140px; left: 0px; width: 350px;
	color: #000;
}
.searchBox {
	position: absolute;
	top: 250px; left: -5px; width: 350px;
	color: #fff;
}
.url a { color: #ccc; }
.url a:hover { color: #fff; }
#did_you_mean {
	position: absolute;
	top: 160px; left: 0px; width: 350px;
	color: #000;
}

/* projekte & downloads
--------------------------------------------------------------------------------------*/

.projektedownloadlinks a {
	color: #fff;
	padding-left: 20px;
	background-image: url('../images/bullet1.png');
	background-repeat: no-repeat;
	background-position: 0px 3px;	
}
.projektedownloadlinks a:hover {
	color: #fff; text-decoration: underline;
}
.pdflinks a {
	background-image: url('../images/pdf.png');
	display: block;
	height: 20px;
	padding-left: 23px;
	margin-bottom: 5px;
}

/* table
--------------------------------------------------------------------------------------*/
table td { padding: 3px; }

/* home flow 
--------------------------------------------------------------------------------------*/

.imageflow { position: absolute; /* top:50%; */ bottom: 10px; left: 0; margin-top: -250px; height: 500px; width: 100%; z-index: 5; }
/*.imageflow img:hover { border-top: 2px solid #4CB8C4; margin-top: -2px; }*/

/* lightbox */

#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 12px Arial, Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}

/* kontaktform */

.kontaktform form fieldset { padding: 0px; padding-top: 0px;  margin-bottom: 30px; padding-right: 0px; }
.kontaktform form fieldset legend { font-weight: bold;  font-size: 13px; padding: 10px; padding-left: 0; padding-right: 10px; border: 0px solid #E0B755; }
.kontaktform form fieldset label { margin-bottom: 20px; display: block; }
.kontaktform form fieldset input, form fieldset select  { display: block; font-family: arial; font-size: 14px; color: #000; width: 200px; padding: 12px; border: 0px; margin-top: 5px; margin-bottom: 5px; }
.kontaktform form fieldset .checkboxer { width: 10px; height: 10px; display: inline; margin: 0; padding: 0; border: 1px solid #f00; float: left; margin-right: 10px; margin-top: 5px; }
.kontaktform form .submit { background-color: #278795; color: #fff; padding: 10px; border: 0; }
.kontaktform form fieldset select { width: 250px; padding-top: 10px; }
.kontaktform form fieldset select option { width: 260px; }
.kontaktform form fieldset textarea { width: 330px; height: 110px;  font-family: arial; font-size: 14px; padding: 12px; background-image: url('../images/textarea-bg.jpg'); background-repeat: no-repeat; border: 0; border-bottom: 1px solid #d9d9d9; }

#twitter_icon {
   float: right;
   margin-left: 3px; 
   z-index: 11;
   position: absolute; 
}

#twitter_block {
   background-image: url(../images/twitter_blob.png);
   background-repeat: no-repeat;
   width: 220px;
   height: 130px;
   padding: 10px;
   position: absolute;
   bottom: 37px;
   right: 160px;
   z-index: 10;
   visibility: hidden;
}

#twitter_block .berichten .tweet {
   width: 200px;
   height: 90px;
}