/*
Theme Name: 72quadrat_v4
Theme URI: http://72quadrat.de/
Description: Mein eigenes Template das ultimative Teil schlechthin eben
Version: 0.2
Author: Timo Hoener
*/

/* @override 
	http://72quadrat.de/wp-content/themes/72quadrat_v3/style.css
	http://72quadrat.com/wp-content/themes/72quadrat_v3/style.css
	http://72quadrat:8888/wp-content/themes/72quadrat_v3/style.css
	http://72quadrat:8888/wp-content/themes/72quadrat_v4/style.css
	http://72quadrat.de/wp-content/themes/72quadrat_v4/style.css
*/

/* @group 1.0 STANDARDS */
/* ====================================================== */
@font-face {
	font-family: EOT72quadrat;
	src: url('fonts/72quadrat.eot');
	font-weight: normal;
	}
@font-face {
	font-family: OTF72quadrat;
	src: url("fonts/72quadrat.otf") format("opentype");
	font-weight: normal;
	}
img, 
div { 
	behavior: url(/wp-content/themes/72quadrat_v4/iepngfix/iepngfix.htc) 
}

/* @group 1.1 BODY */
/* ------------------------------------------------------ */
body {
	background: #222 url("img/bg_photo_04.jpg") fixed 50% 20%;
	color: #000;
	font-size: 62.5%;
	margin: 0;
	padding: 0;
	}
#rap {
	margin-left: 7%;
	max-width: 900px;
	width: 90%;
	color: #fff;
	}
h1 {
	color: #333;
	font-family: OTF72quadrat, EOT72quadrat, Arial-Narrow, Arial, Helvetica, sans-serif;
	font-size: 2em;
	line-height: 0.9em;
	margin: 0;
	padding: 0.5em 0em 0em 1.5em;
	text-transform: uppercase;
	}
code {
	font-size: 1.3em;
	}
div.clear {
	clear: both;
	}
/* @end */
/* @group 1.2 BEITRAGSTITEL */
/* ------------------------------------------------------ */
/* 1.2.0 BEITRAGS-STANDARD-TITEL */ 
h2 {
	font-family: OTF72quadrat, EOT72quadrat, Impact, Arial Narrow, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 2.5em;
	padding: 0.8em 0 0em 1.2em;
	line-height: 1em;
	}
h2 img {
	/* Headlines als Bilder */
	}
h2 span {
	/* Die Texte der Headlines */
	display: none;
	}
h2:hover {
	background: url("img/datum-pfeil.gif") no-repeat -90px 0.8em;
	}
#content.page h2:hover {
	background: none;
	}
h2 a:hover {
	color: #cc3!important;
	border: none;
	}
/* 1.2.2 WEITERE HEADINGS */ 
h3 {
	font-family: Georgia, Times, serif;
	font-size: 1.5em;
	font-weight: normal;
	line-height: 1em;
	margin: 0;
	padding: 1em 2em 0 2em;
	}
h4 {
	font-family: Georgia, Times, serif;
	font-size: 1.2em;
	font-weight: normal;
	line-height: 1em;
	margin: 0;
	padding: 1em 2.5em 0 2.5em;
	}
h6 {
	font-family: Georgia, Times, serif;
	font-size: 1em;
	font-weight: normal;
	line-height: 1em;
	margin: 0;
	padding: 1em 2.7em 0 2.7em;
	}
/* @end */
/* @group 1.3 LINKS */
/* ------------------------------------------------------ */
a {
	color: #993;
	text-decoration: none;
	}
a img {
	border: none;
	}
a:visited {
	color: #666;
	}
a:hover {
	border-bottom: 1px solid #cc3;
	color: #000;
	}
/* 1.3.1 EXTERNE LINKS */ 
#content a.extlink {
	background: url("img/externlink.gif") right no-repeat;
	padding: 0 14px 0 0;
	}
/* @end */
/* @group 1.4 AKRONYME UND ZITATE */
/* ------------------------------------------------------ */
acronym, abbr {
	border-bottom: 1px dashed #333;
	cursor: help;
	letter-spacing: .07em;
	}
blockquote {
	background: #eee url("img/quote.png") no-repeat left top;
	border-left: 5px solid #cc3;
	clear: left;
	display: block;
	margin-left: 1.5em;
	margin: 0px;
	padding: 0.5em 3em 0.5em 3.3em;
	width: auto;
	}
cite {
	font-style: normal;
	}
/* @end */
/* @end */
/* @group 2.0 HEADER */
/* ====================================================== */
#header {
	float: left;
	width: 70%;
	padding: 0 0 0 0;
	font-size: 1.4em;
	}
#header #logo {
	position: absolute;
	left: 7%;
	top: 4.8em;
	margin-left: -18px;
	}
#header #logo a {
	display: block;
	width: 150px;
	}
