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

/* whitespace reset */

p, h1, h2, h3, h4, h5, h6, ul, li, a, img, div {
	margin:0;
	padding:0;
}


/* font size set to 62.5% so that 1em = 10px, 1.2em = 12px etc */

body {
	margin:0;
	font-family: "Lucida Grande", Tahoma, Helvetica, sans-serif;
	background:url(../images/bgGrad.gif) repeat-x #fff;
	font-size:62.5%;
}


h1, h2, h3, h4, h5, h6 {
	letter-spacing:-1px;
}

ul {
  list-style-position:inside;
  margin-bottom:1em;
}

p {
  font-size:1.25em;
  line-height:1.5em;
  margin:0 0 10px 0;
}

a { color: #01649b;}
a.white { color: #fff; text-decoration: underline;}


a img {
	border:none;
	outline:none;
}

.alignCenter {
    text-align:center;
}

.noUnderline {
    text-decoration:none;
}

.alignRight {
    margin-left:2em;
}

.bottomSpace {
    margin-bottom:3em;
}

.distanceTop {
    margin-top:2em;
}

.distanceTopBig {
    margin-top:3em;
}

.distanceBottomSmall {
  margin-bottom:8px;
}

/*container  */

#container {
	width:1010px;
	margin:auto;
	
}

.small_text { font-size: 0.8em;}
.far_away {visbility:hidden;position:absolute;left:-9999px;}


.fieldWithErrors {
  padding: 2px;
  background-color: red;
  display: table;
}

#errorExplanation {
  width: 400px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
  list-style-position: inside;
}
.css1, .css2, .css3, .css4 {
	font-weight: normal;
}
.css1 { font-size: 0.7em; }
.css2 { font-size: 0.7em; }
.css3 { font-size: 0.8em; }
.css4 { font-size: 0.9em; }

.float_right {float: right;}


/* ********************************************header************************************************* */

/* header */

#header {
	height:104px;
	/*background:url(../images/cogsHeader.png) no-repeat 50px -30px;*/
	margin:17px 0 0 0;
	position:relative;
}

#title {
	padding-top: 0.8em;
	color: #01649B;
	font-size: 4em;
}
.headerLogo {
	padding:27px 0 0 0;
  width:228px;
	height:48px;
}


/*nav */

#nav {
	position:absolute;
	top:20px;
	right:0px;
}

#nav ul {
	padding:20px 0 0 0;
}

#nav li {
	list-style-type:none; 
	float:left;
  text-align:center;
}

#nav ul li a {
	text-decoration:none;
	font-size:2.4em;
	font-weight:bold;
	letter-spacing:-1px;
}

#nav ul li.sep {
	background:url(../images/navSep.gif) no-repeat;
	padding: 10px 10px 16px 0;
	margin-left: 10px;
  width:20px;
}

/* these 2 classes place green bg on active link, and allow for alignment in bug IE */
.navActive {
	color:#fff;
}

.navActiveBg {
	background:url(../images/navHighlight.png) no-repeat;
	width:145px;
	height:40px;
	margin-top:-5px;
	text-align:center;
	padding-top:5px;
}
/* ******************************************************************************* */

#blog.navBlack {
  padding:0 34px;
  width:100px;
}

.navBlack {
	color:#000;
	padding:16px;
}

.navGreen {
  color:#01649B;
  padding:16px;
}

/* ********************************************feature************************************************* */

/* feature */

#feature {
	width:1008px;
	height:403px;
    background-color: #01649B;
	position:relative;
}


/* featureScroll */

.frame {
	width:970px;
	height:290px;
	padding:10px 20px 20px 20px;
	position:relative;
	
}

ul.featureButton li {
  /*margin:30px 0 0 10px;*/
  position:absolute;
  bottom:5px;
  left:35px;
}

body.subPage .frame h1 {
	color:#fff;
	font-size:3.6em;
	line-height:1em;
	margin:20px 0 10px 0;
}


body.subPage .frame h2 {
	color:#fff;
	font-size:3.3em;
	font-weight:200;
	margin:0 0 10px 0;
}

body.subPage .frame h3 {
	color:#fff;
	font-size:1.6em;
	line-height: 22px;
	font-weight:200;
	margin:0 0 20px 0;
	
}

