/* CSS für Headways - SEO Consulting
	COPYRIGHT KREATIVAGENTUR GORDON ADAMS - BERLIN
*/

html * {
	margin: 0;
	padding: 0;
}

body {
	text-align: center;
	background-color: white;
	background-image: url(../Bilder/body.png);
	background-position: top;
	background-repeat: repeat-x;
}

a,
p,
li,
h1,
h2,
h3,
h4,
label {
	font-family: Arial, Helvetica, sans-serif;
}

a,
p,
li {
	font-size: 12px;
	color: black;
}

a {
	text-decoration: none;
}

img {
	border: none;
}






/* --------------------- main --------------------- */
main {
	position: relative;
	top: 0;
	height: 100%;
	text-align: center;
	margin: auto;
	border: 1px solid red;
}


/* --------------------- content --------------------- */
#content {
	position: relative;
	top: 0;
	margin: auto; 													/*wichtig für FF / nicht für IE!*/
	padding-top: 300px;
	padding-left: 10px;
	padding-right: 10px;
	text-align: left;
	width: 755px;
	height: 100%;
/*	border: 1px solid lime;*/
}






/* --------------------- content_break --------------------- */
#content_break {
	background-image: url(../Bilder/content_break.png);
	background-position: top;
	background-repeat: repeat-x;
	width: 510px;
	height: 20px;
	margin: 20px 0px 0px 15px;
}






/* --------------------- content_left --------------------- */
#content_left {
	float: left;
	width: 190px;
	margin-right: 15px;
}

#content_left p {
	padding: 3px 0px 0px 15px;
	color: #444444;
}

#content_left p .contact_right {
	float: right;
	position: relative;
	top: -14px;
	left: -10px;
}

#content_left a {
	color: black;
}

#content_left a:hover {
	font-weight: bold;
}

#content_left p a {
	color: white;
}

#content_left a[href^="http"],
#content_left a[href^="mailto:"] {
	font-size: 11px;
	font-weight: bold;
	color: #e69600;
	text-decoration: none;
}

#content_left a[href^="mailto:"]:hover {
	text-decoration: underline;
}

#content_left #aktiv {
	font-weight: bold;
}

#content_left p.content_left_cap {
/*	position: relative;
	top: 3px;
	left: 10px;*/
	margin-top: 40px;
	padding-left: 15px;
	background-image: url(../Bilder/content_left_cap_bg.png);
	background-position: top;
	background-repeat: no-repeat;
	width: 176px;
	min-height: 21px;
	color: white;
	margin-bottom: 15px;
}

#content_left ul {
	position: relative;
	left: 15px;
	list-style: none;
}

#content_left ul li {
	padding-bottom: 10px;
}






/* --------------------- content_right --------------------- */
#content_right {
	float: left;
	width: 550px;
}

#content_right img.left {
	float: left;
	margin:  10px 20px 10px 0px;
}

#content_right img.right {
	float: right;
	margin: 10px 0px 10px 20px;
}

#content_right h1,
#content_right h2,
#content_right h3,
#content_right h4 {
	padding: 0px 0px 10px 15px;
	color: #444444;
}

#content_right h2 {
	padding: 0px 0px 10px 15px;
	color: #444444;
	font-size:15pt;
}

#content_right p {
	padding: 3px 0px 10px 15px;
	text-align: justify;
}


/* von headways */
#content_right ul{
	padding: 6px 10px 10px 35px;
}

#content_right ul a{
	color:#E69600;
	font-size:12px;
	font-weight:bold;
}

#content_right ul a:hover{
	text-decoration:underline;
}

#content_right p a{
	color:#E69600;
	font-size:12px;
	font-weight:bold;
}

#content_right p a:hover{
	text-decoration:underline;
}

#content_right form{
	padding: 0px 0px 10px 19px;
}

#content_right label{
	font-size: 12px;
}
/*bis hier*/

