/**
 * Project:     ThinkClever GmbH
 * File:        style.css
 *
 * @link http://www.thinkclever.ch/
 * @copyright 2006-2009 Thinkclever GmbH
 * @author Nils Caspar, Manuel Schweizer
 * @package Homepage ThinkClever GmbH
 */
 
/**************************************/
/**************** AUFBAU **************/
/**************************************/
/*
  - body
  - window
  - global
  - headlines
  - header & logo
  - navigation
  - navigation bar
  - navigation bar more
  - submenu & news
  - searchbar
  - content
  - footer
  - varia
*/

/**************************************/
/**************** BODY ****************/
/**************************************/
/* mac hide\*/
html, body {
	height:					100%;
}
/* end hide */
html,body {
	padding:				0;
	margin:					0;
}
body {	
	text-align:				center;
	min-width:				930px;
	background:				#f9f9f7 url("../img/background/gradient.gif") repeat-x top center;
	padding:       			0px; 
	margin:        			0px;
	font-family:  			Arial, Helvetica, sans-serif;
	font-size:    			0.8em;
}
* html body {
	padding-left:			1px;		/*stupid ie*/
}

/**************************************/
/*************** WINDOW ***************/
/**************************************/
#outer {
	background:				white url("../img/background/outer.gif") repeat-y top center;
	width:					930px;
	margin:					0 auto;
	text-align:				left;
	position:				relative;
}
html>body #outer {						/*for mozilla as IE treats height as min-height anyway*/
	height:					auto;
}
#inner {
	background:				transparent url("../img/background/inner.gif") no-repeat center top;
	border-top:				0;
	margin:					0px 0 5px 0;
	padding:				0px 18px 0 18px;
}

/**************************************/
/*************** GLOBAL ***************/
/**************************************/
img {
	border:					0px;
}
div, p {								/*clear top margin for mozilla*/
	margin-top:				0;
}
p {
	margin:					0;
	padding:				0;
}
table { font-size: 1.0em; }			/* stupid IE6 */

/**************************************/
/************* HEADLINES **************/
/**************************************/
h1, h2 {
	padding:				0;
	margin:					0;
	color:					#111;
	font-weight:			normal;
	color:					#902222;
}
h1 {
	font-size:				1.4em;	
	padding-bottom:			5px;
}
h2 {
	font-size:				1.17em;
	padding-top:			12px;
	padding-bottom:			3px;
}
h3 {
	color:					#333;
	font-weight:			normal;
	font-size:				1.0em;
	padding-top:			12px;
	padding-bottom:			3px;
}

/**************************************/
/************ HEADER & LOGO ***********/
/**************************************/
#header {
	position:				absolute;
	top:					17px;
	left:					16px;
	width:					898px;
	height:					114px;
	overflow:				hidden;
	z-index:				100;
}
.logo {
	padding:				0px 0px 0px 17px;
	height:					71px;
}
.logo img {
	margin-top:				11px;
}

/**************************************/
/************* NAVIGATION *************/
/**************************************/
#navigation {
	float:					right;
	display:				inline;
	margin-right:			18px;
	width:					600px;
}
#navigation ul {
	background:				url('../img/nav_separation.gif') no-repeat top left;
	height:					70px;
	display:				block;
	list-style-type:		none;
	padding:				0;
	margin:					0;
	padding-left:			1px;
	float:					right;
}
#navigation li {
	background:				url('../img/nav_separation.gif') no-repeat top right;
	height:					70px;
	display:				block;
	float:					left;
	padding:				0;
	margin:					0;
	padding-right:			1px;
}
#navigation li a {
	background-color:		transparent;
	background-image:		url('../img/background/nav.gif');
	background-repeat:		repeat-x;
	background-position:	top center;
	display:				block;
	float:					left;
	height:					55px;
	padding:				26px 25px 0 25px;
	color:					#555;
	text-decoration:		none;
	text-align:				left;
	font-weight:			normal;
	font-size:				1.08em;
}
#navigation li a:hover, #navigation li a:active, #navigation li a.active {
	background-color:		transparent;
	background-image:		url(../img/background/nav_active.gif);
	background-repeat:		repeat-x;
	background-position:	top center;
	color:					#902222;
	display:				block;
}