.screenShot {
	width:470px;
	height:260px;
	background:url(../images/browserFrame2.png) no-repeat;
	padding:43px 0 0 19px;
	position:absolute;
	top:20px;
	right:0px;
}


.new_label {
	float: right;
	color: red;
	font-weight: bold;
	padding: 0.5em 0.5em;
}


/*featureButton */

.featureButton {
	padding: 0 0 0 0;
}

.featureButton li {
	float:left;
	list-style-type:none;
	margin:0 5px 0 -7px;
}
.marginBottom {
	margin-bottom: 1em;
}
.marginTop {
  clear: both;
  padding-top: 1em;
}

#subPageRight .featureButton li {
  font-size: 1.6em;
  line-height: 1.2em;
  margin-left: 2em;   
}

.featureButton li a {
	text-decoration:none;
	width:197px;
	padding:25px 0 25px 0;
	background:url(../images/featureButton.png) no-repeat;
	text-decoration:none;
	display:block;
	text-align:center;
	font-size:1.6em;
	font-weight:bold;
	color:#01649B;
	outline:none;
}

.featureButton li a:hover {
	background-position: 0 -69px;
}

/*scrollMenu */

#scrollMenu {
	position:absolute;
	bottom:0;	
	
}

#scrollMenu ul li {
	float:left;
	list-style-type:none;
}

#scrollMenu ul li a {
	text-decoration:none;
	width:202px;
	height:44px;
	padding-top:30px;
	background-repeat:no-repeat;
	text-decoration:none;
	display:block;
	text-align:center;
	font-size:1.6em;
	font-weight:bold;
}

.smButtonActive {
	color:#fff;
}

.smButtonMiddle {
	background:url(../images/smButtonMiddle.jpg) no-repeat;
	color:#01649B;
}

.smButtonRight {
	background:url(../images/smButtonRight.jpg) no-repeat;
	color:#01649B;
}

.smButtonLeft{
	background:url(../images/smButtonLeft.jpg) no-repeat;
	color:#01649B;
}

.smButtonMiddle:hover {
	background-position: 0 -74px;
}

.smButtonRight:hover {
	background-position: 0 -74px;
}


.smButtonLeft:hover {
	background-position: 0 -74px;
}

/* buttonNext */

#buttonNext {
	background:url(../images/buttonNext.png) no-repeat;
	height:36px;
	width:78px;
	position:absolute;
	top:150px;
	right:0px;
	padding:13px 0 0 11px;
}

#buttonNext a {
	color:#fff;
	text-decoration:none;
	font-size:1.6em;
	font-weight:bold;
	
}


/* ********************************************body text************************************************* */

.imprint_right {
	float:right;
	width: 80%;
}
#locale_sel {
	float:right;
}

#more_about {
	font-size: 0.4em;
	font-weight: normal;
}

#product_list {
	margin-top: 2em;
	margin-bottom: 2em;
}
#product_list li {
	list-style: none;
	clear: both;
	margin-top: 1em;
	padding: 0.3em;
}

.odd_product {
	background-color: #fff;
}

.even_product {
	background-color: #F0F2F2;	
}
.product_detail {
	font-size: 1.6em;
	float: left;
	display: inline;
	padding-left: 1em;
	padding-top: 0.2em;
}

.product_border {
	border:1px solid #DDDDDD;
	height:70px;
	padding:3px;
	width:70px;
	display: inline;
	float: left;
}

.product_detail_sub {
	font-size: 1.4em;
}

#add_webware {
	text-align:right;
}
#pagination {text-align: center;}

#sub_title {
  font-size:0.4em;
  font-weight:normal;
}

#col_left {
	float:left;
	width:48%;
}

#col_right {
	float:right;
}

.screenshot {
  border:1px solid #C0C0C0;
  padding:0.3em;
}

#info_box {margin-top: 1em; width: 248px;}
#info_box h3 {
	color:black;
	background-color: #d5e9ed;
	padding: 0.1em 0 0.1em 0.3em;
}

.info_box_list {
	margin-top:-2.7em;
}
.info_box_list li {
	list-style: none;
	background-color:#F0F2F2;
	padding:0.5em 0 0.5em 0.3em;
	font-size:1.2em;
	margin-top: 0.1em;
}

