/*---------------------------------------------
  DECAF° agentur für digitale kommunikation
  www.decaf.de
---------------------------------------------*/

html {
	height: 100%;
	}
body {
	background :#292d31; color: #ddd;
	margin: 0; padding: 0;
	width: 100%;
	height: 100.1%;
	font-family: 'Myriad Pro', 'Helvetica Neue', Arial, Helvetica, sans-serif;
	font-size: 92%;
	}
body#page {
	height: 100.1%; /* show scrollbars */
	}

/*---------------------------------------------
  general
---------------------------------------------*/

h1, h2, h3, h4, h5, h6, p, li {
	font-size: 1em; font-weight: normal; line-height: 1.3em;
	margin: 0 0 0.5em 0;
	}
h1, h2, h3, h4, h5, h6 {
	margin: 0 0 1.2em 0;
	color: #767a80;
	}

a {
	color: #ddd;
	text-decoration: none;
	background: url(./../files/link.gif) left bottom no-repeat;
	padding-left: 3px;
	}
a.active {
	color: #ff2222;
	}
a:hover {
	text-decoration: none;
	color: #ff2222;
	}
a.nolink {
	background: none;
	padding-left: 0;
	}

ul.projects {
	margin: -0.8em 0 20px 0; padding: 0;
	}
ul.projects:after { /* Float einschließen */
	content:"clear"; clear:both; display:block; height:0; overflow:hidden; visibility:hidden;
	}
ul.projects li {
	list-style-type: none;
	margin: 0 6px 0 0;
	float: left;
	}

img {
	margin: 0; padding: 0; border: 0;
	}


/*---------------------------------------------
  structure
---------------------------------------------*/

#sidebar {
	width: 160px;
	margin: 20px 0 0 20px;
	float: left;
	}

#content {
	width: 770px;
	height: 100%;
	margin: 0 0 0 20px;
	float: right;
	}

/*---------------------------------------------
  Homepage
---------------------------------------------*/

body#home div#intro {
	width: 545px;
	position: relative;
	min-height: 100%;
	margin: 0; padding: 0;
	}
body#home div.text {
	padding-top: 20px;
	padding-bottom: 400px;
	}
body#home div#footer {
	position: relative;
	margin: -400px 0 0 -10px;
	height: 400px;
	display: block;
	overflow: hidden;
	background: #33373b;
	}
body#home div#footer img {
	margin: 0 auto 0 8px; padding: 0;
	display: block;
	border-left: 2px solid #33373b;
	}
body#home div#footer a {
	text-decoration: none;
	background: none;
	padding: 0;
	}
body#home div#footer a:hover img,
body#home div#footer a:focus img {
	border-left: 2px solid #ff2222;
	}

/*---------------------------------------------
  Subpages
---------------------------------------------*/

body#page div#content {
	height: auto;
	padding-bottom: 200px;
	}
body#page div#intro {
	padding-top: 20px;
	}
body#page div.text {
	width: 545px;
	}
body#page div.block20 {
	margin-bottom: 20px;
	}
body#page div.block50 {
	margin-bottom: 50px;
	}
body#page div.text h1 {
	font-size: 2.4em; font-weight: normal;
	margin: 0 0 0.3em 0;
	}
body#page div#pictures {
	position: relative;
	margin: 0 0 30px -10px;
	/* min-height: 500px; */
	display: block;
	overflow: hidden;
	background: #33373b;
	}
body#page div#main img,
body#page div#main object,
body#page div#main embed{
	margin: 0 auto 0 8px; padding: 0;
	display: block;
	border-left: 2px solid #33373b;
	}
body#page div#main a {
	text-decoration: none;
	background: none;
	padding: 0;
	}
body#page div#main a:hover img,
body#page div#main a:focus img {
	border-left: 2px solid #ff2222;
	cursor: pointer;
	}
body#page div#main p.desc {
	margin: 5px 10px;
	}
body#page div#thumbs {
	margin: 10px 0 10px 8px;
	display: none;
	}
body#page div#thumbs:after { /* Float einschließen */
	content:"clear"; clear:both; display:block; height:0; overflow:hidden; visibility:hidden;
	}
