@charset "UTF-8";


/* BWAVE CSS3 DOCUMENT */
/* this document was handcoded by Ben Moll | bwave.de | bwave.us */
/* copyright © 2008 – today */


/* div {
	border: 1px solid Red;
} */


/**************************************/
/* BWAVE CSS3 COMMON SITE DEFINITIONS */
/**************************************/

body {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.9em;
	background: #dce1e4 url('../grafics/backgrd/back_body.jpg') no-repeat top center;
	margin: 0px;
	line-height: 1.5em;
	color: #444751;
}

a img {
	cursor: crosshair;
}

h1, h2, h3, h4 { 
	margin-top: 0px;
	margin-bottom: 10px;
	color: #444751;
	font-weight: normal;
	font-family: Verdana, Geneva, sans-serif;
}

h5 {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 1.5em;
	line-height: 1.6em;
	font-style: italic;
	margin-left: -20%;
	width: 120%;
	color:#333;
}

h6 {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 2.5em;
	line-height: 0.5em;
	margin-top: 10px;
	margin-bottom: 5px;
	font-style: italic;
	color:#333;
}

h1 { 
	font-size: 1.7em;
	line-height: 110%;
}

h2, h2 a {
	font-weight: bold;
	font-size: 1.0em;
	line-height: 110%;
	color: #444751;
	text-decoration: none;
	text-transform: uppercase;		
}

h3, h3 a { 
	font-weight: bold;
	font-size: 0.9em;
	line-height: 110%;
	color: #444751;
	text-decoration: none;
	text-transform: uppercase;
}

a {
	font-weight: bold;
	color: #444751;
	text-decoration: none;
}

a:hover { 
	font-weight: bold;	
	color: #444751;
	text-decoration: underline;
}

a img { 
	border: none;
}


/***************************************/
/* BWAVE CSS3 SPECIAL SITE DEFINITIONS */
/***************************************/

.wraper { 
	width: 940px;
	margin-right: auto;
	margin-left: auto;
	display: block;
}

#wraper_footer { 
	width: 940px;
	margin-right: auto;
	margin-left: auto;
	display: block;
}

#header { 
	float: left;
	width: 940px;
	padding-top: 34px;
}

#flags {
	position: static;
	z-index: 1;
	width: 100px;
	font-size: 0.6em;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: -15px;
	float: right;
}

#logo { 
	float: left;
	width: 180px;
	margin-right: 120px;
	display:inline;
}

*html #header #logo { 
	float: left;
	width: 140px;
	margin-right: 140px;
}

#logo h1 a { 
	display: block;
	width: 180px;
	height: 51px;
	background: url('../grafics/bwave-logo.png') no-repeat;
}

h1 span { 
	display: none;
}

#twitter {
	font-size: 0.9em;
	line-height: 1.5em;
}

#kontakt {
	font-size: 0.9em;
	line-height: 1.5em;
}

/***************************/
/* BWAVE BLOCK DEFINITIONS */
/***************************/


.intro {
	width: 940px;
	height: 225px;
	float: left;
	margin-top: 80px;
	background-repeat: no-repeat;
}

#introhome {
	background-image:url(../grafics/backgrd/intro-home.png);
	background-position: bottom right;
}

#introabout {
	background-image:url(../grafics/backgrd/intro-about.png);
	background-position: bottom right;
}

#introcontact {
	background-image:url(../grafics/backgrd/intro-contact.png);
	background-position: bottom right;
}

#introphotography {
	background-image:url(../grafics/backgrd/intro-photography.png);
	background-position: bottom right;
}

#introportfolio {
	background-image:url(../grafics/backgrd/intro-portfolio.png);
	background-position: bottom right;
}

#introSEO {
	background-image:url(../grafics/backgrd/intro-SEO.png);
	background-position: bottom right;
}

#introSEM {
	background-image:url(../grafics/backgrd/intro-SEM.png);
	background-position: bottom right;
}


.intro h1 {
	font-weight: bold;
	letter-spacing: -3px;
	font-size: 5em;
	margin-left: -6px;
	-webkit-text-shadow: 3px 3px 5px #BBB;
	-moz-text-shadow: 3px 3px 5px #BBB;
	text-shadow: 3px 3px 5px #BBB;
}

.intro p {
	font-variant: normal;
	width: 600px;
	letter-spacing: -1px;
	font-size: 1.7em;
	margin-left: -2px;
	line-height: 1.3em;
}

