/*
Theme Name: SimplicityBright Plus
Theme URI: http://www.iriemate.de/wordpress/
Description: Designed by <a href="http://www.koch-werkstatt.de" title="Kochwerkstatt">Karsten Kuhnen</a>, based on the Theme Relaxation by <a href="http://www.jowra.com">Jowra</a>, plus widgetizing and advanced function by <a href="http://www.iriemate.de/wordpress/">IrieMate</a>.
Version: 0.1 plus (deutsch)
Author: Iriemate
Author URI: http://www.iriemate.de
bearbeitet von stolpmannkalhorn.net
*/

html, body {
margin: 0;
padding: 0;
background: #fff;
font: 0.95em Lucida Grande, Verdana, sans-serif;
text-align: center;
}


/*#####################*/
/*### Container ###*/
/*#####################*/

#page {
background: white;
margin: 35px auto;
padding: 0px;
text-align: left;
width: 800px;
border-top: 1px solid #978d74;
border-right: 1px solid #978d74;
border-bottom: 1px solid #978d74;
border-left: 38px solid #cf3e18;
}

#wrapper {
float: left;
margin: 25px 0 0 50px;
padding: 0;
}

#header {
background: transparent;
overflow: hidden;
color: #383d44;
font-size: 13px;
height: 140px;
margin: 0 auto;
text-align: center;
padding: 0px;
}

#signet {
padding: 35px 0 0 0px;
}

#topbar { 
margin: 0px;
padding: 0 0 0 30px;
text-align: left;
font: 1.2em Lucida, sans-serif;
letter-spacing: 0.025em;
}

.linie { 
margin: 0px 0 0 13px;
width:700px;
}

.linie1 { 
margin: 0px 0 0 93px;
width:700px;
}

.linie2 { 
margin: 0px 0 0px 93px;
width:700px;
}

#content {
width: 600px;
color: #63553f;
float: left;
margin: 20px 0px 20px 45px;
padding: 0px;
min-height:420px;
}

.entry {
text-align: left;
padding: 0px;
margin: 0px;
}

.post {
padding: 0 0 35px 0;
margin: 0px;

}

#sideblog {
}

#footer {
clear: both;
color: #968d74;
margin: 20px 0 40px 95px;
padding: 0px;
text-align: left;
overflow:hidden;
font-size: 0.8em;
}

/*#####################*/
/*### Auszeichnungen ###*/
/*#####################*/

a {
color: #ce3e17;
text-decoration: none;
outline: none;
}

a:hover {
color: #ce3e17;
text-decoration: none;
outline: none;
}

.postmetadata {
color: #63553f;
font-size: 0.9em;
font-weight:normal;
margin: -9px 0 15px 0;
padding: 0;
}

.postmetadata a {
background: transparent; 
color: #63553f;
text-decoration: none;
}

.postmetadata2 {
background: #eeeeee;
color: #282828;
border: 1px solid #cccccc;
font-size: 11px;
line-height: 1.3em;
letter-spacing: 0em;
margin: 0 0 20px 0;
padding: 5px;
text-align: left;
clear:both;
-moz-border-radius: 10px;
}

.schlagworte {
color: #63553f;
font-size: 0.9em;
font-weight:normal;
margin: -18px 0 0px 0;
padding: 0;
clear:both;
}

.pagenavigation2 a{
font-size: 0.85em;
color: #63553f;
text-decoration:none;
}

.pagenavigation2 a:hover{
color: #ce3e17;
text-decoration:none;
}

img {
border: none;
}

ol, form {
margin: 0;
padding: 0;
}

/* different postmetadata style for single.php */

.alt {
line-height: 1.3em;
padding: 10px;
}

.alt a {
background: inherit;
color: #aa0000;
text-decoration: none;
}

.commentheader {
background: inherit;
font-size: 18px;
font-weight: lighter;
text-align: left;
color: #326ea1;
padding: 0;
line-height: 1.5em;
}

.clear {
clear:both;
}

/*#####################*/
/*### Überschriften ###*/
/*#####################*/