#contentContainer {
  clear:both;
	position:relative;
	margin:30px 0 0 0;
}

.homeCC h4 {
	font-size:1.8em;
	color:#94aa1d;
	margin-bottom:30px;
}

.homeCC h5 {
	font-size:1.4em;
	color:#000000;
	margin-bottom:5px;
}


/* homeContentLeft */

#homeContentLeft {
  width:300px;
  position:absolute;
  text-align:justify;
}

.benefitsList {
	list-style-type:none;
}

.benefitsList li {
	padding:0 0 20px 60px;
}

/* homeContentMiddle */

#homeContentMiddle {
	/*width:350px;*/
	width:300px;
  position:relative;
	left:35.5em;
	/*top:20px;*/
  top:0px;
	padding:0 50px 30px 0;
  text-align:justify;
}

/* homeContentRight */

#homeContentRight {
  width:300px;
	position:absolute;
  left:70.8em;
	text-align:justify;
	  top:4.2em;
}

.homeBlogItem {
	margin:0 0 30px 0;
}

.about_bauland42 {
  clear:both; 
  padding-top: 5em;
}

/* manifest content */

#contentTitle {
  float:left;
  width:48%;
}

#contentTitle h2 {
	color:#6d8b20;
	margin-top:30px;
}

#contentLogo {
  float:right;
  width:48%;
  padding:0 0 20px 0;
}

#contentTop {
  font-size:1.2em;
  text-align:justify;
}

#contentLeft {
  width:300px;
  position:relative;
  top:-4px;
  left:0;
  text-align:justify;
  margin: 0 0 75px 0;
}
#contentMiddle {
  width:300px;
  position:absolute;
  top:85px;
  left:357px;
  text-align:justify;
}

#contentRight {
  width:300px;
  position:absolute;
  top:85px;
  left:709px;
  text-align:justify;
}

#contentLeft h4, #contentMiddle h4, #contentRight h4 {
  text-align:left;
  }

#lowerContent {
  margin-top:3.3em;
}

/* security content */

#contentTop.security {
  text-align:justify;
}

#contentLeft.security {
  top:5px;
  /* top:-2px;*/ /* IE 7 */
  margin:0 0 140px 0;
}

#contentMiddle.security {
  top:95px;
}

#contentRight.security {
  top:127px;
}

p#blogSpace {
margin-top:17px;
}

#book {
  float:right;
  padding:4px 0 20px 10px;
}

#bookText {
  /*padding:4px 0 0 0;*/
}

.dontFloat {
  clear:both;
  margin-top:67px;
}


/*  webdevelopment content */
#contentLeft.webdev {
/*top:32px;*/
  top:27px;
margin-bottom:90px;
}

#contentMiddle.webdev {
top:81px;
margin-bottom:90px;
}

#contentRight.webdev {
top:81px;
margin-bottom:90px;
}

#webdevLowerRight {
  margin-top:50px;
}

/* imprint content */

#contentLeft.imprint {
  margin:0 0 120px 0;
  top:-1px;
  width:150px; /* 120 */
  text-align:left;
}

#contentRight.imprint {
  top:-2px;
  left:180px; /* 150 */
  width:840px; /* 870 */
  
}

h5#imprintCatOne {
}

h5#imprintCatTwo {
  margin-top:119px;
  /*margin-top:125px*/ /* IE 7 */
}

h5#imprintCatThree {
  margin-top:148px;
  /*margin-top:154px*/ /* IE 7 */
}

h5#imprintCatFour {
  margin-top:139px;
  /*margin-top:124px;*/ /* IE 7 */
}

h5#imprintCatFive {
  margin-top: 255px;
  /*margin-top:251px;*/ /* IE 7 */
}

/*  privacy content */

#contentPrivacy {
  margin-bottom:3em;
  text-align:justify;
}


/*  terms of service content */

#contentTermsOfService {
  margin-bottom:3em;
  text-align:justify;
}

.subPage div#contentTermsOfService li {
  margin-bottom:0.5em;
  font-size:1.25em;
  line-height:1.5em;
}


/* --------------- SUB NAVIGATION FOOTER PAGINATION --------- */