#content_right h1.content_right_cap {
/*	position: relative;
	top: 3px;
	left: 10px;*/
	font-size: 12px;
	margin-top: 40px;
	padding-left: 15px;
	background-image: url(../Bilder/content_right_cap_bg.png);
	background-position: top;
	background-repeat: no-repeat;
	width: 550px;
	min-height: 21px;
	color: white;
	margin-bottom: 15px;
	padding-bottom: 0px;
	padding-top: 3px;
}








/* --------------------- header --------------------- */
#header {
	position: absolute;
	top: 160px;
	left: 0px;
/*	background-image: url(../Bilder/header_bg2.jpg);
	background-position: right;
	background-repeat: repeat-y;*/
	background-color: #f3f3f3;
	width: 775px;
	height: 156px;
	overflow: hidden;
/*	border: 1px solid lime;*/
}

#header_pic_team {
	position: absolute;
	right: 0px;
	bottom: 0px;
	background-image: url(../Bilder/header_pic_team.png);
	background-position: right;
	background-repeat: no-repeat;
	width: 263px;
	height: 156px;
	z-index: 5;
/*	border: 1px solid blue;*/
}

#header_pic_home {
	position: absolute;
	right: 0px;
	bottom: 0px;
	background-image: url(../Bilder/header_pic_home.png);
	background-position: right;
	background-repeat: no-repeat;
	width: 263px;
	height: 156px;
	z-index: 5;
/*	border: 1px solid blue;*/
}

#header_pic_jobs {
	position: absolute;
	right: 0px;
	bottom: 0px;
	background-image: url(../Bilder/header_pic_jobs.png);
	background-position: right;
	background-repeat: no-repeat;
	width: 263px;
	height: 156px;
	z-index: 5;
/*	border: 1px solid blue;*/
}

#header_pic_kontakt {
	position: absolute;
	right: 0px;
	bottom: 0px;
	background-image: url(../Bilder/header_pic_kontakt.png);
	background-position: right;
	background-repeat: no-repeat;
	width: 263px;
	height: 156px;
	z-index: 5;
/*	border: 1px solid blue;*/
}

#header_pic_leistungen {
	position: absolute;
	right: 0px;
	bottom: 0px;
	background-image: url(../Bilder/header_pic_leistungen.png);
	background-position: right;
	background-repeat: no-repeat;
	width: 263px;
	height: 156px;
	z-index: 5;
/*	border: 1px solid blue;*/
}

#header_pic_konditionen {
	position: absolute;
	right: 0px;
	bottom: 0px;
	background-image: url(../Bilder/header_pic_kondition.png);
	background-position: right;
	background-repeat: no-repeat;
	width: 263px;
	height: 156px;
	z-index: 5;
/*	border: 1px solid blue;*/
}

#header_pic_SEO {
	position: absolute;
	right: 0px;
	bottom: 0px;
	background-image: url(../Bilder/header_pic_SEO.png);
	background-position: right;
	background-repeat: no-repeat;
	width: 263px;
	height: 156px;
	z-index: 5;
/*	border: 1px solid blue;*/
}

#header_pic_referenzen {
	position: absolute;
	right: 0px;
	bottom: 0px;
	background-image: url(../Bilder/header_pic_referenzen.png);
	background-position: right;
	background-repeat: no-repeat;
	width: 263px;
	height: 156px;
	z-index: 5;
/*	border: 1px solid blue;*/
}

#head_ctl {
	position: absolute;
	top: 0px;
	left: 0px;
	background-image: url(../Bilder/header_ctl.png);
	background-position: top;
	background-repeat: no-repeat;
	width: 10px;
	height: 10px;
	z-index: 10;
}
#head_ctr {
	position: absolute;
	top: 0px;
	right: 0px;
	background-image: url(../Bilder/header_ctr.png);
	background-position: top;
	background-repeat: no-repeat;
	width: 10px;
	height: 10px;
	z-index: 10;
}