h1 {
color: #63553f;
font-size: 1.1em;
font-weight:bold;
letter-spacing: 0.02em;
padding: 5px 0 0px 0px;
}

h1 a {
color: #63553f;
font-weight:bold;
letter-spacing: 0.02em;
text-decoration: none;
}

h1 a:hover {
color: #ce3e17;
text-decoration: none;
}

h2, h2 a {
color: #63553f;
font-size: 1.0em;
font-weight:bold;
padding: 0px 0 0px 17px;
background: url(/wp-content/themes/agoraplus/images/kreuz_titel.jpg) no-repeat left;
}

.entrytext  h2 { 
color: #63553f;
font-size: 1.1em;
font-weight:bold;
padding: 0px 0 0px 17px;
background: url(/wp-content/themes/agoraplus/images/kreuz_titel.jpg) no-repeat left;
}

h3, h3 a {
font-size: 1.0em;
font-weight: normal;
margin: -11px 0 0 0;
padding: 0px 0 0px 17px;
}

h4 {    
color: #63553f;
font-size: 1.0em;
font-weight:bold;
padding: 0px 0 0px 17px;
background: url(/wp-content/themes/agoraplus/images/kreuz_titel.jpg) no-repeat left;
}

/*###################*/
/*### Oberes Menü ###*/
/*###################*/

ul.topmenu {
background: transparent;
float: left;
margin: 0 auto;
padding: 0;
list-style-type: none;
}

ul.topmenu li {
float: left;
padding: 0 0 0 15px;
}

ul.topmenu li a {
float: left;
display: block;
padding: 9px 25px 0 0px;
color: #978d74;
font-weight:bold;
font-size:0.8em;
letter-spacing:0.025em;
}

ul.topmenu li a:hover {
color: #ce3e17;
text-decoration: none;
}

#topbar ul li.current_page_item a { 
color: #cf3e18;
}

#topbar ul li.current_page_item a:hover { 
color: #ccf3e18;
}

/*################*/
/*### Content  ###*/
/*################*/

.post{
margin: 0px;
font-size: 0.9em;
line-height: 1.6em;
}

#content a {
color: #63553f;
background: transparent;
text-decoration: none;
}

#content a:hover {
color: #ce3e17;
background: transparent;
text-decoration: none;
}

#content img {
margin: 3px 20px 10px 0;
border: 1px solid #978d74;
}

#content a:hover img { 
border: 1px solid #777777; 
background: transparent;
}

.entry a {
color: #63553f;
background: transparent;
text-decoration: underline;
border-bottom: 1px solid #63553f;
}

.entry a:hover {
color: #ce3e17;
background: transparent;
text-decoration: none;
}

.entrytext a {
color: #63553f;
background: transparent;
text-decoration: underline;
border-bottom: 1px solid #63553f;
}

.entrytext a:hover {
color: #ce3e17;
background: transparent;
text-decoration: none;
}

.entry img {
margin: 3px 20px 0px 0;
border: 1px solid #978d74;
float:left;
}

.entrytext img {
margin: 3px 20px 0px 0;
border: 1px solid #978d74;
float:left;
}

#content h1 a:hover { 
color: ce3e17;  
background: transparent; 
text-decoration: none; 
}

#content h2 a:hover { 
color: #63543f; 
background: transparent; 
text-decoration: none; 
}

#content h3 a { 
text-decoration: none; 
}

#content h3 a:hover { 
color: #63543f; 
background: transparent; 
text-decoration: none; 
}

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

#content ul li {
line-height: 1.5em; 
margin: 0; 
padding: 2px 0 5px 0; 
}

/*************************************
+ Mitarbeiter
*************************************/

#products {
margin:20px 0px 0px 0;	
}

#products img {
cursor:pointer;	
}

.description {
display:none;
padding:0px;
min-height:270px;
}

.description .arrow {
width:10px;
height:10px;
background:transparent url(/wp-content/themes/agoraplus/images/kreuz_titel.jpg) repeat scroll 0;
margin:0px;
}

#beispiel1 .arrow {
margin-left:58px;	
}

#beispiel2 .arrow {
margin-left:205px;	
}

#beispiel3 .arrow {
margin-left:352px;	
}

