* {
	margin: 0;
	padding: 0;
}
body {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #9d9d9d;
	background-color: #fff;
	font-size: 100.01%;
	text-align:center;
}
body#home {
	background: #fff url(../img/bg-verlauf.png) 0 400px repeat-x;
	}
h2, h3, h4 {
	font: bold 1em Arial, Verdana, Helvetica, sans-serif;
	color: #aa2265;
	background-color: inherit;
}
p {
	font: normal .75em/1.6em Arial, Verdana, Helvetica, sans-serif;
}
.strong {
	font-weight: bold;
	}
.larger {
	font-size: 1.16em;
	}
.abstand-top {
	padding-top: 20px;
	}
.abstand-bottom {
	margin-bottom: 30px;
	}
li {
	list-style:none;
}
a {
	color: #00a1ac;
	background-color: inherit;
	text-decoration:none;
}
a img {
	border: none;
}
#logo {
	float: left;
	border: none;
	width: 301px;
}
.fir {
	display:none;
}
.breaker {
	clear: both;
}
h1 {
	font: bold 60px/55px Helvetica, Arial, Verdana sans-serif;
	color: #aa2265;
	}
span.subline {
	color: #b1b1b1;
	font-size: 24px;
	}
.content-row-full {
	float: left;
	width: 100%;
	padding: 30px 0 0 0;
}
.flow {
	background-color: #f4f4f4;
	}
.wrapper {
	font-size: 1em;
	text-align:left;
	color:inherit;
	width: 980px;
	margin:	auto;
}
.column {
	float: left;
}
.small {
	font-size: 14px;
	font-weight: normal;
	padding: 13px 0 0 0;
	}
#first-row {
	padding: 20px 0 0 20px;
	}
#second-row {
	margin: 50px 0 0 0;
	
	}

p.large {
	font-size: 14px;
	}
.three-column .column {
	/*width: 320px;*/
	width: 283px;
	padding: 0 20px 0 20px;
	}
.pink {
	font-size: 30px;
	color: #aa2265;
	padding-bottom: 20px;
	}
.grey {
	color: #b1b1b1;
	padding: 0 0 20px 20px;
	}
.column .grey {
	padding: 0 0 20px 0;
	}
h2.grey {
	font-size: 24px;
	}
.three-column .center {
	background: transparent url(../img/center-stripes.gif) 0 0 repeat-y;
	width: 284px;
	}
.two-column .column {
	width: 480px;
	}
.divider {
	background: transparent url(../img/divider.gif) 0 0 no-repeat;
	padding-top: 20px;


		}
#net, #philo {
	
	
	
	}
#net {
	margin: 0 0 0 20px;
	padding: 0 0 0 170px;
	background:transparent url(../img/netzwerk.png) 0 13px no-repeat;
	width: 300px;

	}
#philo {
	background:transparent url(../img/reissbrett.png) 40px 0 no-repeat;
	width: 300px;
	padding: 0 0 0 177px;
	}
* html #philo {
	padding: 0 0 0 160px;
	}
#head {
	width: 960px;
	margin: 0 0 0 0;
	padding: 0 0 0 10px;
	float:left;
}
#head #main-nav {
	float: right;
	/*padding: 0 20px 0 0;*/
	background: transparent url(../img/main-navi.png) 0 -40px no-repeat;
	/*width: 497px;*/
	width: 507px;
	height: 40px;
}
#head #main-nav li, #head #main-nav li a  {
	display: block;
	float: left;

	}
 #head #main-nav li a  {
	 background: transparent url(../img/main-navi.png) 0 0 no-repeat;
		height: 40px; 
	 }
#head #main-nav #start a {
	/*width: 84px;*/
	width: 74px;
	}
#head #main-nav #start a:hover, #head #main-nav #start a.selected {
	background-position: 0 -40px;
	}
#head #main-nav #work a {
	width: 130px;
	background-position: -84px 0;
	}
#head #main-nav #work a:hover {
	background-position: -84px -40px;
	}
#head #main-nav #about a {
	width: 96px;
	background-position: -224px 0;
	}
#head #main-nav #about a:hover {
	background-position: -224px -40px;
	}
