/**************************************************************/
/* MatthiasSchuetz.com Stylesheet | (C) 2010 Matthias Schuetz */
/**************************************************************/


/***************************************************** GLOBAL */

html, body {
	margin:0;
	padding:0;
	width:100%;
	height:100%;
}

html {
	background:url(../images/bg.jpg);
}

body {
	margin:0 0 75px 0;
}

div, p, span, input, h1, h2, ul, li, label {
	margin:0;
	padding:0;
	font-family:"Droid Sans", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Tahoma, Geneva, sans-serif;
	font-size:13px;
	line-height:18px;
	color:#554f47;
}

div#page {
	width:100%;
	height:100%;
	background:url(../images/split/split_header_bg.jpg) repeat-x;
	float:left;
}

div#wrapper {
	width:930px;
	height:auto;
	background:url(../images/split/split_header_bg.jpg) repeat-x;
	float:left;
}

div#header {
	width:930px;
	height:auto;
	background:url(../images/split/split_header.jpg) no-repeat;
	float:left;
}

div#logo {
	position:absolute;
	top:26px;
	left:70px;
	width:297px;
	height:46px;
}

div#languages {
	position:absolute;
	top:18px;
	left:885px;
	width:45px;
	height:16px;
}

div#main {
	width:855px;
	height:auto;
	margin:120px 0 0 0;
	padding:42px 0 0 75px;
	background:url(../images/split/title_pixelzoomer.jpg) no-repeat;
	float:left;
}

div#main div,
div.content,
div.content2,
div.content3 {
	width:811px;
	height:auto;
	padding:22px;
	background:#f3efe4;
	float:left;
}

div.content,
div.content2,
div.content3 {
	width:833px;
	margin:0 0 0 75px;
	padding:22px 22px 22px 0;
	background:url(../images/split/split_green_bg.jpg) repeat;
	display:inline;
}

div.content2,
div.content3 {
	background:#f3efe4 none;
}

div.content3 {
	padding:0 22px 22px 0;
}

div.content p,
div.content div,
div.content li,
div.content2 p,
div.content2 div {
	color:#ffffff;
}

div.content2 p {
	margin:14px 0 0 0;
	color:#554f47;
	float:left;
	clear:both;
}

div.content ul,
div.content2 ul {
	width:auto;
	margin:10px 0 0 0;
	list-style:inside;
	float:left;
}

div.content ul li {
	width:254px;
	list-style-type:none;
	padding:0 0 0 22px;
	line-height:20px;
	background:url(../images/split/pixelzoomer/check.png) no-repeat 0 4px;
	display:inline;
	float:left;
	clear:both;
}

div.content2 ul li {
	list-style-type:square;
	margin:0 0 0 15px;
}

div.contentbox_full,
div.contentbox_left {
	width:275px;
	padding:0 21px 0 22px;
	background:url(../images/split/pixelzoomer/arrow.png) no-repeat 0 4px;
	float:left;
}

div.contentbox_right {
	width:493px;
	padding:0 0 0 22px;
	background:url(../images/split/pixelzoomer/dotted_vertical.png) repeat-y;
	float:left;
}

div.contentbox_full,
div.contentbox_full2 {
	width:812px;
	padding:0 0 0 22px;
}

div.contentbox_images {
	width:812px;
	margin:12px 0 12px 0;
	float:left;
}

div.contentbox_images img {
	float:left;	
}

div.contentbox_images img.leftimage {
	margin:0 22px 0 0;
}

div.contactbox {
	margin:29px 0 0 0;
}

div.video {
	width:493px;
	height:316px;
	margin:14px 0 0 0;
	float:left;
}

div#main div p#description {
	position:relative;
	z-index:2;
}

div#pxzlogo {
	position:absolute;
	top:54px;
	left:703px;
	width:214px;
	height:191px;
	background:url(../images/split/pixelzoomer/pxzlogo.jpg) no-repeat;
	z-index:1;
}

div.separator {
	width:855px;
	height:17px;
	padding:0 0 0 75px;
	background:url(../images/split/split_separator.jpg) no-repeat 75px 8px;
	float:left;
}

* html div.tasks {
	width:auto;
	float:none;
}

p.footer {
	width:auto;
	height:auto;
	position:relative;
	margin:0 0 75px 75px;
	display: inline;
	float:left;
}

