@charset "utf-8";
/*
	************************************
	*****     Table of Contents    *****
	*****    Goodville Main CSS    *****
	************************************
	
	Status: Phase 1/3
	Version: 1.0
	Last Changed: 08.12.2009 
	---------------------------------------------------------------
	1. Basic Definitions
		1.1 Body und Reseter
		1.2 Basic Declarations
	---------------------------------------------------------------
	2. Layout
		2.1 Main Structure
		2.2 Header
		2.3 Navigation
		2.4 Content
		2.5 Footer
	---------------------------------------------------------------
	******************* Open for further Steps ********************
	---------------------------------------------------------------
*/


/*	*********************************
	***** 1. Basic Definitions  *****
	*********************************	*/


/****** 1.1 Body und Reseter ******/
* {margin:0px; padding:0px;}
html, body {height: 100%;}
body {font-family:Verdana, Arial, Helvetica, sans-serif; margin-left:-53px;}


/****** 1.2 Basic Declarations ******/
.wrapper {height:1px; overflow:hidden; clear:both; display:block;}
a img {border:none;}

h1 {color:#376a86; font-size:16px; text-transform:uppercase; font-weight:bold; padding-bottom:10px;}
h2 {background:url(../images/h2bg.gif) 0px 4px no-repeat; padding-left:18px; font-size:12px; margin-bottom: 10px;}
h3 {color:#333333; font-size:12px; font-style: normal; line-height:17px;}



/*	********************************
	*******    2. Layout    ********
	********************************	*/


/****** 2.1 Main Structure ******/
.center1 {width: 1000px; min-height: 100%; height:auto !important; height: 100%; margin: 0 auto -20px; background-color:#ffffff; 
/* bottom margin = negative value of the footer's height */
}
.main {padding:40px 0px 0px 51px; margin-top:20px; clear:both; float:left;}


/****** 2.2 Header ******/
.header {padding:48px 0px 0px 0px;}
.header .logo {float:left;}
.header .bigimage {float:right;}

/****** 2.3 Navigation ******/
.navigation {width:192px; float:left; margin-top:0px;}
.navigation ul {font-size:10px; list-style:none;}
.navigation ul li {}
.navigation ul li.active a, .navigation ul li a:hover {color:#333333;  background:url(../images/navibg.gif) no-repeat right 13px;}
.navigation ul li a {color:#999999; display:block; width:181px; line-height:32px; border-bottom:1px solid #949494; text-decoration:none; text-align:right; font-weight:bold; padding-right:11px;}
.navigation ul li a.lastone {border-bottom:none;}

/****** 2.4 Content ******/
.content {float:left; text-align:left; width:500px; margin-left:63px; color:#333333; font-size:12px; padding-top:8px; line-height:17px;}
.content2 {float:left; text-align:left; width:384px; margin-left:63px; color:#333333; font-size:12px; padding-top:8px; line-height:17px;}
.content p {margin-bottom:15px;}
.content a {color:#000000; text-decoration:underline;}
.content a:hover {color:#000000; text-decoration:none;}
.content ul, .content ol {margin: 10px 0 10px 40px;}

.teaserbox {width:150px; margin-top:60px; margin-bottom:60px; float:left; background:url(../images/teaserbg.gif) no-repeat; margin-right:19px; font-size:11px;  height:75px;  min-height:75px;}
.teaserbox strong {padding:4px 0px 0px 25px; display:block; text-transform:uppercase;}
.teaserbox p {padding-left:8px;}

.teambox {padding-bottom:40px; float:left;}
.teambox img {float:left;}
.teambox span {float:left; display:block; font-size:10px; margin:4px 10px 0px 0px;}
.teambox p {display:block; padding-left:70px;}

.referenzbox {float:left; width:290px; margin:0px 10px 20px 0px; font-size:11px;}
.referenzbox span {background:url(../images/teaserbg.gif) no-repeat; display:block; float:left; width:150px; height:80px; min-height:80px;}
.referenzbox strong {padding:4px 0px 0px 25px; display:block; text-transform:uppercase;}
.referenzbox img {float:left; margin-right:10px;}
.referenzbox p {margin:0px; padding-left:25px;}
.referenzbox a {margin-left:25px;}


#sidebar {float:right; width:270px; color:#333333; font-size:11px; padding-top:15px; line-height:15px; margin-left:40px;}
#sidebar div.box {background:url(../images/bg_box_top.gif) top left no-repeat #f5f5f5; padding:5px 0 0px 0px; margin-bottom:12px;}
#sidebar div.box div {background:url(../images/bg_box_bottom.gif) bottom left no-repeat #f5f5f5; padding-bottom:5px;}
#sidebar h3 {color:#376a86; text-transform:uppercase; border-bottom:1px solid #a6a5aa; padding-bottom:2px; margin-left:95px;}
#sidebar img {float:left; padding:5px 0 0 0px;}
#sidebar p {padding:2px 5px 0 0;  margin-left:95px;}
#sidebar a {color:#376a86; font-weight:bold; text-decoration:none; margin-left:95px;}
#sidebar a:hover {color:#376a86; font-weight:bold; text-decoration:underline; margin-left:95px;}


/****** 2.5 Footer ******/
.footer, .push {height: 20px; /*same height*/}
.footer {position:relative; width:949px; margin:0 auto; padding-left:51px; font-size:10px; line-height:18px;}
.footer .left {float:left; width:192px; border-top:1px solid #949494; text-align:center;}
.footer .right {float:left; margin-left:63px; width:694px; border-top:1px solid #949494;}
.footer a {color:#5c5c5c; text-decoration:none;}
.footer a:hover {color:#333333; text-decoration:none;}

.pic-left-float {margin: 0 20px 10px 0;	float: left;}
.pic-right-float {margin: 0 0 10px 20px; float: right;}
.pic-left {text-align: left; clear: both;}
.pic-right {text-align: right; clear: both;}
.pic-center {text-align: center; clear: both;}
.link {padding: 0px 0px 0px 25px; background: transparent url(../images/link.gif) no-repeat 0px 50%; display: block;}
.download {padding: 0px 0px 0px 25px; background: transparent url(../images/download.gif) no-repeat 0px 50%; display: block;}