/*
	Markus Poellinger
	info@gettingreal.de
*/


/******************************************************************************
											Seite
******************************************************************************/



body {
	font-family: "Verdana", "Arial", "Helvetica", sans-serif;
	padding: 0;
	margin: 0;
	background: #f7f7f7 url(body-bg6.jpg) repeat-y top center;
	color: black;
	/* Box Model Hack */
	font-size: x-small; /* für IE5/Win */
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: small; /* für konforme Browser */
	text-align: center;
}
html>body { /* sei nett zu Opera */
	font-size: small;
}

#wrap {
	width: 800px;
	margin: 0 auto;
	/*padding: 3px 3px 0 3px;*/
	padding-top: 3px;
	background: #fff;
}

#wrap2 {
	background-color: #ffffff;
	padding: 0;
	margin: 0;
	width: 100%;
}

/******************************************************************************
											Header
******************************************************************************/

#header {
	color: #009966;
	padding: 0;
	padding-bottom: 20px;
	font-weight: bold;
	/*border-top: #006666 1px solid;*/
	background: #77b5e6 url(gras.jpg) no-repeat bottom right;
	float: left;
	text-align: left;
	width: 100%;
}

#header #logo {
	padding-left: 25px;
	margin-bottom: 20px;
	float: left;
}

#header #top {
	color: #009966;
	padding: 20px 0 0 0;
	margin: 0;
	font-size: 200%;
	font-family: "Lucida Grande", sans-serif;
	}

#header #bottom {
	color: Gray;
	padding: 2px 0 0 0;
	margin: 0;
	float: left;
	font-size: 110%;
	font-size: 120%;
	border-top: #009966 1px solid;
}


p.clear {
	clear: both;
	display: none;
}

/******************************************************************************
											Navigationsmenue
******************************************************************************/

#menue {
	color: white;
	padding: 3px 0;
	clear: both;
	float: left;
	width: 100%;
	font-family: "Lucida Grande", sans-serif;
	font-size: 100%;
	background: transparent url(menue_bg.png) repeat top left;
}

#menue ul {
	margin: 0 25px;
	padding: 0;
	list-style: none;
}

#menue li {
	float: left;
	margin: 0;
	padding: 0;
}

#menue li a {
	color: white;
	background-color: #66cc66;
	float: left;
	text-decoration: none;
	/*font-weight: normal;*/
	margin: 0 2px 0 0;
	padding: 5px 10px;
}

#menue a:hover {
	background-color: #009966;
}


#b-home #m-home a, #b-leistungen #m-leistungen a, #b-referenzen #m-referenzen a, 
#b-firma #m-firma a, #b-kontakt #m-kontakt a {
	/*font-weight: normal;*/
	background-color: #009966;
}


/******************************************************************************
											Description
******************************************************************************/

#description {
	clear: left;
	color: #006666;
	padding: 0px 35px 15px 35px;
	margin: 0px;
	font-size: 100%;
	font-weight: bold;
	border-bottom: #66cc66 2px dotted;
	border-bottom: #e3e3e3 2px dotted;
}

#description div {
	padding: 10px 0 0 0;
	float: left;
}

#description h1 {
	font-size: 120%;
	color: #006666;
	padding: 20px 0 5px 0;
	margin: 0;
	text-align: left;
}



/******************************************************************************
											Content
******************************************************************************/

#content {
	color: black;
	text-align: left;
	clear: left;
	margin: 0;
	padding: 0;
	min-height: 300px;
}

#content #gutter {
	padding: 20px 35px 35px 35px;
	margin: 0;
}


/******************************************************************************
											Footer
******************************************************************************/

#footer {
	clear: both;
	padding: 10px 0 20px 0;
	margin-top: 20px;
	text-align: center;
	border-top: #e3e3e3 1px dotted;
}

#footer #impressum {
	font-size: 80%;
}

#kontakt {
	font-size: 80%;
	text-align: center;
	clear: left;
	margin: 20px 0 10px 0;
	padding-bottom: 10px;
	border-bottom: #e3e3e3 1px dotted;
}


/******************************************************************************
											Seite: Home
******************************************************************************/

#home {
	margin: 0;
	padding: 0;
}

#home-left {
	float: left;
	width: 70%;
	width: 500px;
	margin-top: 0px;
	margin: 0;
	padding: 0;
}

#home-left div {
	padding-right: 20px;
}

#home-left .profil {
	margin-bottom: 25px;
}

.profil img {
	float: left;
	margin: 0 10px 10px 0;
}

#schnellerteller img {
	float: right;
	margin: 0 0 10px 10px;
}


#sidebar {
	float: right;
	width: 30%;
	width: 224px;
	margin: 0;
	padding: 0;
}

ul.nobullet {
	list-style: none;
	margin-left: 0;
	padding-left: 15px;
}
ul.nobullet li {
	padding: 2px 0 2px 0;
}

