body {
	margin: 0;
	padding: 0;
	text-align: center;
	background: #D0D0D0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	letter-spacing: 0.1em;
	line-height: 17px;
}
ul {
	margin: 0;
	padding: 0px 0px 0px 12px;
}
a:link img, a:visited img, a:hover img, a:active img {
border: none;
}
#wrapper {
	margin: 0 auto;
	text-align: left;
	width: 760px;
}
#header {
	padding: 15px 15px 32px 15px;
	background: #00151E;
}
#logo {
	float: left;
}
#langchooser {
	float: right;
	padding: 0;
}
/* * * * * START NAVIGATION * * * * */
#mainnav {
	background-color: #00151E;
	height: 20px;
	padding: 0px 15px 9px 15px;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 0.15em;
	font-weight: bold;
	color: #FFFFFF;
}
#subnav {
	background-color: #00151E;
	padding: 0px 15px 9px 15px;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 0.15em;
	color: #FFFFFF;
}
#mainnav a, #subnav a {
	color: #FFFFFF;
	text-decoration: none;
}
#mainnav a:hover, #subnav a:hover {
	color: #3DABDD;
	text-decoration: none;
}
#mainnav .active, #subnav .active {
	color: #3DABDD;
}
/* * * * * END NAVIGATION * * * * */

/* * * * * START CONTENT * * * * */
#flashcontent {
	background: #00151E;	
}
#pagetitle {
	padding: 7px 15px 5px 15px;
	background: #41b8EE url(../images/hg_titel.jpg);
}
#pagetitle h1 {
	text-transform: uppercase;
	font-size: 17px;
	margin: 0;
	color: #FFFFFF;
	font-weight: normal; 
}
#homecontent { /* nur fuer Startseite */
	padding: 30px 15px 15px 15px;
	background-color: #00151E;	
	color: #FFFFFF;
	float:left;
}
#homecontent h1 { /* nur fuer Startseite */
	font-size: 17px;
	color: #3DABDD;
	font-weight: normal;
	margin: 0 0 0 0;
}
#homecontent p {
	margin-top: 3px;
}
#homecontent a {
	color: #3DABDD;
	text-decoration: underline;
}
#homecontent a:hover {
	text-decoration: none;
}
#leftcol {
	width: 433px; /* Mac IE reads this line */
	/* Hack for IE on the Mac \*/
	width: 435px; /* All other browsers read this line */
	/* should be 435px, but IE 5.2 on the Mac acts silly */
	float: left;
	margin-right: 30px;
}
#leftcolshort {
	width: 345px; /* Mac IE reads this line */
	/* Hack for IE on the Mac \*/
	width: 345px; /* All other browsers read this line */
	/* should be 435px, but IE 5.2 on the Mac acts silly */
	float: left;
	margin-right: 30px;
}
#rightcol {
	width: 265px;
	float: left;
}
#rightcollong {
	width: 353px;
	float: left;
}

#content {
width:730px;
	padding: 30px 15px 15px 15px;
	margin: 0;
	background-color: #FFFFFF;
	color: #00151E;
	float: left;
}
#content h1 {
	font-size: 17px;
	color: #00151E;
	font-weight: normal;
	margin: 0 0 0 0;
}
#content p {
	margin-top: 3px;
}
#content a {
	color: #004f95;
	text-decoration: underline;
}
#content a:hover {
	text-decoration: none;
}
#media td, #projects td {
	padding: 0 0 20px 0;
}
#newsletter input {
	background: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	letter-spacing: 0.1em;	
    border: 1px solid #00151E;
	color: #00151E;
	width: 260px;
    padding-left: 5px;
}
/* * * * * END CONTENT * * * * */

/* * * * * START PEOPLE PICS * * * * */
#angebotsicon {
	text-align:right;
	float: right;

}
#oli {
	/* page: Kreativworkshop und Design */
	margin: 0 0 0 50px;
}
#pius {
	/* page: Design und Trends */
	margin: 0 0 0 110px;
}
#christian {
	/* page: Redaktion und Recherche */
	margin: 0 0 0 0;
}
#romano {
	/* page: beratung und Projektleitung */
	margin: 0 0 0 70px;	
}
#urs {
	/* page: Softwareentwicklung und CMS */
	margin: 0 0 0 45px;	
}
#sandro {
	/* page: Hosting und Sicherheit */
	margin: 0 0 0 73px;	
}
/* * * * * START FOOTER * * * * */
#footer {
	width:760px;
	text-align: center;
	padding: 3px 0 10px 0;
	color: #00151E;
}
#footer a {
	color: #00151E;
	text-decoration: none;
}
/* * * * * END FOOTER * * * * */