body#page div#thumbs a {
	text-decoration: none;
	background: none;
	padding: 0;
	margin: 2px 2px 2px 0;
	float: left;
	}
body#page div#thumbs a img {
	border-left: 2px solid #33373b;
	display: block;
	}
body#page div#thumbs a:hover img,
body#page div#thumbs a:focus img {
	border-left: 2px solid #ff2222;
	cursor: pointer;
	}



/*-------------------------------------
  Formular
-------------------------------------*/


form.showmail {
	padding:0; margin:0 0 10px 0;
	}
form.showmail input.submit {
	border: 0; border-left:8px solid #ff2222; cursor:pointer;
	font-family: 'Myriad Pro', 'Helvetica Neue', Arial, Helvetica, sans-serif;
	font-size: 1em;
	background-color:#767a80; color:#ddd;
	margin:0; padding:4px 10px;
	width:auto;
	}
form.showmail input.submit:hover,
form.showmail input.submit:focus {
	background-color:#ff2222;
	cursor: pointer;
	}

form#cform {
	border:none; width:544px; padding:0; margin:1em 0 1.5em 2px;
	overflow:hidden; /* Opera */
	}
form#cform fieldset {
	border:none; padding:0 0 1em 0; margin:0;
	overflow:hidden; /* Opera */
	}
form#cform input.field,
form#cform textarea {
	font-family:monospace;
	font-size:1em; line-height:1.5em; font-weight:normal;
	background-color:#36393d; color:#ddd;
	margin:0 0 0.5em 0; padding:5px 8px;
	border:0; border-bottom:1px solid #424649; border-left:8px solid #424649; cursor:pointer;
	width:519px;
	}
form#cform input.error,
form#cform textarea.error {
	border-bottom:1px solid #ff2222; border-left:8px solid #ff2222;
	}
form#cform label,
form#cform p.label {
	color:#ddd;
	font-size: 1em; line-height:1.3em; font-weight:normal;
	margin:0; padding:0 0 3px 0;
	display:block; cursor:pointer;
	clear:left;
	}
form#cform p.label {
	padding-bottom:0.6em;
	}	
form#cform label.cbox {
	clear:none; margin:0;
	padding:0 0 0.6em 10px;
	display:table-cell;
	}
form#cform label:hover,
form#cform label:focus {
	color:#ff2222;
	}
form#cform input:focus,
form#cform textarea:focus {
	border-bottom:1px solid #ff2222; border-left:8px solid #ff2222; background-color:#424649;
	}
form#cform input.submit {
	font-family: 'Myriad Pro', 'Helvetica Neue', Arial, Helvetica, sans-serif;
	font-size: 1em;
	background-color:#767a80; color:#ddd;
	border: 0; border-left:8px solid #ff2222; cursor:pointer;
	margin:0 0 0 272px; padding:4px 0;
	width: 272px;
	}
form#cform input.submit:hover,
form#cform input.submit:focus {
	background-color:#ff2222;
	cursor: pointer;
	}

form#cform p.error {
	font-size: 1em; line-height:1.8em;  font-style:normal;
	margin:0; padding:4px 8px 6px 8px;
	font-weight:bold; 
	background:#ff2222; color:#fff;
	display:inline;
	}
p.info {
	font-size: 1em; line-height:1.3em; font-style:normal;
	margin:0 0 1em 0; padding:0.3em 0.5em 0.4em 0.5em;
	font-weight:normal; color:#fff;
	}
p.err {
	background:#ff2222;
	}
p.ok {
	background:#ff2222;
	}

form#cform .b50,
form#cform .b50r {
	width:272px; float:left;
	}
form#cform .b50 input {
	width:238px; margin-right:10px;
	}
form#cform .b50r input {
	width:248px; margin-right:0;
	}


/*-------------------------------------
  DECAF
-------------------------------------*/

div#decafmedia {
  position:absolute; left:4px; bottom:10px; width:12px; height:64px; border:0;
  }
div#decafmedia a, div#decafmedia a:link, div#decafmedia a:hover, div#decafmedia a:focus {
  text-decoration:none; border:none; background:none;
  }