/**************************************/
/*********** NAVIGATION BAR ***********/
/**************************************/
.navbar {
	background:				transparent url('../img/background/navbar.gif') repeat-x center center;
	margin-top:				12px;
	height:					23px;
	line-height:			23px;
	border-top:				1px solid #d5d5d5;
	border-bottom:			1px solid #d5d5d5;
	font-size:				0.9em;
	background-color:		#fafafa;
}
.navbar ul {
	background:				transparent url('../img/navbar_separation.gif') no-repeat top right;
	margin:					0px;
	padding:				0 0 0 18px;
	list-style-type: 		none;
	margin-right:			16px;
	height:					22px;
}
.navbar ul li {
	float:					left;
	display:				inline;
	white-space:			nowrap;
	margin:					0px 8px 0px 0px;
	color:					#888;
}
.navbar ul li a, .navbar ul li a:active, .navbar ul li a:visited {
	display: 				block;
	text-decoration:		none;
	color:					#888;
}
.navbar ul li.path a:hover {
	color:					#902222;
	text-decoration:		none;
}

/**************************************/
/******** NAVIGATION BAR MORE *********/
/**************************************/
.navbar ul li.more, .navbar ul li.language {
	background:				transparent url('../img/navbar_separation.gif') no-repeat top left;
	float:					right;
	padding: 				3px 0 0 0;
	margin:					0px;
}
.navbar ul li.more {
	padding-left:			7px;
	padding-right:			7px;
	/* delete line above, once languages are activated */
}
.navbar ul li.more a, .navbar ul li.language a, .navbar ul li.path a {
	float:					left;
	display:				inline;
	text-decoration:		none;
	overflow:				hidden;
}
.navbar ul li.more a, .navbar ul li.more a:active, .navbar ul li.more a:visited {
	width:					25px;
	height:					19px;
	margin:					0px;
	padding:				0px;
}
.navbar ul li.language {
	margin-left:			4px;
	margin-right:			10px;
	padding-left:			10px;
}
.navbar ul li.language a, a.navbar ul li.language a:active, .navbar ul li.language a:visited {
	width:					26px;
	height:					17px;
}
.navbar ul li.path a, .navbar ul li.path a:active, .navbar ul li.path a:visited {
	line-height:			2.1em;
}
.navbar ul li.path span {
	display:				block;
	text-align:				center;
	width:					30px;
	line-height:			1.99em;
	float:					left;
}
.navbar ul li.more a.icon_phone, .navbar ul li.more a.icon_phone:active {
	background: 			transparent url(../img/icons/phone.gif) no-repeat top center;
}
.navbar ul li.more a.icon_print, .navbar ul li.more a.icon_print:active {
	background: 			transparent url(../img/icons/print.gif) no-repeat top center;
}
.navbar ul li.more a.icon_sitemap, .navbar ul li.more a.icon_sitemap:active {
	background: 			transparent url(../img/icons/sitemap.gif) no-repeat top center;
}
.navbar ul li.more a.icon_contact, .navbar ul li.more a.icon_contact:active {
	background: 			transparent url(../img/icons/contact.gif) no-repeat top center;
}
.navbar ul li.more a.icon_print:hover, .navbar ul li.more a.icon_sitemap:hover, .navbar ul li.more a.icon_contact:hover, .navbar ul li.more a.icon_phone:hover {
	background-position:	center -17px;
	text-decoration:		none;
}

/**************************************/
/*********** SUBMENU & NEWS ***********/
/**************************************/
#submenu, #news {
	position:				relative;	/*ie needs this to show float */
	width:					170px;
	float:					left;
	display:				inline;
	padding-top:			130px;		/*needed to make room for header*/
	margin-left:			15px;
	overflow:				hidden;
}
#submenu p, #news p {
	padding-left:			3px;
	padding-right:			2px;
}
#submenu h2, #news h2 {
	margin-bottom:			3px;
	margin-left:			2px;
}
#submenu ul, #news ul {
	list-style-type:		none;
	padding:				0;
	margin:					0;
	border-bottom:			1px solid #bbb;
}
#news ul {
	font-size:				0.95em;
}
#submenu ul li a {
	background:				transparent url("../img/icons/dot.gif") no-repeat top left;
	display:				block;
	width:					170px;
	border-top:				1px solid #bbb;
	border-bottom:			1px solid #fff;
	padding:				4px 0px 4px 15px;
	text-decoration:		none;
	color:					#555;
}
#submenu ul li a:hover, #submenu ul li a.active, #submenu ul li a:active {
	color:					#902222;
	background-position:	left -20px;
	text-decoration:		none;
}
#submenu ul li a.active {
	border-bottom:			1px solid #f9f9f9;
	background:				#f7f7f7 url("../img/background/submenu.gif") top left no-repeat;
}

