body {
	font-family: Helvetica, Arial, sans-serif;
}

h2 {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #000;
	background-color: transparent;
	margin: 0px;
	padding: 0px;
}

h3 {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000;
	background-color: transparent;
	margin: 0px;
	padding: 0px;
}

#container {
	position: absolute;
	top: 10px;
	left: 50%;
	height: 568px;
	width: 985px;
	margin: 0px 0px 0px -493px;
	border: 0px solid #333;
	color: #333;
	background-color: transparent;
	overflow: hidden;
}

#logo {
	position: absolute;
	top: 88px;
	left: 37px;
	padding: 5px;
	width: 150px;
	height: 62px;
	overflow: hidden;
	border: 0px solid #333;
	z-index: 10;
}

#playaLogo {
	border: none;
}

#navi {
	position: absolute;
	top: 0px;
	left: 215px;
	width: 757px;
	height: 50px;
	overflow: hidden;
	border: 0px solid #FF0000;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: -1.5px;
}

#navi ul {
	list-style-type: none;
	margin-left: 0px;
}

#navi ul li {
	display: inline;
}

#navi a:link {
	color: #000;
	background-color: transparent;
	text-decoration: none;
	padding: 5px 0px 5px 0px;
	border: 1px solid #FFF;
}

#navi a:active {
	color: #000;
	background-color: transparent;
	text-decoration: none;
	padding: 5px 0px 5px 0px;
	border: 1px solid #FFF;
}

#navi a:visited {
	color: #000;
	background-color: transparent;
	text-decoration: none;
	padding: 5px 0px 5px 0px;
	border: 1px solid #FFF;
}

#navi a:hover {
	color: #FFF;
	background-color: #000;
	text-decoration: none;
	padding: 5px 0px 5px 0px;
	border: 1px solid #FFF;
}

.naviInactive {
	padding: 2px 10px 5px 10px;
}

.naviActive {
	color: #FFF;
	background-color: #000;
	padding: 2px 10px 5px 10px;
}

/* -------- Nur fuer IE <= 6.0 ---------*/

* html #navi {
	position: absolute;
	top: 5px;
	left: 250px;
	width: 757px;
	height: 50px;
	overflow: hidden;
	border: 0px solid #FF0000;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: -1.5px;
	padding-top: 10px;
}

* html #navi ul {
	list-style-type: none;
	margin-left: 0px;
}

* html #navi ul li {
	display: inline;
}

* html #navi a:link {
	color: #000;
	background-color: transparent;
	text-decoration: none;
	padding: 2px 0px 3px 0px;
}

* html #navi a:active {
	color: #000;
	background-color: transparent;
	text-decoration: none;
	padding: 2px 0px 3px 0px;
}

* html #navi a:visited {
	color: #000;
	background-color: transparent;
	text-decoration: none;
	padding: 2px 0px 3px 0px;
}

* html #navi a:hover {
	color: #FFF;
	background-color: #000;
	text-decoration: none;
	padding: 0px 0px 0px 0px;
}

* html .naviInactive {
	padding: 5px 10px 5px 10px;
}

* html .naviActive {
	color: #FFF;
	background-color: #333;
	padding: 5px 10px 5px 10px;
}

/* ------------IE <= 6.0 Ende -------------*/



/* -------- Nur fuer IE 7.0 ---------*/

*+html #navi {
	position: absolute;
	top: 10px;
	left: 250px;
	width: 757px;
	height: 50px;
	overflow: hidden;
	border: 0px solid #FF0000;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: -1.5px;
	padding: 10px 0px 0px 0px;
	margin: 0px;
}

*+html #navi ul {
	list-style-type: none;
	list-style:none;
	margin: 0px 0px 10px 0px;
	padding: 0px;
}

*+html #navi ul li {
	display: inline;
	padding: 0px;
	margin: 0px;
}

*+html #navi a:link {
	color: #000;
	background-color: transparent;
	text-decoration: none;
	margin: 0px;
	padding: 2px 0px 0px 0px;
}

*+html #navi a:active {
	color: #000;
	background-color: transparent;
	text-decoration: none;
	margin: 0px;
	padding: 2px 0px 0px 0px;
}

