/*
		Matta Wagnest CSS, Version 1.39
*/


/* Farben

grün: #E5EC6D
hellgrün: #F0F4B3
*/


/*_______________________________________________________________________________*/
/* 1. BASIC-RESETS */
/*-------------------------------------------------------------------------------*/


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

html {
	background: #111111 url(img/bg.jpg) no-repeat  fixed top;
}


body {
	line-height: 1;
	color: #eee;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	
	


}


/*_______________________________________________________________________________*/
/* 2. STYLES */
/*-------------------------------------------------------------------------------*/



h1, h2, h3, h4 {
	color: #FF3F13;
	font-weight: normal;
}

h2 a, h2 a:visited, h2 a:active {
	color: #E40080 !important;
}


h1 {
	font-size: 170%;
	margin: 0 0 1.5em 0;
	
}

h2 {
	font-size: 120%;
	margin: 0 0 0.4em 0;
	color: #fff;
}

h3, h4 {
	font-size: 120%;
	color: #000;
	margin: 0 0 0.2em 0;
}

#logo h1 a:hover {
	background: #000;
}


p {
	margin: 0 0 1.2em 0;
	line-height: 140%;	
}


#inhalt-container ul {
	list-style: square;
	margin: 0 0 1em 0;
	padding: 0 0 0 17px;

}

#inhalt-container ol {
	margin: 0 0 1em 0;
	padding: 0 0 0 22px;

}

#inhalt-container ul li, #inhalt-container ol li {
	line-height: 140%;	
	
	
}

#inhalt ul {
	list-style: bullet;
	margin: 0 0 1em 0;
	padding: 0 0 0 18px;
}


#inhalt ul li {
	padding: 0 0 0 0px;
	line-height: 140%;	
	
}

#inhalt ul.biglist li, 
#inhalt ol li {
	margin: 0 0 1.2em 0;

}