#news ul li a {
	display:				block;
	width:					170px;
	border-top:				1px solid #bbb;
	border-bottom:			1px solid #fff;
	text-decoration:		none;
	color:					#555;
	padding:				6px;
	line-height:			1.35em;
}
#news ul li a span {
	color:					#222;
	font-weight:			bold;
}
#news ul li a:hover, #news ul li a.active, #news ul li a:active {
	color:					#902222;
	border-bottom:			1px solid #f9f9f9;
	background:				#f7f7f7 url("../img/background/news.gif") top left no-repeat;
	text-decoration:		none;
}
#news .to_news {
	margin-top:				5px;
	margin-left:			5px;
}
#news .to_news a, #news .to_news a:active, #news .to_news a:visited {
	text-decoration:		none;
	font-size:				0.9em;
	color:					#555;
}
#news .to_news a:hover {
	color:					#902222;
}

/**************************************/
/************* SEARCH BAR *************/
/**************************************/
.search {
	background: 			url(../img/background/searchbar.gif) top left no-repeat;
	margin-left:			-2px;
	height:					24px;
	padding-top:			3px;
	width:					175px;
}
.searchform {
	margin: 				0;
}
.search input {
	padding:				0px 0 0 0px;
	overflow:				hidden;
	width:					140px;
	height:					18px;
	line-height:			1.6em;
	font-size:				0.9em;
	margin:					1px 0 0 22px;
	border:					0;
	background:				none;
	font-weight:			normal;
	outline:				none;
}
* html .search input {
	margin:					0px 0 0 22px;
}
.search input.unfocusedbox {
	color:					#888;
}
input.focusedbox {
	color:					#444;
}

/**************************************/
/*************** CONTENT **************/
/**************************************/
#content {
	width:					660px;
	float:					right;
	display:				inline;
	margin-top:				142px;
	margin-right:			16px;
	margin-bottom:			5px;
	padding-left:			16px;
	color:					#171717;
	line-height:			1.35em;
	border-left:			1px solid #ddd;
	min-height:				290px;
	height:					auto !important;  /* für moderne Browser */
	height:					290px;  /*für den IE */
}
#content a, #content a:active, #content a:visited, #content p a, #content p a:active, #content p a:visited {
	color:					#555;
	text-decoration:		none;
	border-bottom:			1px dotted #555;
}
#content a:hover, #content p a:hover {
	color:					#902222;
	text-decoration:		none;
	border-bottom:			1px dotted #902222;
}
#content .to_top a, #content .to_top a:hover {
	margin-top:				10px;
	border-bottom:			0px;
}
#content p {
	margin-bottom:			7px;
}
#content .document_pdf {
	background:				url('../img/icons/pdf.png') no-repeat top left;
	padding-left:			25px;
	margin:					15px 0 15px 10px;
}
#content .team_member {
	margin-top:				3px;
	height:					170px;
}
#content .team_foto {
	float:					left;
	width:					130px;
	height:					160px;
	margin-top:				6px;
}
#content .team_foto img {
	border:					1px solid #666;
}
#content .team_portrait {
	margin-left:			145px;
}
#content h3 {
	color:					#666;
	font-style:				italic;
	padding:				2px 0 5px 0;
	margin:					0 0 5px 0;
	font-size:				1em;
}
#content .team_special {
	margin-top:				15px;
}
#content .left_column {
	float:					left;
	width:					290px;
}
#content a.email {
	border:					0;
	display:				-moz-inline-block;
	display:				-moz-inline-box;
	display:				inline-block;
	height:					17px;
	width:					150px;
	background-position:	top left;
	background-repeat:		no-repeat;
	background-color:		white;
}
#content a.email:hover {
	background-position:	bottom left;
	border:					0;
}
#content a.mail_info { background-image: url('../img/mail_info.gif'); }
#content a.mail_support { background-image: url('../img/mail_support.gif'); }
#content a.mail_buha { background-image: url('../img/mail_buha.gif'); }