*+html #navi a:visited {
	color: #000;
	background-color: transparent;
	text-decoration: none;
	margin: 0px;
	padding: 2px 0px 0px 0px;
}

*+html #navi a:hover {
	color: #FFF;
	background-color: #000;
	text-decoration: none;
	padding: 0px 0px 0px 0px;
	margin: 0px;
}

*+html .naviInactive {
	margin: 0px;
	padding: 5px 10px 5px 10px;
}

*+html .naviActive {
	color: #FFF;
	background-color: #000;
	margin: 0px;
	padding: 5px 10px 5px 10px;
}

/* ------------IE 7.0 Ende -------------*/



.naviActiveWebdesign {
	color: #FFF;
	background-color: #009DDF;
	padding: 5px 10px 5px 10px;
}

.naviActiveGraphicDesign {
	color: #FFF;
	background-color: #008F36;
	padding: 5px 10px 5px 10px;
}

.naviActiveItSupport {
	color: #FFF;
	background-color: #E1007A;
	padding: 5px 10px 5px 10px;
}

.naviActiveFilm {
	color: #FFF;
	background-color: #E7CB00;
	padding: 5px 10px 5px 10px;
}

.naviActivePortfolio {
	color: #FFF;
	background-color: #000;
	padding: 5px 10px 5px 10px;
}

.naviActiveContact {
	color: #FFF;
	background-color: #000; /* #C21020*/
	padding: 5px 10px 5px 10px;
}

.naviActiveProduct {
	color: #FFF;
	background-color: #000; /* #C21020*/
	padding: 5px 10px 5px 10px;
}

#content {
	position: absolute;
	top: 50px;
	left: 0px;
	width: 985px;
	height: 520px;
	overflow: hidden;
	border: 0px solid #FF0000;
	color: #333;
	background-color: transparent;
	margin: 0px;
	padding: 0px;
	font-family: Georgia, Helvetica, Arial, Verdana, sans-serif;
	font-size: 15px;
	line-height: 1.4;
}

#contentHome {
	position: absolute;
	top: 50px;
	left: 0px;
	width: 985px;
	height: 520px;
	overflow: hidden;
	border: 0px solid #FF0000;
	color: #333;
	background-color: transparent;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/elements/content-background-home-cards.jpg);
	font-family: Georgia, Helvetica, Arial, sans-serif;
	font-size: 24px;
	font-weight: normal;
}

#content a:link {
	color: #CC0000;
	background-color: transparent;
	text-decoration: none;
}

#content a:active {
	color: #CC0000;
	background-color: transparent;
	text-decoration: none;
}

#content a:visited {
	color: #CC3333;
	background-color: transparent;
	text-decoration: none;
}

#content a:hover {
	color: #CC0000;
	background-color: transparent;
	text-decoration: underline;
}

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

#content ul {
	list-style-type: none;
	padding-left: 0px;
	margin: 0px;
}

#content li {
	border-bottom: 1px dashed #999;
	padding: 15px 0px 15px 0px;
}

#contentLeftCol {
	position: absolute;
	top: 50px;
	left: 255px;
	width: 200px;
	height: 440px;
	overflow: hidden;
	border: 0px solid #FF0000;
}

#contentCenterCol {
	position: absolute;
	top: 50px;
	left: 505px;
	width: 200px;
	height: 440px;
	overflow: hidden;
	border: 0px solid #FF0000;
}


#contentRightCol {
	position: absolute;
	top: 50px;
	left: 753px;
	width: 200px;
	height: 440px;
	overflow: hidden;
	border: 0px solid #FF0000;
}

#contentLeftPortfolioCol {
	position: absolute;
	top: 30px;
	left: 255px;
	width: 390px;
	height: 430px;
	overflow: hidden;
	border: 0px solid #FF0000;
	padding: 20px 30px 10px 30px;
}

#contentRightPortfolioCol {
	position: absolute;
	top: 30px;
	left: 760px;
	width: 200px;
	height: 410px;
	overflow: auto;
	border: 0px solid #FF0000;
	padding-top: 20px;
}