.description { 
	width: 620px;
	float: left;
	font-size: 0.9em;
	line-height: 1.5em;
	margin-top: -10px;
}



/**********************/
/* BWAVE CONTACT FORM */
/**********************/

/*********CONTACT LAYOUT***********/

.contact_box { 
	margin-bottom: 30px;
	padding-top: 23px;
	border-top: 1px solid #bdc1c7;
}

.contact_box h2 { 
	margin-bottom: 21px;
}


.contact_description { 
	width: 220px;
	float: left;
}

.contact_description p {
	font-size: 0.9em;
}

div.input_bg {
	width: 194px;
	padding-left: 6px;
	height: 27px;
	display: block;
	background: #3d3f48 url('../../grafics/contact/input_back.jpg') no-repeat;
	margin-bottom: 4px;
}

.form td { 
	padding: 5px 5px 5px 0px;
}

.form em { 
	font-size: 11px;
	color:#bdc1c7;
	font-style: italic;
	margin-left: 5px;
}

.form input.text {
	border-top: none;
	border-left: none;
	border: 1px solid #bdc1c7;
	font-family: Helvetica, Arial, "MS Trebuchet", sans-serif;
	font-size: 12px;
	padding: 5px;
	width: 200px;
	color: #666666;
}


.form select { 
	font-family: Helvetica, Arial, "MS Trebuchet", sans-serif;
	font-size: 12px;
	padding: 2px;
	width: 200px;	
}

.form textarea {
	border-top: none;
	border-left: none;	 
	border: 1px solid #bdc1c7;	
	font-family: Helvetica, Arial, "MS Trebuchet", sans-serif;
	font-size: 12px;
	padding: 5px;
	width: 400px;
	color: #666666;	
}

#content_inner { 
	float: left;
	width: 940px;
	line-height: 20px;
	margin-bottom: 25px;
	padding-bottom: 20px;
	border-bottom: 1px solid #bdc1c7;
}

.box_3 { 
	float: left;
	width: 620px;
	padding-top: 26px;
	font-size: 0.8em;
}

.box_3 img { 
	margin-bottom: 14px;
}

.box_3 h3 { 
	margin-bottom: 0px;
}

.box_3 p { 
	margin: 0;
	padding: 0px;
}



/*******************/
/* BWAVE PORTFOLIO */
/*******************/

.portfolio {
	width: 940px;
	float: left;
	margin-top: 20px;
	padding-top: 25px;
	margin-bottom: 30px;
	border-top: 1px solid #bdc1c7;
}

.portfoliodetail {
	width: 940px;
	float: left;
	padding-top: 50px;
	margin-top: 50px;
	margin-bottom: 20px;
	border-top: 1px solid #bdc1c7;
}

.box { 
	float: left;
	width: 300px;
	margin-right: 20px;
	margin-bottom: 20px;
	padding-bottom: 30px;
	height: 260px;
	border-bottom: 1px solid #bdc1c7;
	font-size: 0.8em;
}

.box img {
	margin-top: 15px;
}

.box h3 { 
	margin-top: 15px;	
	margin-bottom: 0px;
	font-size: 0.9em;
}

.box p { 
	margin: 0;
	padding: 0px;
}

.box_2 { 
	float: left;
	width: 300px;
	margin-bottom: 20px;
	padding-bottom: 30px;
	height: 260px;
	border-bottom: 1px solid #bdc1c7;
	font-size: 0.8em;
}

.box_2 img {
	margin-top: 15px;
}

.box_2 h3 { 
	margin-top: 15px;	
	margin-bottom: 0px;
	font-size: 0.9em;
}

.box_2 p { 
	margin: 0;
	padding: 0px;
}

#tiny_description { 
}

.col_2_portfolio { 
	width: 620px;
	float: left;
}

.col_2_contactform { 
	width: 620px;
	float: left;
}

div.clear { 
	clear:both;
}

/*******************/
/* BWAVE TOP MENUE */
/*******************/