#header #logo a:hover {
	border-bottom: none;
	}
/* @group 2.1 HAUPT-NAVIGATION */
/* ------------------------------------------------------ */
#header ul {
	display: block;
	float: left;
	width: 100%;
	padding: 0;
	margin: 0;
	}
#header ul li {
	display: block;
	float: left;
	width: 19%;
	list-style-type: none;
	}
#header ul a {
	display: block;
	border-left: 1px dotted #cc3;
	border-bottom: 1px dotted #cc3;
	border-right: 1px dotted #cc3;
	color: #cc3;
	padding: 0.5em 1em 0.5em 10px;
	margin: 0 1em 1em 0;
	overflow: hidden;
	}
#header ul a:hover {
	color: #fff;
	}
/*2.1.1 HAUPTNAVI AKTUELL ------------------------------------ */
#header ul li.current-cat-parent,
#header ul li.current-cat,
#header ul li.current_page_item{
	padding: 1em 0 0 0;
	}
#header ul li.current-cat-parent a,
#header ul li.current-cat a,
#header ul li.current_page_item a {
	border-left: 1px solid #fff;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	border-bottom: 0;
	margin-bottom: 0;
	color: #fff;
	}
#header .navportfolio ul li.current-cat-parent a,
#header .navportfolio ul li.current-cat a {
	border-color: #996;
	color: #996;
	}
#header .navmagazin ul li.current-cat-parent a,
#header .navmagazin ul li.current-cat a {
	border-color: #69c;
	color: #69c;
	}
/* @end */
/* @group 2.2 SUB-NAVIGATION */
/* ------------------------------------------------------ */
#subnavimagazin,
#subnaviportfolio {
	float: left;
	font-family: Georgia, Times, serif;
	font-size: 1.2em;
	height: 3em;
	padding: 1em 0 0 0;
	width: 100%;
	}
#subnavimagazin a,
#subnaviportfolio a {
	color:  #999;
	}
#subnavimagazin a:hover,
#subnaviportfolio a:hover {
	border-bottom: 1px solid #fff;
	color: #fff;
	}
ul.subnavi {
	display: block;
	margin: 0 0 0 3em;
	padding: 0;
	} 
ul.subnavi li {
	background: #fff;
	display: block;
	float: left;
	height: 1em;
	list-style-type: none;
	margin: 0 1em 0 0;
	padding: 1em 1em 1em 1em;
	}
/*2.2.1 SUBNAVI AKTUELL -------------------------------- */
#subnavimagazin ul.subnavi li.current-cat,
#subnaviportfolio ul.subnavi li.current-cat {
	padding: 1em 1em 1em 1em;
	border-right: 2px solid #222;
	position: relative;
	top: 0.9em;
	}
#subnaviportfolio ul.subnavi li.current-cat{
	background: #e5e5ce;
}
#subnavimagazin ul.subnavi li.current-cat {
	/*Magazin*/
	background: #fff;
	}
ul.subnavi li.current-cat a{
	color: #000!important;
	}
ul.subnavi li.current-cat a:hover{
	color: #000!important;
	border-color: #000;
	}
/*2.2.2 SUBNAVI FARBEN */
#subnavimagazin {
	background: #69c!important;
	}
#subnavimagazin ul li {
	background: #d8ebff url("img/bg_photo_04.jpg") fixed 50% 20%;
	border-color: #d8ebff;
	}
* html #subnavimagazin ul li {
	/*IE6 Hack*/
	background: #000;
	}
#subnaviportfolio {
	background: #996;
	}
#subnaviportfolio ul li{
	background: #e5e5ce;
	background: #222 url("img/bg_photo_04.jpg") fixed 50% 20%;
	border-color: #e5e5ce;
	}
* html #subnaviportfolio ul li {
	/*IE6 Hack*/
	background: #000;
	}

/* @end */
/* @group 2.3 KATEGORIEN-HEADER */
/* ------------------------------------------------------ */
#catheader {
	float: left;
	padding: 0;
	width: 70%;
	z-index: 2;
	margin: 0 0 1em 0;
	}
#sonderhead {
	background: #222 url("img/bg_photo_04_hell.jpg") fixed 50% 20%;
	color: #fff;
	overflow: hidden;
	width: 100%;
	margin: 0 0 -1em 0;
	}
#sonderhead h3 {
	display: block;
	font-size: 1.6em;
	font-weight: normal;
	margin-left: 0.3em;
	margin: 8px 0em 1.4em 110px ;
	}
/* @end */
/* @group 2.4 FLASH-HEADER-SWFOBJECT */
/* ------------------------------------------------------ */
#flashcontent {
	background: #996;
	float:left;
	margin: 0;
	padding: 0;
	width: 100%;
	}
#flashersatz {
	color: #fff;
	font-size: 1.2em;
	margin: 0em;
	padding: 3em 3em;
	}