ul.kontakt {
	list-style: none;
	margin-left: 0;
	padding-left: 0px;
}
ul.kontakt li {
	padding: 0 0 10px 0;
	line-height: 1.5em;
}


#fokus {
	float: right;
	width: 30%;
}

#projekte {
	float: right;
	width: 30%;
}

#quelle {
	padding-top: 30px;
	clear: both;
	font-size: 80%;
}


/******************************************************************************
											Seite: Leistungen
******************************************************************************/
#leistung #spaltelinks {
	width: 48%;
	width: 347px;
	float: left;
}

#leistung #spalterechts {
	float: right;
	margin-left: 4%;
	margin-left: 30px;
	width: 48%;
	width: 347px;
}

.angebot strong {
	font-size: 90%;
	color: Gray;
}

.angebot ul {
	margin-top: 10px;
	margin-bottom: 25px;
	font-size: 90%;
	line-height: 150%;
}

.angebot h3 {
	margin: 0;
	padding: 0;
	color: #5a5a5a;
	}

/******************************************************************************
											Seite: Referenzen
******************************************************************************/
.referenz {
	text-align: left;
	margin: 0 0px 10px 0;
	width: 70%;
	width: 560px;
	clear: both;
	float: left;
}

.referenz a {
	margin-left: 0px;
}

.referenz p {
	margin-top: 5px;
	margin-left: 0px;
}

img.referenz_links {
	float: left;
	padding: 0;
	position: relative;
	top: -5px;
	right: 5px;
}

div.img_schatten {
	background-color: #cccccc;
	float: left;
	margin:  5px 15px 10px 5px;
}


/******************************************************************************
											Seite: Ueber uns
******************************************************************************/

#firma {
	width: 724px;
	margin: 0;
	padding: 0;
	float: left;
	padding-bottom: 25px;
}

#poellinger {
	text-align: left;
	width: 50%;
	width: 362px;
	float: left;
}

#poellinger div {
	float: left;
	margin: 0;
	padding-right: 20px;
}

#poellinger img {
	float: right;
	margin: 0 0 20px 20px;
	padding: 4px;
	border: 1px solid #D9E0E6;
	border-bottom-color: #C8CDD2;
	border-right-color: #C8CDD2;
}

#durst {
	text-align: left;
	width: 50%;
	width: 362px;
	float: right;
}
#durst div {
	float: left;
	margin: 0;
	padding-left: 10px;
	padding-right: 20px;
}
#durst img {
	float: right;
	margin: 0 0 20px 20px;
	padding: 4px;
	border: 1px solid #D9E0E6;
	border-bottom-color: #C8CDD2;
	border-right-color: #C8CDD2;
}
/*
#vitafoto p {
	float: left;
	margin: 20px 0 0 0;
}
*/
#vitalist {
	clear: left;
}

#bildbeschreibung {
	float: left;
	margin-left: 20px;
}

/******************************************************************************
											Seite: Kontakt
******************************************************************************/

#b-kontakt .kontakt {
	line-height: 1.6em;
}

div.kontaktbox {
	margin-bottom: 30px;
}

#kontakt-wrap {
	float: left;
	width: 650px;
}

#kontakt-left {
	float: left;
	width: 300px;
}

#kontakt-right {
	float: right;
	width: 300px;
}

/******************************************************************************
											Seite: Impressum
******************************************************************************/

#impressumtext {
	text-align: left;
}

/******************************************************************************
											Allgemeine Styles
******************************************************************************/

#color1 {
	color: white;
	background-color: #66cc66;
	padding: 5px 10px;
}
#color2 {
	color: white;
	background-color: #009966;
	padding: 5px 10px;
}
#color3 {
	color: white;
	background-color: #006666;
	padding: 5px 10px;
}
#color4 {
	color: white;
	background-color: #003333;
	padding: 5px 10px;
}


h1 {
	font-size: 140%;
	text-align: center;
}

h2 {	
	font-size: 110%;
	margin-bottom: 8px;
	font-weight: bold;
	background: transparent url(h2-bg.png) no-repeat center left;
	padding-left: 20px;
	color: #009966;
	font-family: "Lucida Grande", sans-serif;
}

h3 {
	font-size: 100%;
	font-weight: bold;
	font-family: "Lucida Grande", sans-serif;
	margin-bottom: 3px;
}

h4 {
	font-size: 90%;
	font-weight: bold;
	
}


a {
	color: Blue;
	background-color: transparent;
}
a:link, a:visited {
	padding: 0 0 1px 0;
	/*font-weight: bold;*/
	color: #40608C;
}
a:hover {
	color: #2D405B;
	text-decoration: underline;
}

a.extern {
	background: transparent url(externer_link.png) no-repeat center right;
	padding-right: 13px;
}

.nowrap {
	white-space: nowrap;
}