#beispiel4 .arrow {
margin-left:498px;	
}

/*################*/
/*#### Jobs ###*/
/*################*/

/* root element for scrollable */
.vertical {  
	
	/* required settings */
	position:relative;
	overflow:hidden;	

	/* vertical scrollers have typically larger height than width */	
	height: 205px;	 
	width: 600px;
}

/* root element for scrollable items */
.items {	
	position:absolute;
	
	/* this time we have very large space for height */	
	height:20000em;	
	margin: 0px;
}

/* single scrollable item */
.items div {
	margin:10px 0 0 0;
	padding:0px;
	font-size:1.0em;
	height:250px;
}

/* elements inside single item */
.items img {
	float:left;
	margin-right:20px;
}

/* the action buttons above the scrollable */
#actions {
	width:240px;
	margin:0px 0 20px 0;	
}

#actions a {
	cursor:pointer;
color: #63553f;
}

#actions a:hover {
	color: #ce3e17;
}

.nextPage {
	float:right;
}


/*################*/
/*#### SIDEBLOG ###*/
/*################*/

#sideblog ul {
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#sideblog li{
margin: 0;
padding: 0;
font-size: 0.9em;
}

#sideblog li a {
padding: 0px;
text-decoration: none;
border-bottom: 1px solid #63553f;
}

#sideblog li a:hover {
color: #ce3e17;
text-decoration: none;
outline: none;
}

#sideblog img{
border: none;
height:5px;
}


/*############################*/
/*#### KOMMENTARFORMULAR #### */
/*############################*/

/* KommentarFormular */	

#commentform{
width:100%;
}

#commentform input, #commentform textarea{
width:95%;
padding:2px; 
font:12px Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
color: #63553f;
border:1px solid #b2aa9e;
}

#commentform input:focus, #commentform textarea:focus{
border:1px solid #ce3e17;
}

#commentform #author{
width:250px;
}

#commentform #email{
width:250px;
}

#commentform #url{
width:250px;
}

#commentform textarea{
clear:both;
height:100px;
}

#commentform p{
margin:0 0 6px 0; 
font-size:1.0em;
}

#commentform #submit{
clear:both;
width:160px;
text-align:center; 
font-size:0.9em;
margin:5px 0 20px 0; 
}

#commentform #mcspvalue {	
width:17px;
padding: 1px 2px 1px 2px;	
}
		
/* Debatte */	

/* fuer die Kommentarliste an sich*/
ol.commentlist{
padding:0px 0 0px 0px;
margin:0; 	
list-style:none;
}
 
 
/*folgende class stehen zur Gestaltung des li bereit */
 
.comment {
padding:10px 0 0px 0;
}

.byuser {}
.comment-author-admin {}
.bypostauthor {}
 
/* class um die li der 1 Ebene zu gestalten*/
.depth-1{}
 
/*hat man Kind Kommentare gibt es dann noch soviel wie man eben braucht */
.depth-2{}
.depth-3{}
 
 
/* folgende gestalten das li abwechselnd, wenn man mag*/
/* erstes li*/
.even {}
.thread-even{}
/* zweites li*/
.odd {}
.alt {}
.thread-odd {}
.thread-alt{}
 
  
/*---ende der class fuer die li---*/
 
/* fuer die Darstellung des Kommentarautors die class des divs*/
.comment-author {
}

.vcard{
}
 
.comment-author cite{
}

.vcard cite{
font-style:normal;
font-weight:bold;
font-size:0.9em;
}
 
.comment-author cite a{}
.vcard cite a{
color: #63553f;		
}

.says{
font-size:0.9em;
}
 
/* fuer den Avatar*/
img.avatar{}
/*---ende der class fuer den Autor---*/
 
 
/*fuer die  Zeit wann der Kommentar geschrieben wurde und den Bearbeitungslink die class des divs*/
.comment-meta {}
.commentmetadata{
font-weight:normal;
font-size:0.9em;
margin:3px 0 0 0;
}
 
.comment-meta a{
color: #63553f;	
}
.commentmetadata  a{}
 