#content .partnerlogo, #content .referenzen, #content .server, #content .codix, #content .myclimate {
	margin-left:			14px;
	float:					right;
}
#content .myclimate {
	margin-top:				24px;
}
#content .partnerlogo {
	margin-top:				12px;
	border:					1px solid #ccc;
}
#content .referenzen { border: 1px solid #bbb; }
#content .server { margin-top: 10px; }
#content .codix { margin-top: 22px; border: 1px solid #bbb; }
#content .noscript {
	display:				inline;
}
#content .clear {
	clear:					both;
}
#content .center {
	text-align:				center;
}
#datencenter div img {
	border:					1px solid #aaa;
	text-align:				right;
	margin-top:				12px;
}
#datencenter div {
	font-weight:			bold;
	text-align:				center;
	float:					left;
}
#datencenter .left {
	margin-right:			6px;
	float:					left;
	display:				inline;
	width:					327px;
	overflow:				hidden;
}

/**************************************/
/*************** FOOTER ***************/
/**************************************/
#footer {
	background:				#f9f9f7 url("../img/background/footer.gif") no-repeat top center;
	width:					930px;
	clear:					both;
	height:					28px;
	color: 					#000000;
	text-align:				center;
	left:					0;
	position:				absolute;
}
* html #footer {
	margin-bottom:			-1px;		/* ie rounding bug*/
}
* html #footer {						/*only ie gets this style*/
	\height:				30px;		/* for ie5 */
	he\ight:				28px;		/* for ie6 */
}
#clearfooter {							/* to clear footer */
	width:					100%;
	height:					8px;
	clear:					both;
	font-size:				0.2em;
}
.copyright, .impressum {
	margin-top:				15px;
	color:					#777;
	line-height:			14px;
	font-size:				0.85em;
}
.copyright {
	margin-left:			20px;
	float:					left;
	display:				inline;
}
.impressum {
	padding:				0 20px 8px 0;
	text-align:				right;
	z-index:				150;
}
.copyright a, .copyright a:active, .copyright a:visited, .impressum a, .impressum a:active, .impressum a:visited {
	text-decoration:		none;
	color:					#666;
	border-bottom:			1px dotted #666;
}
.impressum a:hover {
	text-decoration:		none;
	color:					#902222;
}
.copyright a:hover {
	text-decoration:		none;
	color:					rgb(25, 109, 180);
	border-bottom:			1px dotted rgb(25, 109, 180);
}


/**************************************/
/*********** LANGUAGE ICONS ***********/
/**************************************/
a.icon_de, a.icon_de:active {
	background: 			transparent url(../img/icons/de.gif) no-repeat top center;
}
a.icon_en, a.icon_en:active {
	background: 			transparent url(../img/icons/en.gif) no-repeat top center;
}

/**************************************/
/***** FREQUENTLY ASKED QUESTIONS *****/
/**************************************/

#faqs h2.questiontitle {
	margin-top:				8px;
}
#faqs .faqsItem.hide div {
	display: 				none;
}
#faqs .faqsItem h3, .faqsItem.hide h3 {
	cursor:					pointer;
	background:				#fbfbfb;
	margin:					0px 0 -1px 0;
	padding:				3px 0 3px 5px;
	border-top:				1px solid #ccc;
	border-bottom:			1px solid #ccc;
	color:					#333;
}
#faqs .faqsItem.hide h3 {
	color:					#666;
}
#faqs .faqsItem h3:hover {
	cursor:					pointer;
	background:				#fefefe;
	margin:					0px 0 -1px 0;
	padding:				3px 0 3px 5px;
	border-top:				1px solid #ccc;
	border-bottom:			1px solid #ccc;
	color:					#902222;
}
#faqs div.answer p {
	padding:				5px 0px 8px 5px;
}

/**************************************/
/*********** ACCESS FOR ALL ***********/
/**************************************/
.hidden {
	display:				inline;
	left:					-1000px;
	overflow:				hidden;
	width:					0px;
	position:				absolute;
	top:					-1000px;
	height:					0px
}

/**************************************/
/********** MODULE: CONTACT ***********/
/**************************************/
#contact dl {
	margin:					6px 0 0 25px;
	width:					620px;
}
#contact dl dt {
	padding:				1px 0 1px 0;
	width:					140px;
	clear:					left;
	float:					left;
}
#contact dl dd {
	margin:					0;
	padding:				0px 0 2px 0;
}
#contact dl dd.captcha {
	float:					left;
}
#contact dd img {
	margin-left:			25px;
}