#flashersatz h3 {
	color: #333;
	padding: 0em;
	}
#flashersatz a:hover {
	border-bottom: none;
	}
/* @end */
/* @group 2.5 MAGAZIN HEADER */
#magazinheader {
	padding: 4em 0 0 0;
	background: #69c;
	}
#magazinheader em {
	display: block;
	float: left;
	color: #000;
	font-size: 1.5em;
	padding: 1.6em 0.5em 0 2.5em;
	}
#magazinheader .st-tag-cloud {
	text-transform: uppercase;
	font-size: 2em;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	padding: 0 0.5em 0 1.8em;
	}
#magazinheader .st-tag-cloud a {
	color: #94b9de;
	}
#magazinheader .st-tag-cloud a:after {
	content: " /";
	font-size: 9px;
	color: #000;
	vertical-align: 3px;
	}
#magazinheader .st-tag-cloud a:hover {
	color: #369;
	border: none;
	}
/* @end */
/* @group 2.6 MINIBLOG-HEADER */
#miniblogheader {
	background: #222 url("img/bg_photo_04_hell.jpg") fixed 50% 20%;
	padding: 40px 0 0 0;
	margin: 0;
	}
/* @end */
/* @end */
/* @group 3.0 CONTENT */
/* ====================================================== */
#content {
	color: #333;
	float: left;
	font-family: Georgia, Times, serif;
	font-size: 1.3em;
	letter-spacing: 0;
	line-height: 1.7em;
	margin: 0;
	overflow: hidden;
	text-align: left;
	text-decoration: none;
	width: 70%;
	word-spacing: 0.1em;
	}
#content.page,
.home,
.error404 {
	padding: 40px 0 0 0;
	margin: -1em 0 0 0!important;
	background: #fff;
	}
#content ul, #content ol {
	list-style-image: url("img/li_bullet.gif");
	margin-left: 1em;
	margin-right: 4em;
	padding-left: 4em;
	}
#content ul li {
	margin: 0;
	padding: 0;
	}
#content ul#relatedposts li {
	margin-top: 1em;
	}
#content ul#relatedposts strong {
	font-weight: normal;
	}
#content ol#comments li p {
	font-size: 100%;
	}
#content .eingerueckt {
	margin-left: 3em;
	margin-right: 2em;
	}
#content .meta {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	margin-left: 3.4em;
	top: -0.2em;
	}
#content .meta, 
.meta a {
	color: #999;
	text-decoration: none;
	}
#content .storytitleTimo, 
#content .storytitleLene {
	margin: 0;
	}
#content .storytitleLene {
	background: url("img/lene.gif") left bottom no-repeat;
	}
#content .storytitleTimo a, #content .storytitleLene a {
	color: #333;
	text-decoration: none;
	}
#content div.post {
	background: #fff;
	padding-bottom: 2em;
	clear: both;
	margin: 0 0 0 0;
	}
#content div.post p {
	margin-left: 3em;
	margin-right: 4em;
	}
#content div.datum {
	width: 7%;
	position: absolute;
	left: 0%;
	text-align: right;
	color: #fff;
	font-size: 1em;
	line-height: 1.4em;
	padding: 2em 0 0.5em 0;
	margin: 0 0 0 0;
	}
* html #content div.datum {
	/*IE 6 Hack*/
	width: 11.1%;
	}

#content div.datum strong {
	display: block;
	color: #222;
	width: 100%;
	text-transform: uppercase;
	font-weight: normal;
	margin: 0 0 0.5em 0;
	padding: 0.5em 0 0.5em 0;
	background: url("img/datum-pfeil-schatten.gif") no-repeat right;
}
/* @group 3.2 VORSCHAUBILDCHEN */
/* ------------------------------------------------------ */
.post-thumb {
	background: #222 url("img/bg_photo_04_hell.jpg") fixed 50% 20%;
	border-left: 0.5em solid #cc3;
	float: right;
	margin-bottom: 0.5em;
	margin-left: 1em;
	padding: 1em;
	text-align: left;
	}
.post-thumb a.gallery-thumbnail {
	display: block;
	padding: 0.7em;
	font-size: 1em;
	}
.post-thumb a.gallery-thumbnail:hover {
	background: #cc3;
	}
.post-thumb a{
	display: block;
	padding: 0.7em;
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 0.8em;
	}
.post-thumb a:hover {
	background: #cc3;
	border: none;
	}
/* @end */
/* @group 3.3 GALERIE */
/* ------------------------------------------------------ */
#content .gallery {
	color: #999;
	padding-left: 3em;
	margin: 0;
	float: left;
	}
#content .gallery-item {
	background: #eee;
	float: left;
	height: 21em;
	margin-bottom: 1em;
	margin-right: 1em;
	padding: 1em 0.8em;
	text-align: center;
	width: 160px;
	}