/*---ende der Meta Daten---*/
 
 
/*Kommentartext  */
 
ol.commentlist p{
font-size:0.9em;
line-height:1.5em;
}
 
/*---ende des Kommentartextes ---*/
 
 
/*Reply Link ist auch in einem div*/
.reply{
font-size:0.9em;
padding: 0 0 17px 0;
}
.reply a{
color:#CA4024;
}
 
/*---ende Reply Link---*/
 
 
/*Kindkommentare sind in einer ul Liste*/
 
ol.commentlist ul.children{
list-style:none;	
} /*ul.children gibt es auch in der sidebar-aufpassen*/
 
/*------alle oben genannten class wiederholen sich auch unter ul children------*//* fuer die Kommentarliste an sich*/
ol.commentlist{
padding:0px 0 0px 0px;
margin:0; 	
list-style:none;
}
 
 
/*folgende class stehen zur Gestaltung des li bereit */
 
.comment {}
.byuser {}
.comment-author-admin {}
.bypostauthor {}
 
/* class um die li der 1 Ebene zu gestalten*/
.depth-1{
border:1px solid #b2aa9e;
margin: 5px 0 20px 0;
padding: 20px 30px 0px 30px;
}

.depth-1 li{
list-style:none;
}
 
/*hat man Kind Kommentare gibt es dann noch soviel wie man eben braucht */
.depth-2{
}

.depth-3{}
 
 
/* folgende gestalten das li abwechselnd, wenn man mag*/
/* erstes li*/
.even {}
.thread-even{}
/* zweites li*/
.odd {}
.alt {}
.thread-odd {}
.thread-alt{}
 
  
/*---ende der class fuer die li---*/
 
/* fuer die Darstellung des Kommentarautors die class des divs*/
.comment-author {}
.vcard{}
 
.comment-author cite{}
.vcard cite{}
 
.comment-author cite a{}
.vcard cite a{}
 
 
/* fuer den Avatar*/
img.avatar{}
/*---ende der class fuer den Autor---*/
 
 
/*fuer die  Zeit wann der Kommentar geschrieben wurde und den Bearbeitungslink die class des divs*/
.comment-meta {}
.commentmetadata{}
 
.comment-meta a{}
.commentmetadata  a{}
 
/*---ende der Meta Daten---*/
 
 
/*Kommentartext  */
 
ol.commentlist p{}
 
/*---ende des Kommentartextes ---*/
 
 
/*Reply Link ist auch in einem div*/
.reply{}
.reply a{}
 
/*---ende Reply Link---*/
 
 
/*Kindkommentare sind in einer ul Liste*/
 
ol.commentlist ul.children{} /*ul.children gibt es auch in der sidebar-aufpassen*/
 
/*------alle oben genannten class wiederholen sich auch unter ul children------*/


/*************************************
 +Pagebar
 *************************************/

.pagebar 	{ 
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		padding-top: 20px; 
		padding-bottom: 10px; 
		margin: 0px; 
		text-align:right;
	}
.pagebar a, .pageList .this-page 	{
		padding: 2px 6px; 
		border: solid 1px #978d74; 
		text-decoration: none;
	}
.pagebar a:visited 	{
		padding: 2px 6px; 
		border: solid 1px #978d74; 
		text-decoration: none;
	}
.pagebar .break 	{
		margin: 0 3px 0 0px;
		padding: 2px 6px; 
		border: solid 1px #978d74; 
		text-decoration: none;
	}
.pagebar .this-page 	{
		padding: 2px 6px; 
		border: solid 1px #978d74;  
		font-weight: bold; 
		vertical-align: top; 
		color: #BD2F0A; 
	}
.pagebar a:hover 	{
		color: #f8c77a; 
		background: #BD2F0A; 
		border: solid 1px #978d74; 
		text-decoration: none;
	}

/*################*/
/*#### Footer ####*/
/*################*/

#footer a {
color: #968d74;
text-decoration: none;
}

#footer a:hover {
color: #968d74;
text-decoration: none;
}

/*################*/
/*#### Misc ####*/
/*################*/

#zurueck{
text-align: right;
}

.red{
	color: #ce3e17;
}