.topmenue a:link {
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F3F4F6), to(#E1E5E8));
	background-image: -moz-linear-gradient(0% 0% 270deg, #F3F4F6, #E1E5E8);
	background-image: linear-gradient(0% 0% 270deg, #F3F4F6, #E1E5E8);
	color: #444751;
}

.topmenue a:hover {
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#E1E5E8), to(#F3F4F6));
	background-image: -moz-linear-gradient(0% 0% 270deg, #E1E5E8, #F3F4F6);
	background-image: linear-gradient(0% 0% 270deg, #E1E5E8, #F3F4F6);
	color: #444751;
}

.topmenue a:active {
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3b3e47), to(#41444d));
	background-image: -moz-linear-gradient(0% 0% 270deg, #3b3e47, #41444d);
	background-image: linear-gradient(0% 0% 270deg, #3b3e47, #41444d);
	color: #EEE;
}

.topmenue a:visited {
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F3F4F6), to(#E1E5E8));
	background-image: -moz-linear-gradient(0% 0% 270deg, #F3F4F6, #E1E5E8);
	background-image: linear-gradient(0% 0% 270deg, #F3F4F6, #E1E5E8);
	color: #444751;
	text-align: right;
}

.topmenue li {
	list-style: none;
	list-style-type: none;
	display: inline;
	padding: 5px;
	font-size: 0.8em;
	text-align: right;
	-webkit-text-shadow: 1px 1px 0px #DDD;
	-moz-text-shadow: 1px 1px 0px #DDD;
	text-shadow: 1px 1px 0px #DDD;
}

.topmenue a {
	text-transform: uppercase;
	text-decoration: none;
	font-weight: 600;
	padding: 4px 5px 5px 7px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0px 0px 4px #777;
	-moz-box-shadow: 0px 0px 4px #777;
	box-shadow: 0px 0px 4px #777;
}

.topmenue {
	margin-top: 20px;
}

/***********************/
/* BWAVE NEGATIV MENUE */
/***********************/

.negmenue a:link {
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3b3e47), to(#41444d));
	background-image: -moz-linear-gradient(0% 0% 270deg, #3b3e47, #41444d);
	background-image: linear-gradient(0% 0% 270deg, #3b3e47, #41444d);
	color: #EEE;
}

.negmenue a:hover {
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#41444d), to(#3b3e47));
	background-image: -moz-linear-gradient(0% 0% 270deg, #41444d, #3b3e47);
	background-image: linear-gradient(0% 0% 270deg, #41444d, #3b3e47);
	color: #EEE;
}

.negmenue a:active {
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F3F4F6), to(#E1E5E8));
	background-image: -moz-linear-gradient(0% 0% 270deg, #F3F4F6, #E1E5E8);
	background-image: linear-gradient(0% 0% 270deg, #F3F4F6, #E1E5E8);
	color: #444751;
}

.negmenue a:visited {
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3b3e47), to(#41444d));
	background-image: -moz-linear-gradient(0% 0% 270deg, #3b3e47, #41444d);
	background-image: linear-gradient(0% 0% 270deg, #3b3e47, #41444d);
	color: #EEE;
	text-align: right;
}

.negmenue li {
	list-style: none;
	list-style-type: none;
	display: inline;
	padding: 5px;
	font-size: 0.8em;
	text-align: right;
	-webkit-text-shadow: 1px 1px 0px #333;
	-moz-text-shadow: 1px 1px 0px #333;
	text-shadow: 1px 1px 0px #333;
}

.negmenue a {
	text-transform: uppercase;
	text-decoration: none;
	font-weight: 600;
	padding: 4px 5px 5px 7px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0px 0px 4px #777;
	-moz-box-shadow: 0px 0px 4px #777;
	box-shadow: 0px 0px 4px #777;
}

.negmenue {
	margin-top: 20px;
}

/****************/
/* BWAVE FOOTER */
/****************/

#wraper_footer { 
	width: 940px;
	margin-right: auto;
	margin-left: auto;
	display: block;
}

div#strip_footer {
	margin-top: 40px;
	float: left;
	width: 100%;
	background: #3d3f48 url('../grafics/backgrd/back_footer_x.jpg') repeat-x top;
}

div#footer	{ 
	float: left;
	width: 100%;
	height: 190px;
	padding-top: 30px;
	background: url('../grafics/backgrd/back_footer.jpg') no-repeat top center;
	color: #fff;
	font-size: 0.9em;
	line-height: 1.5em;
}

#footer p { 
	margin: 0px;
	padding: 0px;
}

div#footer a	{ 
	text-decoration: none;
	color: #FFF;	
	font-weight: normal;
}
div#footer a:hover	{ 
	text-decoration: none;
	color: #FFF;	
}

div#footer h1.bwave a { 
	width: 69px;
	height: 22px;
	background:  url('../grafics/bwave-small.png') no-repeat top;
	display: block;
	color: #FFF;
	margin-top: 0px;
}

div#footer h1.bwave span	{ 
	display: none;

}

div#subline	{ 
	float: left;
	width: 940px;
	color: #ddd;
	font-size: 0.8em;
	line-height: 1.3em;
	padding-top: 17px;
}


/*****************/
/* BWAVE COLUMNS */
/*****************/

.firstblock {
	float: left;
	width: 942px;
	margin-bottom: 20px;
	margin-top: 18px;
	padding-top: 40px;
	border-top: 1px solid #bdc1c7;
}

.SEObasic {
	float: left;
	width: 942px;
	margin-bottom: 20px;
	margin-top: 18px;
	padding-top: 40px;
	border-top: 1px solid #bdc1c7;
	background-image: url(../grafics/SEO-reports/BASIC-SEO-Report.png);
	background-position: bottom left;
	background-repeat: no-repeat;
}

.SEOadvanced {
	float: left;
	width: 942px;
	margin-bottom: 20px;
	margin-top: 18px;
	padding-top: 40px;
	border-top: 1px solid #bdc1c7;
	background-image: url(../grafics/SEO-reports/ADVANCED-SEO-Report.png);
	background-position: bottom left;
	background-repeat: no-repeat;
}

.col_1 {
	width: 300px;
	margin-top: 10px;
	margin-right: 20px;
	float: left;
	font-size: 0.9em;
	line-height: 1.5em;
}

.col_2 { 
	width: 300px;
	margin-top: 10px;
	margin-right: 20px;
	float: left;
	font-size: 0.9em;
	line-height: 1.5em;
}

.col_3 { 
	width: 300px;
	margin-top: 10px;
	float: left;
	font-size: 0.9em;
	line-height: 1.5em;
}


/* LEISTUNGEN HOME */
.leistungen {
	float: left;
	width: 942px;
	background: url('../grafics/leistungen.jpg') no-repeat center 50px;
	height: 370px;
	margin-top: 18px;
	padding-top: 40px;
	border-top: 1px solid #bdc1c7;
}

.SEO {
	float: left;
	width: 942px;
	margin-top: 18px;
	padding-top: 40px;
	margin-bottom: 20px;
	padding-bottom: 40px;
	border-top: 1px solid #bdc1c7;
	border-bottom: 1px solid #bdc1c7;
}

.title	{ 
	width: 300px;
	float: left;
	margin-right: 20px;
	margin-top: -10px;
}

.description { 
	width: 620px;
	float: left;
	font-size: 0.9em;
	line-height: 1.5em;
	margin-top: -8px;
	margin-bottom: -10px;
}
/* LEISTUNGEN HOME ENDE */


/* KUNDENLISTE HOME */
#kundenliste { 
	background: url('../grafics/kundenliste.jpg') no-repeat 0px 90px;
	margin-top: 20px;
	padding-top: 40px;
	border-top: 1px solid #bdc1c7;
}

#kundenliste ul.kunden { 
	margin: 0;
	padding: 0px;
	margin-top: 16px;
	list-style: none;
}

#kundenliste li {
	font-size: 0.9em;
}

.middle { 
	margin-left: 297px;
	display: inline;
}
/* KUNDENLISTE HOME ENDE */


div.col_5-0 {
	float: left;
	width: 940px;
	padding-bottom: 20px;
	margin-bottom: 20px;
	display: table;
	border-bottom: 1px solid #bdc1c7;
}

.col_5-1 { 
	width: 172px;
	float: left;
	margin-right: 20px;
	font-size: 0.77em;
	line-height: 1.3em;
}

.col_5-2 { 
	width: 172px;
	float: left;
	margin-right: 20px;
	font-size: 0.77em;
	line-height: 1.3em;
}

.col_5-3 { 
	width: 172px;
	float: left;
	margin-right: 20px;
	font-size: 0.77em;
	line-height: 1.3em;
}

.col_5-4 { 
	width: 172px;
	float: left;
	margin-right: 20px;
	font-size: 0.77em;
	line-height: 1.3em;
}

.col_5-5 { 
	width: 172px;
	float: left;
	font-size: 0.77em;
	line-height: 1.3em;
}


/*****************/
/* IMAGE CLASSES */
/*****************/

img.right { 
	float: right;
}