a {color: #fff; text-decoration: none;}
a:visited {color:#fff;}
a:hover {color: #fff;background-color: #FF3F13;}
a:active { color:#fff;}
a:focus {background-color: #EBEBEB;}



.post a:hover {color: #fff;background-color: transparent !important;}


hr {
	width: 100%;
	height: 1px;
	margin: 30px 0;
	border: 0;
	color: #bdbdbd;
	background: #bdbdbd;
}

small {
	margin: 0 0 1.2em 0;
	line-height: 120%;
	font-size: 90%;
	color: #fff;
	
}


h3 small {
	font-size: 70%;
	
}

.clearer 	{clear: both; }
.links 		{float: left; width: 45%; margin: 1em 0 0 0;}
.rechts 	{float: right; width: 45%; margin: 1em 0 0 0;}




img.bild-links {
	float: left; 
	margin: 5px 14px 14px 0;
}


img.bild-rechts {
	float: right; 
	margin: 5px 0 14px 14px;
}

.weiter {
	white-space: nowrap;
}

.mehr {
	margin:-1.2em 0 1.2em 0 !important;
}



.post img, .postcontent img, img.startbild {
	background: #fff;
	padding: 6px;
	margin: 0 0 4px 0;
}


.wp-caption-text{
	font-size: 80%;
	padding: 2px 0;
}



.unsichtbar {
   position: absolute;
   top: -1000px;
   left: 0px;
   width: 0px;
   height: 0px;
   color: #fff;
   background: #fff;
}


.nix {
	display:none;
}

.slogan {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #000;
	font-size: 160%;
	line-height: 115%;
	display: block;
}


blockquote {
	color: #333;
	border-bottom:#E5EC6D 3px solid;
	font-size: 120%;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	padding: 1.4em;
	background: #F0F4B3 url(img/zitat_1.gif) no-repeat 0.8em 0.8em;
	
}

blockquote p {

	background: transparent url(img/zitat_2.gif) no-repeat right bottom;

}

cite {
	font-family: Arial;
	font-size: 70%;
	line-height: 130%;	
	color: #000;
	font-style: normal;
	margin: 0.6em 0 0 0;
	display: block;	
}

.zitatbottom {
	text-align:right;
}
.zitatbottom a {
	font-family: Arial;
	font-size: 85%;
	line-height: 130%;	
	font-style: normal;
	padding: 0.4em;
	color: #333;
	background: #E5EC6D;
	text-align:right;
	text-decoration: none;
}



.website-profil{
	background: transparent url(img/download_doc.gif) no-repeat left 4px;
	padding: 0 0 0 60px;
	height: 60px;
	display: block;
}





p.view_all{display:none;}

.thema, #zusatz-spalte h2{
	font-size: 80%;
	font-family: Verdana;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0 0 1em 0;
	color: #333;
	display: block;
}

#zusatz-spalte.home h2{
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #E40080;
	font-weight: normal;
	font-size: 170%;
	margin: 0 0 0.8em 0;
	text-transform: none;
}



#inhalt.home h2 {
	margin: 0 0 0.8em 0;

}



img.projekt {
	float: left;
}



.produkt strong{	
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #E40080;
	font-size: 170%;
	font-weight: normal;
	margin: 0 0 0.4em 0;
	display: block;
}
/*
.produkt h3{		
	font-size: 170%;
	font-weight: normal;
	color: #E40080;
	
}
*/
/* Footer */

#footer p {
	color: #ccc;
	font-size: 90%;
}

/*

#footer a {color: #fff;}
#footer a:visited {color:#fff;}
#footer a:hover {color: #E40080;background-color: #EBEBEB;}
#footer a:active { color:#fff;}
#footer a:focus {background-color: #000;}
*/





/* Blog Sachen */



/*
.post h3 a {
	color: #E40080;
}
*/

.post {
	margin: 0 0 2em 0;
}

#inhalt.home .post, #inhalt.archiv .post {
	margin: 0 0 0em 0;
	padding: 1.5em 0 0 0;
	background: transparent url(img/linie_soft.gif) no-repeat left top;
}


.posthead {
	padding: 0 0 0.4em 0;
}


.posthead h1 {
	padding: 0 0 0.1em 0;
	margin: 0 0 0.7em 0;
}

.postcontent h2 {
	font-size: 140%;

}

.subhead, .comment-meta{
	color: #666;
	font-size: 80%;
}




.tagcloud {
	line-height: 150%;
	margin-left: -4px;
}




.tagcloud a {color: #0B7DB5; text-decoration: none; padding: 4px; white-space: nowrap;}
.tagcloud a:visited {color:#0B7DB5;}
.tagcloud a:hover {color: #E40080;background-color: #EBEBEB;}
.tagcloud a:active { color:#E40080;}
.tagcloud a:focus {background-color: #EBEBEB;}




/* Kommentare */

.comments{	
	padding: 2em 0 0 0;
}

.comment {
	margin: 0 0 1em -10px;
	background: #fff url(img/bg_kommentar_mitte.jpg) repeat-y left top;
	
	border-bottom: 1px solid #fff;
}



.commenttext {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #62401D;
	font-size: 115%;
	font-style: italic;
	background: transparent url(img/bg_kommentar_oben.jpg) no-repeat left top;
	padding: 35px 35px 10px 40px !important;

}

.comment-meta {
	line-height: 120%;
	height: 57px;
	background: #fff url(img/bg_kommentar_unten.jpg) no-repeat left bottom;
	padding: 0px 40px !important;

}


.moderation{
	font-weight: bold;
}



 h3#kommentare{
	border-top:#E5EC6D 3px solid;
	padding: 1em 0 1em 0;
	margin: 2em 0 1em 0;
	
	color: #000;
	font-size: 110%;
	border-bottom:#EFEFEF 1px solid;
	
}




/* PROJEKTÜBERSICHT */

/*******************************************/
/************* BILDERGALERIE ***************/



div.piclenselink{
	display: none;
	clear: both;
	padding: 0px 0 10px 6px;
	font-size: 90%;
	text-align: right;
}






/*
.projekte a:hover {background: #F2F5C7;}

*/

/*img.screenshot{
	border: 4px solid #F0F0F0;
	padding: 2px;
	margin: 0 0 1em 0;
}*/

img.screenshot{
	padding: 7px;
}


/*Gallery*/





.wrap{
	border: 1px solid;

}







/* 2.1 NAVIGATION */
/*-------------------------------------------------------------------------------*/



ul.navi-seite {
	padding: 0 !important;
/*	border-bottom: 1px solid #ddd;*/
	margin: 0 0 2em 0 !important;
}

ul.navi-seite li{
	list-style: none;
/*	border-top: 1px solid #ddd;*/
	padding: 0.3em 0 ;
	text-align: right;
}

.navi-seite a {
	color: #fff;
	text-transform: uppercase;
	font-size: 80%;
	text-decoration: none;

	padding: 4px;

}

li.current_page_item a, li.current_page_parent a {
	color: #fff !important;
	background-color: #FF3F13;
}

li.current-cat a {
	color: #000 !important;
	background-color: #FF3F13;

	color: #fff !important;

}



li.current_page_item a:hover, li.current_page_item a:focus, li.current_page_parent a:hover, li.current_page_parent a:focus{
	color: #666 !important;
	background: transparent url(img/navi_bg_aktiv.gif) no-repeat center bottom !important;

}


.textbutton{
	clear: left;
	padding: 0px 20px 20px 80px;
}

.textbutton a:hover{
	background: none;
}

/*_______________________________________________________________________________*/
/* 3. LAYOUT */
/*-------------------------------------------------------------------------------*/



#header {
}




#seite-container {
	width: 920px;
	margin: 0 auto;
	padding: 0 20px;	
}

#inhalt-container {
	width: 880px;	
	clear: both;
}

#inhalt {
	width: 690px;
	padding: 0;
	float: right;
}

#zusatz-spalte {
	width: 160px;
	padding: 0;
	float: left;
	
}