.flickr_pagination {
  padding: .3em; }
  .flickr_pagination a, .flickr_pagination span {
    padding: .2em .5em; }
  .flickr_pagination span.disabled {
    color: #AAA; }
  .flickr_pagination span.current {
    font-weight: bold;
    color: #333; }
  .flickr_pagination a {
    border: 1px solid #DDDDDD;
    color: #5C5C5C;
    text-decoration: none; }
    .flickr_pagination a:hover, .flickr_pagination a:focus {
      background: #ecf7fc;}
  .flickr_pagination .page_info {
    color: #aaa;
    padding-top: .8em; }
  .flickr_pagination .prev_page, .flickr_pagination .next_page {
    border-width: 2px; }
  .flickr_pagination .prev_page {
    margin-right: 1em; }
  .flickr_pagination .next_page {
    margin-left: 1em; }


/* ********************************************footer************************************************* */

#footerContainer {
	width:100%;
	background:#f0f2f2;
	border-top:#ddd9d9 solid 1px;
	/*margin-top:180px;*/
}


#footerContent {
	width:1010px;
	margin:auto;
	/*background:url(../images/cogsFooter.jpg) no-repeat top right; */
	
	padding:30px 0;
}

#footerContent h6 {
	font-size:1.4em;
	margin-bottom:10px;
}


/*siteMap */

#siteMap {
	
}

#siteMap li {
	list-style-type:none;
	float:left;
	/*margin:0 50px 0 0;*/
  margin:0 80px 0 0;
}

#siteMap li a {
	display:block;
	text-decoration:none;
	color:#000;
	font-size:1.2em;
	margin-bottom:5px;
}

#siteMap li a:hover {
	text-decoration:underline;
	color:#bf1e2d;
}


/*footerContact*/

#footerContact {
	float:right;
}


#footerContact li {
	float:left;
	list-style-type:none;
	margin-left:30px;
}

.fcNoHeader {
	margin-top:25px;
}

#copyRight {
	clear:both;
	margin:150px 25% 0 30%;
	font-size:1.2em;
}



/* *******************************************subPage styles************************************************ */




body.subPage h1 {
	font-size:4em;
	margin:0 0 20px 0;
}

body.subPage #subPageFull h2 {
  margin-top:2em;
}

body.subPage h2 {
	font-size:3em;
	color:#bf1e2d;
}

body.subPage h3 {
	font-size:1.8em;
	color:#bf1e2d;
	margin-bottom:30px;
}

body.subPage h4 {
	font-size:1.6em;
	color:#000;
	margin-bottom:5px;
}

.subPage #contentContainer li {
	font-size:1.2em;
/*	line-height: 2em;*/
}

#subPageFull p {
  font-size:1.6em;
}

/*subPageHeading */

#subPageHeading {
	border-top:1px solid #bcb9b9;
	border-bottom:1px solid #bcb9b9;
	padding:30px 0 40px 0;
	text-align:center;
}


/*subPageLeft*/

#subPageLeft {
	width: 700px;
	padding:0 40px 0 0;
	position: static;
	/*zoom: 1;*/
}

/*subPageRight*/

#subPageRight {
	position:absolute;
	width:255px;
	top:4em;
	right:0;
}



#slideshow {
	height: 320px;
	overflow: hidden;
}
	.slide_container {
		width: 10000px;
		height: auto;
		position: relative;
	}	
		#slideshow .frame {
			float: none;
			margin-right: 40px;
			overflow: hidden;
			
		}
		html>body #slideshow .frame { float: left;}


.subPageTargetGroupImage {
	float:left;
	width:20%;
	margin:5em 0 5em 2em;
}

.subPageTargetGroupText {
	float:right;
    margin:0;
	width:77%;
}

.subPageTargetGroupText li, .subPageTargetGroupText p {
  font-size:1.2em;
  line-height:1.6em;
}
		
/* slideshow navigation */
.tour-nav {
	position:absolute;
	bottom:0;	
}
.tour-nav li {
	float: left;
	list-style: none;
}
.tour-nav li a {
	text-decoration:none;
	width:252px;
	height:44px;
	padding-top:30px;
	background-repeat:no-repeat;
	text-decoration:none;
	display:block;
	text-align:center;
	font-size:1.6em;
	font-weight:bold;
}