#content .gallery-item:hover {
	color: #000;
	}
#content .gallery-item .gallery-icon {
	float: left;
	}
#content .gallery .gallery-icon a {
	border-bottom: 0.5em solid #fff;
	display: block;
	padding: 0 0 1em 0;
	height: 160px;
	}
#content .gallery .gallery-icon a:hover {
	border-bottom: 0.5em solid #cc3;
	display: block;
	height: 160px;
	}
#content .gallery .gallery-caption{
	float: left;
	width: 100%;
	padding: 1em 0 0 0;
	margin: 0;
	}
#content .gallery .gallery-caption a{
	color: #999;
	}
#content .gallery .gallery-caption a:hover{
	color: #000;
	border: none;
	}
/* @end */
/* @group 3.4 KOMMENTARE */
/* ------------------------------------------------------ */
div#comments {
	background: #222 url("img/bg_photo_04_hell.jpg") fixed 50% 20%;
	border-top: 1em solid #cc3;
	color: #fff;
	margin-bottom: -2em;
	margin-top: 2em;
	padding-bottom: 1em;
	padding-right: 0em;
	padding-top: 3em;
	}
#comments h3 {
	color: #eee;
	font-weight: normal;
	margin: 0em;
	padding-bottom: 1em;
	padding-left: 1.4em;
	}
#comments small a {
	color: #888;
	}
#comments a {
	color: #fff;
	}
#comments ol {
	border-bottom: 1px solid #cc3;
	list-style-image: none;
	margin: 1em 0 2em 2em;
	padding: 0;
	}
#comments ol li {
	border-top: 1px solid #cc3;
	list-style-type: none;
	padding-bottom: 1em;
	}
#comments ol .vcard,
#comments ol .vcard a{
	color: #cc3;
	}
#comments ol li.bypostauthor .vcard{
	background: url("img/adminkommentaricon.gif") no-repeat right top;
	}
#comments ol.commentlist .vcard .avatar {
	background: #cc3;
	display: block;
	float: left;
	height: 3em;
	margin-right: 1em;
	padding: 0.5em;
	width: 3em;
	}
#comments .comment-meta a{
	color: #999;
}
#comments ol li p {
	color: #fff;
	margin: 0 0 0 5em!important;
	padding-bottom: 1em;
	padding-right: 3em;
	padding-top: 1em;
	}
#comments ol li p a {
	color: #993;
	}
#comments ol li blockquote {
	background: none;
	padding: 0;
	margin: 0 0 0 5em;
	}
#comments ol li blockquote p {
	padding: 0.5em;
	margin: 0!important;
	color: #ccc;
	font-style: italic;
	}
#respond {
	padding-left: 0;
	}
#commentform {
	padding-left: 2em;
	padding-right: 2em;
	}
#commentform p{
	margin: 1em 0!important;
	}
#commentform label {
	font-size: 1em;
	padding: 0 0 0 1em;
	}
#commentform label small {
	font-size: 1em;
	}
#commentform #author, #commentform #email, #commentform #url, #commentform #code, #commentform textarea {
	background: #222 url("img/bg_photo_04_hell.jpg") fixed 50% 20%;
	border: 1px dotted #999;
	color: #ccc;
	font-family: Georgia, Times, Serif;
	font-size: 1em;
	padding: 0.4em;
	width: 40%;
	}
#commentform #author:hover, #commentform #email:hover, #commentform #url:hover, #commentform #code:hover, #commentform textarea:hover {
	border: 1px solid #cc3;
	}
#commentform textarea {
	width: 97%;
	}
#commentform #submit, #commentform #acp-preview {
	background: #cc3;
	border: none;
	color: #000;
	height: 2em;
	width: 12em;
	}
#commentform #submit:hover, 
#commentform #acp-preview:hover {
	border: none;
	color: #000;
	font-weight: bold;
	}
/* @end */ 
/* @group 3.5 KONTAKTBEREICH */
/* ------------------------------------------------------ */
.formcontainer {
	background: #222 url("img/bg_photo_04.jpg") fixed 50% 20%;
	padding: 2em 0;
	margin: 2em 0;
	color: #fff;
	}
* html .formcontainer {
	/*IE6 Hack*/
	background: #000;
	}
.formcontainer p.information {
	padding: 2em 0 0 0;
	}
.formcontainer p.important,
.formcontainer p.error {
	border: 1px solid red;
	border-top: 1em solid red;
	color: red;
	margin: 2em;
	padding: 1em;
	}
.formcontainer p.success {
	padding: 2em 0 0 ;
	}
.formcontainer fieldset {
	border: 1px solid #cc3;
	margin: 0 3em 2em 3em;
	padding: 0 1.5em 1em 1.5em;
	}
.formcontainer .form-label {
	padding: 1em 0 .25em 0;
	}