#footer {
	clear: both;
	padding: 60px 10px 20px 230px;
	margin: 0px auto;
}


#suche {
	width: 305px;
	padding: 1em 0;
	float: right;
}





/* 3.1 HEAD SACHEN */
/*-------------------------------------------------------------------------------*/

#logo {
	padding: 0;
	margin: 100px 0 50px 0;
	text-align: right;

	width: 160px;

}







/* 3.2 HOMEPAGE SACHEN */
/*-------------------------------------------------------------------------------*/


#home-teaser-container {
	background: #E2E966 url(img/balken_home_oben.jpg) repeat-x center top;


}

#home-teaser{
	width: 930px;
	margin: 0 auto 0 auto;
}





a.next {		
	width: 18px;
	height: 15px;
	background: transparent url(img/next.gif) no-repeat left top;
}

a.next:hover {
	background: transparent url(img/next.gif) no-repeat left -23px;
}

a.prev {		
	width: 18px;
	height: 15px;
	background: transparent url(img/prev.gif) no-repeat left top;
}


a.prev:hover {
	background: transparent url(img/prev.gif) no-repeat left -23px;
}

.prevnext{		
	border: 1px solid;	
}



/* 3.3 SEITEN SACHEN */
/*-------------------------------------------------------------------------------*/





/*_______________________________________________________________________________*/
/* 4. FORMULARE */
/*-------------------------------------------------------------------------------*/



.kommentarform, .kontaktform, .feedbackform {
	border: 3px solid #fff;
	padding: 1em;
}

.kontaktform {
	margin-bottom: 1em;
}


#commentform p, .kontaktform li, .kontaktform p, .feedbackform li, .feedbackform p {
	margin: 0 0 0.8em 0;
	font-style: italic;

}

/* Kontaktform */

#li--1, #li--2{
	width: 220px;
	float: left;
}

#li--1 input, #li--2 input{
	width: 170px;
}


#li--3{
	clear: both;
}


#cf_field_3{
	width: 390px;
}

.reqtxt, .emailreqtxt{
	padding:  0 4px;
	vertical-align: top;
	font-weight: bold;
}


.kontaktform ol, .feedbackform ol {
	list-style: none;
}

.kontaktform .linklove, .feedbackform .linklove {
	display: none;
}


.kontaktform .failure, .feedbackform .failure{
	color: #E40080;
	font-weight: bold;
	margin: 0 0 1em 0;
	line-height: 140%;	

}

.kontaktform .success, .feedbackform .success{
	background: #fff;
	padding: 12px;
	color: #000;
	font-weight: bold;
	margin: 0 0 1em 0;
	line-height: 140%;	
	
}

/* Feedbackform */

.feedbackform input{
	width: 400px;
}
.feedbackform textarea{
	width: 400px;
}


.feedbackform .cf-box-a{
	width: auto !important;
	float: left;
	border: none;
	
	vertical-align: middle; 
	*vertical-align: text-bottom;
	padding: 0;	
}

.feedbackform label.cf-after{
	display: inline;
	padding: 0;
}


#usermessage2a {
	padding: 0px;
}

#usermessage2a p{

	background: #E0E763;
	padding: 12px !important;
	font-style: normal;
}







.feedbackform .textonly{

	margin: 0 0 1.2em 0;
	line-height: 140%;	
	font-style: normal;
}


/* Allgemeines */


label {
	display: block;
	padding: 5px 10px 4px 0;
	font-weight: bold;
	font-family: Georgia, "Times New Roman", Times, serif;
	
}

input, textarea {
	border: 1px solid #DADADA;
	padding: 5px;
	font-size: 100%;
	font-family: Arial;
	font-style: normal;
}

textarea#comment {
	width: 90%;
	border: 1px solid #DADADA;
	padding: 3px;


}


input:focus, textarea:focus {
	background: #FBEFE6;
	border: 1px solid #000;
}

input.sendbutton{
	background: #fff;
	border: #FF3F13 1px solid;
	font-size: 80%;
	font-weight: bold;
	text-transform: uppercase;
	width: auto !important;
}

input.sendbutton:active{
	background: #E1F5FF url(img/bg_button_active.gif) repeat-x left bottom;

}



#commentform input {
	width: 200px;
}


.suchergebnis{
	border-top:#EFEFEF 3px solid;
	padding: 1em 0;
}

.suchergebnis p{
	margin: 0;
	padding: 0;
	display: inline;
}