p.green {
	margin:22px 0 0 0;
	color:#60860d !important;
}

p.spacer {
	margin:14px 0 20px 0 !important;
}

h1, h2, h3 {
	width:auto;
	height:auto;
	font-weight:normal;
	display:inline;
	float:left;
}

h2.subheadline {
	width:100%;
	color:#ffffff;
	font-weight:bold;
	border-bottom:2px #b3d96d solid;
}

div.content2 h2.subheadline {
	color:#554f47;
	border-bottom:2px #ded9cb solid;
}

em {
	font-style:normal;
	font-weight:bold;
}


/****************************************************** LINKS */

a {
	text-decoration:none;
	color:#554F47;
	border:none;
	outline:none;
}

a:hover {
	text-decoration:underline;
	color:#554F47;
}

a.greenlink {
	color:#60860d;
	text-decoration:none;
	border-bottom:2px #9cb860 solid;
}

a.greenlink:hover {
	color:#554F47;
	border-bottom:2px #a19b93 solid;
}

a.weblink {
	text-decoration:none;
	border-bottom:2px #a19b93 solid;
}

a.weblink:hover {
	color:#60860d;
	border-bottom:2px #9cb860 solid;
}

a.logolink,
a.logolink:hover {
	width:297px;
	height:46px;
	background:none;
	outline:none;
	display:block;
	border:none;
}

a#installbutton,
a#installbutton_en {
	width:275px;
	height:66px;
	margin:64px 0 0 0;
	background:url(../images/split/pixelzoomer/button.jpg) no-repeat;
	text-indent:-999px;
	display:block;
	float:left;
}

a#installbutton_en {
	background:url(../images/split/pixelzoomer/button_en.jpg) no-repeat;
}

a#extensionwebsite {
	margin:10px 0 0 0;
	color:#ffffff;
	border-bottom:2px #B3D96D solid;
	display:block;
	float:left;
}

a#extensionwebsite:hover {
	text-decoration:none;
	border-bottom:2px #ffffff solid;
}

a#lang_de,
span#lang_de_act,
a#lang_en,
span#lang_en_act  {
	width:23px;
	height:16px;
	text-indent:-9999px;
	background:url(../images/split/pixelzoomer/languages.jpg) no-repeat 0 0;
	display:inline;
	float:left;
}

span#lang_de_act {
	background:url(../images/split/pixelzoomer/languages.jpg) no-repeat 0 -16px;
}

a#lang_en {
	width:22px;
	background:url(../images/split/pixelzoomer/languages.jpg) no-repeat -23px 0;
}

span#lang_en_act {
	width:22px;
	background:url(../images/split/pixelzoomer/languages.jpg) no-repeat -23px -16px;
}

a.bookmark  {
	text-decoration:none;
	color:#554f47;
	background:url(../images/underline.gif) repeat-x 0 16px;
	border-bottom:1px #aba49c solid;
}

a.bookmark:hover {
	color:#ffffff;
	text-decoration:none;
	background:#98bc52;
	border-bottom:1px #ffffff solid;
}


/****************************************************** FORM */

form, fieldset {
	margin:0;
	padding:0;
	border:none;
}

fieldset {
	margin:24px 0 0 0;
}

label.contactlabel {
	color:#ffffff;
	float:left;
	clear:both;
}

input,
textarea {
	width:481px;
	margin:2px 0 14px 0;
	padding:5px;
	font-family:"Droid Sans", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Tahoma, Geneva, sans-serif;
	font-size:11px;
	line-height:18px;
	color:#645f57;
	background:#f9f6ee;
	border:1px #ffffff solid;
	float:left;
	clear:both;
}

* html input,
* html textarea {
	background:#f9f6ee;
}

*:first-child+html input,
*:first-child+html textarea {
	background:#f9f6ee;
}

input:focus,
textarea:focus {
	background:#ffffff;
}

input.contactsubject {
	display:none;
}

textarea {
	height:138px;
}

* html textarea {
	height:141px;
}

input#contactbutton {
	width:227px;
	height:44px;
	margin:0;
	padding:0;
	background:#56504A;
	border:2px solid #B2D473;
	color:#ffffff;
	outline:none;
	cursor:pointer;
	float:left;
	clear:both;
}

* html input#contactbutton {
	width:224px;
}