.formcontainer legend {
	color: #333;
	margin: -0.5em;
	padding: 0.5em;
	font-family: Arial;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #cc3;
	}
.formcontainer input,
.formcontainer textarea {
	border: 1px solid #ccc;
	color: #333;
	font-family: Georgia, Times, Serif;
	font-size: 1em;
	padding: 0.4em;
	}
.formcontainer .form-option input {
	background: #222 url("img/bg_photo_04_hell.jpg") fixed 50% 20%;
	border: none;
	padding: 0;
	}
.formcontainer input:hover,
.formcontainer textarea:hover {
	border-color: #cc3;
	}
.formcontainer #ec_name,
.formcontainer #ec_email,
.formcontainer #ec_url,
.formcontainer #ec_subject,
.formcontainer #ec_message,
.formcontainer #ec_challenge_a {
	width: 98%;
	}
.formcontainer .button {
	background: #cc3;
	border: 1px solid #cc3;
	color: #000;
	margin: 2em 0 0 0;
	padding: 0.5em;
	width: 15em;
	}
.formcontainer .button:hover {
	font-weight: bold;
	}
/* @end */
/* @group 3.6 LIGHTBOX */
/* ------------------------------------------------------ */
#mbOverlay {
	background-color: #000;
	cursor: pointer;
	left: 0;
	position: absolute;
	width: 100%;
	z-index: 9998;
	}
#mbOverlay.mbOverlayFF {
	background: transparent url(img/80.png) repeat;
	}
#mbOverlay.mbOverlayIE {
	background: transparent url(img/50.gif) repeat;
	}
#mbCenter {
	background-color: #ccc;
	left: 50%;
	overflow: hidden;
	position: absolute;
	z-index: 9999;
	}
#mbBottomContainer {
	left: 50%;
	overflow: hidden;
	position: absolute;
	z-index: 9999;
	}
.mbLoading {
	background: #fff url(img/mediabox-loading.gif) no-repeat center;
	}
#mbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
	font-family: Myriad, Verdana, Arial, Helvetica, sans-serif;
	line-height: 19px;
	font-size: 12px;
	color: #fff;
	text-align: left;
	}
#mbImage a, #mbImage a:link, #mbImage a:visited {
	color: #fff;
	}
#mbImage a:hover, #mbImage a:active {
	color: #fff;
	}
#mbBottom {
	border-bottom: 5px solid #cc3;
	color: #fff;
	font-family: Georgia, Times, serif;
	font-size: 10px;
	line-height: 1.4em;
	padding: 10px;
	text-align: left;
	}
#mbBottom a:hover {
	border: none;
	color: #fff;
	}
#mbTitle {
	color: #fff;
	display: inline;
	font-size: 15px;
	line-height: 20px;
	}
#mbNumber {
	color: #999;
	display: inline;
	font-size: 10px;
	line-height: 14px;
	}
#mbCaption {
	color: #999;
	display: block;
	font-size: 12px;
	line-height: 14px;
	}
#mbPrevLink, #mbNextLink, #mbCloseLink {
	background: transparent url(../images/BlackClose.gif) no-repeat center;
	display: block;
	float: right;
	height: 20px;
	margin: 0;
	outline: none;
	width: 46px;
	}
#mbPrevLink {
	width: 26px;
	height: 26px;
	background: url(img/mediabox-prev.gif) no-repeat center;
	}
#mbNextLink {
	background: transparent url(img/mediabox-next.gif) no-repeat center;
	height: 26px;
	width: 26px;
	}
#mbCloseLink {
	background: transparent url("img/mediabox-close.gif") no-repeat center;
	display: block;
	float: right;
	height: 26px;
	margin: 0;
	outline: none;
	width: 26px;
	}
#mbError {
	border: 10px solid #700;
	color: #fff;
	font-family: Myriad, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 19px;
	margin: auto;
	padding: 20px 10px 30px;
	position: relative;
	text-align: center;
	top: 30%;
	}
/* @end */ 
/* @group 3.7 SEITEN-NAVI */
/* ------------------------------------------------------ */
.pagebar {
	background: #222 url("img/bg_photo_04_hell.jpg") fixed 50% 20%;
	font: 11px Arial, Helvetica, sans-serif;
	padding: 3em 3em;
	margin: 0;
	color: #cc3;
	}
.pagebar a {
	background: #000;
	border: none;
	padding: 10px;
	text-decoration: none;
	color: #cc3;
	}
.pagebar a:visited {
	color: #666;
	}
.pagebar .break {
	padding: 10px;
	background: #000;
	margin-right: 4px;
	}
.pagebar .this-page {
	background: #cc3;
	padding: 10px;
	color: #000;
	}
.pagebar a:hover {
	background: #cc3;
	border-color: #666;
	color: #fff;
	text-decoration: none;
	}