#contact .input_field, #contact textarea, #paypal .input_field {
	font-family:			Arial, sans-serif;
	font-size:				0.92em;
	border:					1px solid #ccc;
	background-color:		#fbfbfb;
	margin:					1px;
	padding:				1px;
	color:					#444;
}
#contact .input_field, #contact textarea {
	width:					260px;
}
#paypal .input_field {
	width:					190px;
}
#contact .required {
	font-weight:			bold;
	color:					#a01425;
}
#contact .address {
	resize:					none;
}
#contact .small {
	width:					100px;
}
#contact .missing {
	background-color:		#ffffcc;
}
#contact dt.distance {
	margin-top:				8px;
}
#contact dd.timeframe {
	padding-left:			140px;
	padding-bottom:			10px;
}
#contact dd.timeframe label {
	margin-right:			15px;
}
#contact dd select, #paypal select {
	border:					1px solid #ccc;
	background-color:		#fbfbfb;
	padding:				1px;
	margin:					1px;
}
#contact dd select {
	width:					264px;
}
#paypal select {
	width:					190px;
}
#hosting {
	width:					100%;
	border-collapse:		collapse;
    border-spacing:			0 0;
	margin:					3px 0 0 0;
}
#hosting th {
	color:					#333;
	border-top:				1px solid #ddd;
}
#hosting td, #hosting th {
	border-bottom:			1px solid #ddd;
	padding:				3px 0px 3px 4px;
}
#hosting .first_column {
	text-align:				left;
	width:					62%;
}
#hosting .column {
	width:					19%;
	text-align:				center;
	padding:				3px 0px 3px 0px;
}
#hosting .icon_included {
	background:				transparent url(../img/icons/included.gif) no-repeat center center;
}
#hosting .icon_excluded {
	background:				transparent url(../img/icons/excluded.gif) no-repeat center center;
}
.row1 {
	background-color:		#fafafa;
}
.row2 {
	background-color:		#fdfdfd;
}
.smalltext {
	padding-top:			8px;
	font-size:				0.85em;
	color:					#777;
}

/**************************************/
/*********** MODULE: SEARCH ***********/
/**************************************/
.searchModule_result {
	margin-top:				15px;
}
a.searchModule_result_link {
	text-decoration:		none;
	color:					#902222;
}
a.searchModule_result_link:hover {
	text-decoration:		underline;
	color:					#902222;
}
.searchModule_result_content {
	color:					#333;
}
.searchModule_result_footer {
	color:					#008000;
	text-decoration:		none;
}
.pt13 {
	padding-top:	 		13px;
}
.mt30 {
	margin-top:				30px;
}
.mt20 {
	margin-top:				20px;
}
.strong {
	color:					#902222;
}

/**************************************/
/********** MODULE: SITEMAP ***********/
/**************************************/
#sitemap h2 {
	padding-top:			1px;
}
#sitemap, #sitemap ul, #sitemap li {
	margin:					0;
	padding:				0;
	list-style:				none;
}
#sitemap{ margin-left: 10px; background:url(../img/sitemap/line1.gif) repeat-y; }
#sitemap li {
	line-height:			20px;
	margin-top:				1px;
	position:				relative;
	width:					100%;
	background:url(../img/sitemap/line2.gif) no-repeat 0 0;
}
#sitemap li.last {	
	background:url(../img/sitemap/line2_last.gif) no-repeat 0 0;
	padding-bottom:	4px;
}
/* IE leaves a blank space where span is added so this is to avoid that */
* html #sitemap li{
	float:					left;
	display:				inline;
}

#sitemap li a{ margin-left:28px; }
#sitemap li span{float:left;position:absolute;top:5px;left:5px;width:13px;height:13px;cursor:auto;font-size:0;}

/* sub levels */
#sitemap li ul {	
	margin-left:28px;
	background:url(../img/sitemap/line1.gif) repeat-y;
}
#sitemap:after, #sitemap ul:after{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
#sitemap, #sitemap ul{ display:block; }
/*  \*/
#sitemap, #sitemap ul{ min-height:1%; }
* html #sitemap, * html #sitemap ul{ height:1%; }
 /*  */
#sitemap ul{ display:block; }

/**************************************/
/***************** MAP ****************/
/**************************************/
#map {
	width:					660px;
	height:					320px;
	border:					1px solid #bbb;
	background-color:		#efefef;
	padding: 				0px;
	margin: 				0px;
	font-family:			Arial, sans-serif;
	margin-top:				5px;
}

#map a, #map a:hover {
	text-decoration:		none;
	border-bottom:			0px;
	color:					black;
}
#map a, #map a:active, #map a:visited {
	text-decoration:		underline;
}
.noscriptmap {
	border:					0;
}