#contentRightPortfolioCol p {
	margin-bottom: 14px;
}

#contactVeryLeft {
	position: absolute;
	top: 140px;
	left: 40px;
	width: 180px;
	height: 300px;
	overflow: hidden;
	border: 0px solid #FF0000;
}

#contactTopLeft {
	position: absolute;
	top: 50px;
	left: 240px;
	width: 200px;
	height: 140px;
	overflow: hidden;
	border: 0px solid #FF0000;
}

#contactTopCenter {
	position: absolute;
	top: 50px;
	left: 515px;
	width: 200px;
	height: 140px;
	overflow: hidden;
	border: 0px solid #FF0000;
}

#contactTopRight {
	position: absolute;
	top: 50px;
	left: 764px;
	width: 200px;
	height: 140px;
	overflow: hidden;
	border: 0px solid #FF0000;
}

#contentLeftContactCol {
	position: absolute;
	top: 140px;
	left: 245px;
	width: 230px;
	height: 400px;
	overflow: hidden;
	border: 0px solid #FF0000;
}

#contentCenterContactCol {
	position: absolute;
	top: 140px;
	left: 505px;
	width: 200px;
	height: 400px;
	overflow: hidden;
	border: 0px solid #FF0000;
}

#contentRightContactCol {
	position: absolute;
	top: 90px;
	left: 763px;
	width: 200px;
	height: 400px;
	overflow: hidden;
	border: 0px solid #FF0000;
	font-size: 13px;
}

#subnavi {
	position: absolute;
	top: 230px;
	left: 50px;
	width: 154px;
	height: 151px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
}

#subnavi a:link {
	color: #666;
	background-color: transparent;
	text-decoration: none;
	display: block;
}

#subnavi a:active {
	color: #666;
	background-color: transparent;
	text-decoration: none;
	display: block;
}

#subnavi a:visited {
	color: #666;
	background-color: transparent;
	text-decoration: none;
	display: block;
}

#subnavi a:hover {
	color: #000;
	background-color: transparent;
	text-decoration: none;
	display: block;
}

#subnavi ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#subnavi ul li {
	margin-left: 0px;
	padding: 7px 0px 7px 0px;
}

.subnaviActive {
	color: #000;
	background-color: transparent;
}

#naviPortfolio {
	position: absolute;
	top: 463px;
	left: 770px;
	border: 0px solid #333;
	font-size: 14px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
}

#naviPortfolio a:link {
	color: #333;
	background-color: transparent;
	text-decoration: none;
}

#naviPortfolio a:active {
	color: #333;
	background-color: transparent;
	text-decoration: none;
}

#naviPortfolio a:visited {
	color: #333;
	background-color: transparent;
	text-decoration: none;
}

#naviPortfolio a:hover {
	color: #000;
	background-color: transparent;
	text-decoration: underline;
}

#browser {
	position: absolute;
	top: 370px;
	left: 200px;
}

#artPens {
	position: absolute;
	top: 381px;
	left: 290px;
}

#patchCable {
	position: absolute;
	top: 394px;
	left: 694px;
}

#film {
	position: absolute;
	top: 376px;
	left: 300px;
}

#norbert {
	position: absolute;
	top: 347px;
	left: 250px;
}

#stefan {
	position: absolute;
	top: 343px;
	left: 530px;
}

#imprint {
	position: absolute;
	top: 455px;
	left: 763px;
	font-size: 9px;
	overflow: hidden;
}

#languages {
	position: absolute;
	top: 515px;
	left: 50px;
	color: #666;
	background-color: transparent;
	font-size: 12px;
}

#languages a:link {
	padding: 3px;
	color: #000;
	background-color: transparent;
	text-decoration: none;
	border: 1px solid #000;
}

#languages a:active {
	padding: 3px;
	color: #000;
	background-color: transparent;
	text-decoration: none;
	border: 1px solid #000;
}

#languages a:visited {
	padding: 3px;
	color: #000;
	background-color: transparent;
	text-decoration: none;
	border: 1px solid #000;
}