/* @end */ 
/* @group 3.8 TAGS */
/* ------------------------------------------------------ */
ul.cosmos {
	margin: 0 2em 4em 2em!important;
	font-size: 140%;
	list-style: none;
	padding: 0!important;
	text-align: left;
	}
/* @end */
/* @group 3.9 PORTFOLIO-SPECIALS */
/* ------------------------------------------------------ */
#content.portfolio div {
	margin: 0!important;
	}
#flashcontent {
	overflow: hidden;
	}
div#portfolioauswahl.post {
	background-color: #996;
	background-image: none;
	margin-top: -1em;
	padding: 2em 0 0 0;
	}
div#portfolioauswahl.post ul {
	list-style-image: none;
	list-style-type: square;
	}
div#portfolioauswahl.post a{
	color: #6e7149;
	}
div#portfolioauswahl.post a:hover{
	border-bottom: 1px solid #000;
	color: #000;
	}
p.portfolioeinleitung {
	color:  #6e7149;
	display: block;
	padding: 0 2em 0 3em;
	}
p.portfolioeinleitung a {
	border-bottom: 1px solid #6e7149;
	color: #6e7149;
	}
p.portfolioeinleitung a:hover {
	border-bottom: 1px solid #333;
	color: #333;
	}
.kategoriebeschreibung {
	background: #e5e5ce;
	float: left;
	margin: 1em 0 0 0;
	padding: 0;
	width: 100%;
	}
.kategoriebeschreibung p{
	margin: 0;
	padding: 0em 3em 3em 3em;
	color: #333;
	}
.kategoriebeschreibung h2 {
	color: #996;
	text-transform: uppercase;
	font-weight: normal;
	height: auto;
	}
.kategoriebeschreibung h2:hover {
	background-image: none;
	}
/* 3.9.1 SLIDESHOWPRO BILDER */
.ssp-post {
	background: #222 url("img/bg_photo_04.jpg") fixed 50% 20%;
	float: left;
	padding: 3em 0 0 0;
	width: 100%;
	}
* html .ssp-post {
	/*IE6 Hack*/
	background: #000;
	}
.ssp-post h3 {
	color: #fff;
	font-family: Georgia, Times, Serif;
	font-size: 2em;
	font-weight: normal;
	margin: 0;
	padding: 0 0 0.2em 1.5em;
	}
.ssp-intro p {
	color: #999;
	margin: 0 0 1em 0;
	}
.ssp-post p{
	padding: 0 0 0 3em;
	}
.ssp-beschreibung {
	background: #fff;
	float: left;
	width: 100%;
	}
.ssp-beschreibung p {
	margin: 0;
	padding: 1em 3em 3em 3em;
	}
.ssp-thumbs-container {
	background: #222 url("img/bg_photo_04_hell.jpg") fixed 50% 20%;
	float: left;
	padding: 3em;
	width: 90%;
	}
.ssp-thumbs {
	float: left;
	}
.ssp-thumbs a {
	background: #222 url("img/bg_photo_04.jpg") fixed 50% 20%;
	color: #666;
	display: block;
	float: left;
	font-family: Arial, Verdana, Sans-serif;
	font-size: 0.8em;
	height: 60px;
	margin: 4px 8px 4px 0;
	padding: 5px;
	text-align: center;
	width: 60px;
	}
* html .ssp-thumbs a {
	/*IE6 Hack*/
	background: #000;
	}
.ssp-thumbs a:hover {
	background: #cc3;
	border: none;
	}
.ssp-thumbs a.ssp-video:hover {
	background: #000;
	}
.ssp-gallery-edit a,
.ssp-album-edit a {
	color: #666;
	display: block;
	font-family: Arial;
	font-size: 9px;
	height: 30px;
	margin: 0 0 -30px 3px;
	width: 30px;
	}
.ssp-album-edit span {
	color: #666;
	font-family: Arial;
	font-size: 9px;
	height: 30px;
	margin: 0 0 0px 30px;
	width: 30px;
	}
.ssp-gallery-edit a:hover,
.ssp-album-edit a:hover {
	border: none!important;
	color: #cc3;
	}
/* @end */ 
/* @group 3.10 LINKS */
/* ------------------------------------------------------ */
#content .links ul {
	list-style-image: none;
	list-style-type: none;
	margin: 1em 0 0 0;
	padding: 0 0 0 3em;
}
#content .links ul li {
	margin: 0 0 0 14em;
	padding: 0.25em 1em 0.25em 0;
	border-top: 1px solid #ccc;
}
#content .links ul li a {
	float: left;
	clear: both;
	width: 14em;
	overflow: visible;
	margin-left: -14em;
	background: url("img/pfeil.gif") no-repeat 13em center;
}
#content .links ul li a:hover {
	border-bottom: none;
	background: url("img/pfeil.gif") no-repeat 13.25em center;
}
#content .delicious {
	padding: 2em 0 4em 0;
}
#content .delicious ul {
	list-style-image: none;
	list-style-type: none;
	margin: 1em 0 0 0;
	padding: 0 0 0 3em;
}
#content .delicious ul li {
	margin: 0 0 0 0;
	padding: 0.25em 1em 0.25em 0;
	border-top: 1px solid #ccc;
}
#content .delicious ul li abbr {
	border: none;
	color: #999;
}
/* @end */
/* @group 3.11 EDIT-LINKS AUF SEITEN */
/* ------------------------------------------------------ */
#content div.edit {
	background: #222 url("img/bg_photo_04.jpg") fixed 50% 20%;
	margin-bottom: -2em;
	padding: 1em 0 0 3em;
	}