#head_cbl {
	position: absolute;
	bottom: 0;
	left: 0;
	background-image: url(../Bilder/header_cbl.png);
	background-position: top;
	background-repeat: no-repeat;
	width: 10px;
	height: 10px;
	z-index: 10;
}

#head_cbr {
	position: absolute;
	bottom: 0;
	right: 0;
	background-image: url(../Bilder/header_cbr.png);
	background-position: top;
	background-repeat: no-repeat;
	width: 10px;
	height: 10px;
	z-index: 10;
}






/* --------------------- headertext --------------------- */
#header_text {
	width: 500px;
	height: 156px;
	overflow: hidden;
/*	background-color: Fuchsia;*/
}

#header_text h1#header_cap {
	color: #666;
	padding: 10px 0px 0px 20px;
}

#header_text p {
	color: #666;
	padding: 10px 0px 0px 80px;
}

#header_text ul {
	list-style: disc;
	list-style-position: inside;
	padding: 5px 0px 0px 80px;
}







/* --------------------- navigation --------------------- */
#navigation {
	position: absolute;
	top: 110px;
	left: 0;
	margin: 0 0px;																/*anderer Wert im IE*/
	background-image: url(../Bilder/navi_small2.png);
	background-position: top;
	background-repeat: repeat-x;
	width: 100%;																/* 755px */
	height: 35px;
/*	border: 1px solid aqua;*/
}

#nav_top_cbl {
	position: absolute;
	bottom: 0;
	left: 0;
	background-image: url(../Bilder/navi_small_cbl.png);
	background-position: top;
	background-repeat: no-repeat;
	width: 10px;
	height: 10px;
}

#nav_top_cbr {
	position: absolute;
	bottom: 0;
	right: 0;
	background-image: url(../Bilder/navi_small_cbr.png);
	background-position: top;
	background-repeat: no-repeat;	
	width: 10px;
	height: 10px;
}

#navigation ul {
	position: relative;
	top: 0px;
	left: 18px;
/*	background-color: Aqua;*/
	width: 736px;
	height: 35px;
	text-align: center;
}

#navigation ul li {
	display: inline;
	line-height: 35px;
/*	background-color: Red;*/
	margin-left: -2px;
	margin-right: -3px;
}

#navigation ul li a {
	color: white;
	padding: 10px 23px 10px 22px;
	border-left: 1px solid #999;
}

#navigation ul li a#navmainlast {
	border-right: 1px solid #999;
}

#navigation ul li a.navmain:hover {
	background-image: url(../Bilder/navi_small2o.png);
	background-position: top;
	background-repeat: repeat-x;
	color: white;
}






/* --------------------- logo --------------------- */
#logo {
	position: absolute;
	top: 10px;
	left: 0;
	background-image: url(../Bilder/logo_headways.png);										/*wichtig im IE: "none" */
	background-position: top;
	background-repeat: no-repeat;
	width: 210px;
	height: 87px;
	z-index: 10;
/*	border: 1px solid orange;*/
}





/* --------------------- footer --------------------- */
#footer {
	float: left;
	margin: 20px 0px 40px 0px;
	background-image: url(../Bilder/footer_bg.png);
	background-position: left;
	background-repeat: no-repeat;
	width: 776px;
	height: 21px;
	text-align: center;
}

#footer a {
	color: white;
	font-weight:bold;
}

#footer a:hover {
	color: #E69600;
}

#footer a.left {
	float: left;
	padding: 3px 0px 0px 10px;
}

#footer a.right {
	float: right;
	position: relative;
	top: -20px;
	padding: 3px 10px 0px 0px;
}


/* --------------------- slogan --------------------- */
#slogan {
	position: absolute;
	top: 10px;
	left: 240px;;
	width: 530px;
	height: 90px;
	z-index: 10;
/*	border: 1px solid orange;*/
}

#slogan h1,
#slogan h2,
#slogan h3,
#slogan h4 {
	color: #666;
	margin-top: 10px;
}

#slogan h2{
	font-size: 13pt;
}

#slogan h3 {
	font-weight: normal;
}