#languages a:hover {
	padding: 3px;
	color: #000;
	background-color: #FFF;
	text-decoration: none;
	border: 1px solid #000;
}

.languageActive {
	padding: 3px;
	color: #FFF;
	background-color: #000;
	border: 1px solid #000;
}

.languageActiveHome {
	color: #FFF;
	background-color: #000;
}



/* -------- Nur fuer IE < 6.0 ---------*/

* html #languages {
	position: absolute;
	top: 505px;
	left: 50px;
	height: 25px;
	padding: 10px;
	color: #666;
	background-color: transparent;
	font-size: 12px;
}

* html #languages a:link {
	padding: 3px;
	color: #000;
	background-color: transparent;
	text-decoration: none;
	border: 1px solid #000;
}

* html #languages a:active {
	padding: 3px;
	color: #000;
	background-color: transparent;
	text-decoration: none;
	border: 1px solid #000;
}

* html #languages a:visited {
	padding: 3px;
	color: #000;
	background-color: transparent;
	text-decoration: none;
	border: 1px solid #000;
}

* html #languages a:hover {
	padding: 3px;
	color: #000;
	background-color: #FFF;
	text-decoration: none;
	border: 1px solid #000;
}

* html .languageActive {
	padding: 3px;
	color: #FFF;
	background-color: #000;
	border: 1px solid #000;
}

* html .languageActiveHome {
	color: #FFF;
	background-color: #000;
}

/* ------------IE <6.0 Ende -------------*/



/* -------- Nur fuer IE 7.0 ---------*/

*+html #languages {
	position: absolute;
	top: 505px;
	left: 50px;
	height: 25px;
	padding: 10px 0px 10px 0px;
	color: #666;
	background-color: transparent;
	font-size: 12px;
}

*+html #languages a:link {
	padding: 3px;
	color: #000;
	background-color: transparent;
	text-decoration: none;
	border: 1px solid #000;
}

*+html #languages a:active {
	padding: 3px;
	color: #000;
	background-color: transparent;
	text-decoration: none;
	border: 1px solid #000;
}

*+html #languages a:visited {
	padding: 3px;
	color: #000;
	background-color: transparent;
	text-decoration: none;
	border: 1px solid #000;
}

*+html #languages a:hover {
	padding: 3px;
	color: #000;
	background-color: #FFF;
	text-decoration: none;
	border: 1px solid #000;
}

*+html .languageActive {
	padding: 3px;
	color: #FFF;
	background-color: #000;
	border: 1px solid #000;
}

*+html .languageActiveHome {
	color: #FFF;
	background-color: #000;
}

/* ------------IE 7.0 Ende -------------*/



#welcomeText {
	position: absolute;
	top: 140px;
	left: 37px; /* 265px */
}

#welcomeTextLanguage {
	position: absolute;
	top: 60px;
	left: 265px
}

#paperFolded {
	position: absolute;
	top: 95px;
	left: 477px;
	z-index: 99;
}

.bold {
	font-weight: bold;
}

.italic {
	font-style: italic;
}

.portfolioImage {
	border: none;
}

#welcomeTextCards {
	position: absolute;
	top: 100px;
	left: 265px;
}

#playaCardsKontakt {
	position: absolute;
	top: 160px;
	left: 700px;
}

#stabilos {
	position: absolute;
	top: 387px;
	left: 500px;
}

#cardsLink {
	position: absolute;
	top: 170px;
	left: 460px;
	border: 0px;
}

#cardsHome {
	position: absolute;
	top: 465px;
	left: 165px;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 18px;
	letter-spacing: -1.5px;
	color: #FFF;
	background-color: transparent;
}

#cardsHome a:link {
	color: #FFF;
	background-color: transparent;
	text-decoration: none;
}

#cardsHome a:active {
	color: #FFF;
	background-color: transparent;
	text-decoration: none;
}

#cardsHome a:visited {
	color: #FFF;
	background-color: transparent;
	text-decoration: none;
}

#cardsHome a:hover {
	color: #FFF;
	background-color: transparent;
	text-decoration: none;
}

#facebookLink {
	position: absolute;
	top: 45px;
	right: 20px;
	border: 0px solid #333;
}