/* @end */
/* @group 3.12 NEWSLETTER */
/* ------------------------------------------------------ */
#subscribe2 {
	background: #222 url("img/bg_photo_04_hell.jpg") fixed 50% 20%;
	color: #fff;
	margin-bottom: -3em;
	padding: 2em 0 6em 0;
	}
#subscribe2 a {
	color: #cc3;
	}
#subscribe2 form {
	margin: 0;
	padding: 0;
	}
#subscribe2 form p {
	margin: 0;
	padding: 0;
	}
/* @end */
/* @group 3.13 FLASH IM CONTENT */
/* ------------------------------------------------------ */
.flash{
	float: letf;
	margin-top: 1em;
	margin: 0;
	padding-left: 3em;
	width: auto;
	}
/* @end */
/* @group 3.14 ATTACHMENT SEITEN */
/* ------------------------------------------------------ */

#content div.attachment {
	background: #fff;
	}
#content div.attachment a:hover {
	border: none;
}
.attachment .storycontent{
	margin: 3em 0 0 0;
	text-align: center;
	clear: both;
	}
.attachment .attachment-main {
	background: #222 url("img/bg_photo_04.jpg") fixed 50% 20%;
	margin: 0;
	padding: 3em 0;
	}
* html .attachment .attachment-main {
	/*IE6 Hack*/
	background: #000;
	}
.attachment .attachment-prev {
	float: left;
	}
.attachment .attachment-thumbnail {
	width: 80px;
	height: 80px;
	}
.attachment .attachment-next img,
.attachment .attachment-prev img {
	background: #cc3;
	padding: 0.5em;
	margin: 2em;
	}
.attachment .attachment-next {
	float: right;
	}
.attachment .attachment-content {
	clear: both;
	background: #fff;
	padding: 3em;
	text-align: left;
	}
/* @end */

/* @group 3.15 HOME */
.home {
	background: #fff;
}
.home h2 {
	margin: 0;
	}
.home h2:hover {
	background: none;
	}
.home h3 {
	color: #333;
	border-bottom: 1px solid #ccc;
	margin: 0 0 0 0;
	padding: 1.6em 1em 0.3em 2em;
	margin: 0 0 0.5em 0;
	}
.home h3 a {
	color: #333;
	}
.home h3 a:hover {
	color: #cc3;
	border: none;
	}
.home .excerpt {
	padding: 0 3em 2em 3em;
	}
.home .excerpt p {
	margin: 0 0 0 0;
	}
.home .tags {
	background: #222 url("img/bg_photo_04_hell.jpg") fixed 50% 20%;
	padding: 3em;
	line-height: 2.4em;
	}
* html .home .tags {
	/*IE6 Hack*/
	background: #000;
	}
.home .tags h2 {
	padding: 0;
	color: #fff;
	}
.home .tags a {
	color: #fff;
	}
.home .tags a:hover {
	color: #cc3;
	border: none;
	}
.home .portfolio {
	float: left;
	width: 100%;
	padding: 3em 0;
	margin: 2em 0 0 0;
	color: #fff;
	background: #996;
	}
.home .portfolio h2 {
	padding: 0 1em 1em 1.8em;
	}
.home .portfolio p {
	padding: 0 3em;
	}
.home .portfolio a {
	color: #fff;
	}
.home .portfolio a:hover {
	color: #fff;
	border-bottom: 1px solid #fff;
	}
/* 3.15.1 Twittermeldungen */
.home .aktt_tweets {
	margin: 0;
	display: block;
	padding: 0 2em 1em 0;
	}
.home .aktt_tweets ul{
	margin: 0;
	}
.home .aktt_tweets form fieldset{
	display: none;
	margin: 0;
	padding: 0.5em 1em 0.5em 3em;
	border-top: 1px solid #cc3!important;
	}
.home .aktt_tweets input#aktt_tweet_text{
	background: none;
	border: 1px solid #ccc;
	padding: 0.5em;
	width: 90%;
	}
.home .aktt_tweets input#aktt_tweet_submit{
	background: #cc3;
	margin: 0 1em 0 0!important;
	float: left!important;
	border: 2px solid #cc3;
	}