#head #main-nav #contact a {
	width: 86px;
	background-position: -330px 0;
	}
#head #main-nav #contact a:hover {
	background-position: -330px -40px;
	}
#head #main-nav #blog a {
	width: 70px;
	background-position: -425px 0;
	}
#head #main-nav #blog a:hover {
	background-position: -425px -40px;
	}
#head p {
	/*padding: 0 0 0 15px;*/
}
#head #main-nav li a, #head #main-nav li {
	float:left;
}
#head #main-nav li a {
	display: block;
	padding: 0 5px 0 5px;
}
#navi {
	width: 659px;
}
#monitor {
	margin: 20px 0 0 0;
	width: 420px;
	height: 410px;
	background: transparent url(../img/monitor.png) 0 0 no-repeat;
}
#screen {
	position: absolute;
	margin: 15px 0 0 18px;
}
#overlay {
	background: transparent url(../img/screen-bg.png) 0 0 no-repeat;
	position:absolute;
	margin: 129px 0 0 0;
	height: 75px;
	width: 373px;
	padding: 10px 0 0 20px;
	}
#interface {
	padding: 252px 0 0 156px;
}
#interface li, #interface li a {
	display:block;
	float: left;
	height: 19px;
	width: 19px;
}
#interface li {
	padding: 0 0 0 1px;
}
#interface li a {
	background: transparent url(../img/point.png) 0 0 no-repeat;
}
#interface li a.selected {
	background: transparent url(../img/point-active.png) 0 0 no-repeat;
}
#interface li a {
}
#lead-in {
	width: 533px;
}
#lead-in p {
	width: 430px;
	padding: 10px 0 0 0;
	}
a.contact {
	display:block;
	height: 85px;
	width: 314px;
	background: transparent url(../img/btn.png) 0 0 no-repeat;
}
a.internal {
	background: transparent url(../img/arrow.png) 0 3px no-repeat;
	padding: 0 0 0 15px;
	}
a.mehrlink-xl {
	background: transparent url(../img/arow-xl.png) 0 2px no-repeat;
	padding: 0 0 0 20px;
	font-size: 1.16em;
	}
a.mehrlink {
	background:transparent url(../img/mehrlink.png) 0 4px no-repeat;
	padding: 0 0 0 10px;
	}
	
	#overlay a.mehrlink {
		background-image:url(../img/overlay-arrow.png);
		padding-right: 45px;
		}
	#overlay h2, #overlay p {
		color: #fff;
		}
#social {
		float:left;
		padding: 20px 0 0 0;
		
		}
#social li a, #social li {
display: block;
	float:left;
	}
#social li a {
	height: 36px;
	width: 36px;
	background: transparent url(../img/social.png) 0 0 no-repeat;
	padding: 0 17px 0 0;
	}
#social li#facebook a {
	background-position: -52px 0;
	}
#social li#linked-in a {
	background-position: -104px 0;
	}
#social li#mister-wong a {
	background-position: -156px 0;
	}
#social li#twitter a {
	background-position: -208px 0;
	}
/****************************** footer *******************************************/
#footer {
	background-color: #fff;
	float:left;
	padding: 10px 0 20px 0;
}
#footer ul {
	float: right;
	padding: 0 20px 0 0;
	}
#footer p, #footer a {
	
}
#footer p {
	padding: 0 0 0 15px;
}
#footer li a, #footer li, #footer span {
	float:left;
}
#footer li a, #footer li span{
	font-size: .75em;
}
#footer li a {
	display: block;
	padding: 0 5px 0 5px;
	}
#footer .column {
	padding: 0 0 0 0;
}
.column {
	float:left;
	width: 450px;
}
/*****************************************************/
a.start:hover, a.irdendwas:hover, a.irdendwas:focus, a.irdendwas:active {
	background-color: #98061e;
	color: #fff;
}
html {
	overflow: -moz-scrollbars-vertical;
}

#main-nav a {
  cursor: default;
}

#main-nav a.start {
  cursor: pointer !important;
}

#interface a {
  cursor: default;
}

#main-nav li a {
  background-image: none !important; 
}