/* @end */

/* @group 3.16 SUCHERGEBNIS */
#content.search div.page p {
	margin-left: 3em;
	margin-right: 4em;
	}
#content.search div.page div.storycontent {
	padding-bottom: 2em;
	}
/* @end */

/* @group 3.17 TOOLTIPS */
.tipz {
	background: url("img/zoom-32x32.png") no-repeat 0 0;
	width: 32px;
	height: 32px;
	}
.tipz .tip-title {
	display: none;
	}
.tipz .tip-text {
	display: none;
	}
/* @end */

/* @end */

/* @group 4.0 MENU */
/* ====================================================== */
#menu {
	float: right;
	line-height: 1.6em;
	width:27%;
	}
#menu strong {
	color: #ccc;
	font-size: 1em;
	font-weight: normal;
	}
/* MENU-LISTEN -------------------------------------- */ 
#menu ul {
	color: #ccc;
	list-style-type: none;
	margin: 0;
	padding: 0px;
	}
#menu ul li {
	padding-top: 0.8em;
	}
#menu ul ul {
	border-bottom: 1px dotted #999;
	border-right-color: 1px solid #666;
	list-style-type: none;
	margin: 0;
	padding: 0 0 1em 0;
	text-align: left;
	}
#menu ul ul li {
	font-size: 1.2em;
	list-style-image: url("img/pfeil.gif");
	border: 0;
	margin-top: 0;
	padding-left: 0;
	padding: 0;
	}
#menu a {
	color: #ccc;
	text-decoration: none;
	}
#menu a:hover {
	border-bottom: 1px solid #cc3;
	}
#menu h2 {
	font-family: Georgia;
	color: #cc3;
	font-size: 1.4em;
	padding: 0;
	}
#menu h2:hover {
	background-image: none;
	}
/* @group 4.1 LINKS */
/* ------------------------------------------------------ */
#menu ul li#text-1 div ul li {
	list-style-image: none;
	}
/* @end */
/* @group 4.2 SUCHE */
/* ------------------------------------------------------ */
#search {
	border-left: 1px dotted #cc3;
	border-right: 1px dotted #cc3;
	border-bottom: 1px dotted #cc3;
	padding: 0.6em;
	}
#search label {
	display: none;
	}
/* 4.2.1. SUCH FORMULAR */
#search form {
	margin: 0;
	padding: 0;
	}
#search input#s {
	background: none;
	border: none;
	margin: 0;
	padding: 0;
	color: #fff;
	width: 65%;
	}
#search input#submit2 {
	font-size: 1.4em;
	font-family: Georgia, Times, Serif;
	background: none;
	border: none;
	padding: 0;
	margin: 0;
	color: #cc3;
	}
#search input#submit2:hover {
	color: #fff;
	}
/* @end */
/* @group 4.3 SIDEBLOG */
/* ------------------------------------------------------ */
#sideblog- ul li p {
	margin: 0;
	color: #999;
	}
#sideblog- ul li p a{
	color: #999;
	}
/* @end */
/* @group 4.4 TAGS */
/* ------------------------------------------------------ */
#menu li#sensitive_tag_cloud a:hover{
	border: none;
	color: #cc3;
	}
/* @end */
/* @group 4.5 TWITTER */
#menu #twitter-tools form{
	display: none;
	}
#menu #twitter-tools div {
	margin: 0;
	}
/* @end */
/* @end */
/* @group 5.0 FUSS */
/* ====================================================== */
.credit {
	clear: both;
	color: #ccc;
	display: block;
	font-family: Arial, Verdana, sans-serif;
	font-size: 0.9em;
	height: 6em;
	letter-spacing: 1px;
	line-height: 1.7em;
	margin: 0;
	padding: 6em 0 1em 0;
	text-align: justify;
	text-transform: uppercase;
	width: 70%;
	}
.credit a:link, .credit a, .credit a:visited {
	color: #ccc;
	}
.credit a:hover {
	border-color: #cc3;
	}
/* @end */
/* @group 6.1 SPEZIAL-STYLES */
@media print {
body {
}
#rap {
	width: 93%;
	margin-left: 7%;
}
#header {
	width: 90%;
}
#catheader {
	width: 100%;
}
#menu {
	position: absolute;
	overflow: hidden;
	width: 15%;
	height: 4em;
	right: 0;
	background: #222 url("img/bg_photo_04.jpg") fixed 50% 20%;
}
#menu:hover {
	background: #222 ;
	width: 50%;
	height: auto;
	padding: 0em 3em 3em 3em;
	border-left: 0.5em solid #cc3;
	border-bottom: 0.5em solid #cc3;
}
#menu:hover #search input#s{
	width: 80%;
}
#menu #search input#s {
	width: 1px;
	}
#content {
	width: 100%;
}
p.credit {
	width: 100%;
}

/* @end */