/* Spruch.de Layout*/
html {
	overflow: -moz-scrollbars-vertical;
	}
body {
	margin:0!important;
	padding:0;
	font:normal 13px/19px "Lucida Sans Unicode","Lucida Grande", Arial, Helvetica, Sans;
	background:#E9E9DE url('/images/layout/mainbg.jpg') repeat-x top left;
		color:#454140;
	}

h2 {
	font:normal 14px Verdana, Arial, Helvetica, sans-serif;
		color:#454140;
	}


a {
	color:#7c920a;
	text-decoration:underline;	
	}
	
a:hover {
	color:#c88605;
	text-decoration:none;
	}
	
.clear {
	clear:both;
	}

img {
	border:none;
	}

#layerad {
	position: absolute;
	top: 0;
	left: 300px;
	z-index: 2;
}


#topmenu{
	width:1005px;
	height:20px;
	margin:0 auto;
	}
#members {
	width:156px;
	float:right;
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	padding:0;
	margin:11px 0 0;
	}

#members p{
	width:156px;
	margin:0;
	padding:5px 0;
	background:url('/images/layout/memberstab.gif') no-repeat right top;
	float:right;
	text-align:center;
	color:#777;
	}

		#members p a {
			color:#777;
			text-decoration:none;
			}	
	
		#members p a:hover {
			color:#777;
			text-decoration:none;
			}		

/* Powered by */

#poweredby {
	width:220px;
	position:absolute;
	left:50%;
	top:5px;
	margin:0 0 0  -110px;
	color:#969696;
	font:bold 10px Arial, Helvetica, sans-serif;
	}
	
	
#poweredby img {
	vertical-align:text-bottom;
	border:none;
	}

	



#wrapper {
	background:#fff;
	width:1005px;
	margin:10px auto;
	border:1px solid #eaeade;
	}
	
#header {
	width:1005px;
	float:left;
	}	
	
#logo {
	margin:0;
	padding:10px;
	width:191px;
	float:left;
	}

#logo a{
	font-size:40px;
	font-weight:bold;
	margin:0;
	padding:10px;
	color:#9bb70d;
	text-decoration:none;
	}

	#logo a span {
		font-size:16px;
		color:#454140;
		}
		

#mainnavi {
	width:790px;
	clear:right;
	float:right;
	margin:34px 0 25px;
	padding:0;
	background:url('/images/layout/mainnavibg.jpg') repeat-x;

	}

	#mainnavi li {
		list-style:none;
		float:left;
		padding:0 16px;
		margin:0;
		height:30px;
		line-height:30px;
		}	

		#mainnavi li.first {
			background:url('/images/layout/mainnavileft.jpg') no-repeat;
			width:19px;
			padding:0;
			}

			#mainnavi li.last {
			width:178px;
			padding:0;
			}


		#mainnavi a {
			font-size:15px;
			font-weight:normal;
			color:#cdf409;
			text-decoration:none;		
		}	
		#mainnavi a:hover {
			color:#fcae16;
			}		



#sidenavi {
	clear:both;
	float:left;
	width:170px;
	border-right:1px solid #eaeade;
	margin:0 35px 15px 0;
	padding:0 10px 0 0;
	}

#sidenavi ul {
	margin:0 0 25px;
	padding:0 0 0 10px;
	}
	

	#sidenavi li {
		list-style:none;
		margin:0 0 5px 10px;
		background: url('/images/layout/lp.gif') no-repeat left 2px;
		padding:0 0 0 5px;
		}
			
	#sidenavi li a{
		font-size:13px;
		color:#4f4b4a;
		padding: 0 0 5px 5px;
			text-decoration:none;		
		}	
	

	#sidenavi li a:hover{
		color:#7c930a;
		}	
	#sidenavi li a:active{
		color:#c88605;
		}	


#sidenavi ul.subnavi{
	margin:0;
	padding:0;
	}

	#sidenavi li.top {
		background: url('/images/layout/navitoplp.gif') no-repeat left 7px;
		border-bottom:1px solid #eaeade;
		margin:0 0 10px 0;
		font-size:13px;
		color:#4f4b4a;
		padding: 0 0 5px 10px;
		}	

	#sidenavi li.top a{
		padding: 0 0 5px 0;
		}


	#sidenavi li.open {
		background: none;
		padding:0;
		margin:0;
		display:inline;
		}
	#sidenavi li.active a {
		color: #fcae16;
		}
	
#footer {
	width:985px;
	clear:both;
	padding:10px;
	margin:20px 0 0;
	background:#454140;
	color:#fff;
	font-size:11px;
	text-align:center;
	}
	
	#footer a {
		color:#cdf409;
		}

	#footer span{
		color:#cdf409;
		}


#content {
	float:left;
	width:584px;
	margin:0 auto 20px;
	}

#content p{
	margin: 0 0 15px;
	}

	#content h1{
	margin:0 0 15px 0;
	font-size:18px;
	font-weight:normal;
	}	

	#content h1 span a{
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	}	

	
.quote {
	clear:both;
	width:584px;
	border:1px solid #eaeade;
	background:#f7f8f3;
	margin: 0 0 30px;
	}

.quote .share {
	background:#eaeade;
	padding:5px 10px;
	margin:0 0 20px;
	height:20px;
	}

.quote .share-links {
	margin:0;
	float:left;
	width:300px;
	}


.quote .share-links a {
	margin:0 5px;
	text-decoration:none;
	}
	
.quote .share-links a img {
	vertical-align:text-top;
	}	

.quote .share-links a span {
	text-decoration:underline;
	}

.quote .share-links a:hover span {
	text-decoration:none;
	}

	
.quote .poster {
	background:#eaeade;
	padding:5px 10px;
	margin:0;
	}
	
.quote .poster  ul{
	float:left;
	margin:2px 0 0;
	padding:0;
	}

.quote .poster ul li {
	float:left;
	list-style:none;
	margin:0;
	text-align:left;
	font-size:11px;
	}

.quote .poster ul li p{
	float:left;
	margin-bottom:0!important;
	}

	
h4 {
	color:#9BB70D;
	margin:0 0 14px;
	font:bold 13px Verdana, Arial, Helvetica, sans-serif;
	}
.quote .share  ul {
	margin:0;
	padding:0;
	float:right;
	}	
.quote .share ul li {
	float:left;
	list-style:none;
	margin:0;
	text-align:left;
	}
		

.quote .share .postedby {
	margin:0;
	padding:0;
	float:right;
	}



a.sayingid {
	float:left;
	}

.quote blockquote {
	margin:20px;
	}		
	
	.quote blockquote p{
		font-size:13px;
		color:#333;
		margin:0;
		}
	
		.quote blockquote p span {
			font-style:italic;
			color:#4f4b4a;
			line-height:2.5em;
			}
			


.linklist {
	list-style:none;
	margin:0px!important;
	padding:0px!important;
	}

.linklist li {
	color:#9bb70d;
	}	
	
.linklist li a{
	font-weight:bold;
	color:#9bb70d;
	}	
	
.linklist li a:hover{
	color:#b2d210;
	}					



/* Impressum */

#impressum {
	margin:0 0 50px;
	}

#impressum dt {
	font-weight:bold;
	}
	
#impressum dd {
	margin:0;
	}

#impressum dd img{
	vertical-align:middle;
	}


#impressum dd.break {
	margin-bottom:20px;
	}



/* Spruch Vorschlagen */


#addSaying label {
	clear:left;
	float:left;
	width: 50px;
	}

#addSaying label.long {
	clear:left;
	float:left;
	width: 400px;
	margin:0 0 5px;
	}


#addSaying select {
	float:left;
	width:130px;
	margin:0 0 10px;
	}

#addSaying textarea {
	float:left;
	width:300px;
	height:150px;
	margin: 0 0 10px;
	}

#addSaying input.autor {
	width:300px;
	height:15px;
	float:left;
	}

	#addSaying input.sendbutton {
	clear:both;
	float:left;
	margin:20px 0;
	}


/* Kategorie-Übersicht */
.box-category {
	float:left;
	width:260px;
	height:220px;
	padding:10px;
	border:1px solid #eaeade;
	background:#f7f8f3;
	margin: 0 20px 10px 0;
	}

.nmr {
	margin: 0 0 10px 0;
	}

.box-category h2{
	font:bold 13px Verdana, Arial, Helvetica, sans-serif;
	margin:0 0 10px;
	}


.box-category img {
	float:left;
	border:1px solid #EAEADE;
	margin:0 0 5px;
	width:258px;
	}	
	
.box-category a {
	color:#7c930a;
	}	

.box-category a:hover {
	color:#c88605;
	text-decoration:underline;
	}	
	
.box-category ul{
	width:240px;
	margin:0;
	padding:0 5px 10px;
	float:left;
	}	

.box-category ul li {
	background: url('/images/layout/lpt.gif') no-repeat left 6px;
	color:#7c930a;
	width:110px;
	float:left;
	margin:0;
	padding:0 0 0 10px;
	list-style:none;
	}	
	

/* Unterkategorien-Übersicht */
.subbox-category {
	float:left;
	width:166px;
	padding:10px;
	border:1px solid #eaeade;
	background:#f7f8f3;
	margin: 0 10px 10px 0;
	}

.last {
	margin-right:0;
	}


.subbox-category h2{
	font:bold 13px Verdana, Arial, Helvetica, sans-serif;
	margin:0 0 10px;
	}


.subbox-category img {
	float:left;
	border:1px solid #EAEADE;
	margin:0 0 5px;
	width:164px;
	}	
	
	
/*Bilder im Fließtext */
.img-l {
	float:left;
	margin:0 10px 2px 0;
	padding:4px;
	border:1px solid #EAEADE;
	background:#fff;
	}

.img-r {
	float:right;
	margin:0 0 2px 10px;
	padding:4px;
	border:1px solid #EAEADE;
	background:#fff;
	}


	
/* Autoren */
.infotext {
	width:564px;
	float:left;
	margin:0 0 20px;
	padding:10px;
	border:1px solid #EAEADE;
	background:#F7F8F3;
	color:#4f4b4a;
	}

.infotext h3{
	margin-top:0;
	}

/*Startseite*/
#contentindex {
	width:370px;
	float:left;
	}


#box-index-wrapper {
	width:584px;
	float:left;
	margin:0 0 30px;
}

.box-index {
	float:left;
	width:574px;
	padding:5px;
	border:1px solid #eaeade;
	background:#f7f8f3;
	margin: 0 0 10px 0;
	}

.box-index h3{
	font:bold 13px Verdana, Arial, Helvetica, sans-serif!important;
	margin:0 0 5px;
	}


.box-index img {
	float:left;
	border:1px solid #EAEADE;
	margin:0 5px 0 0;
	padding:2px;
	}	

.box-index p {
	margin:0 0 5px!important;
	overflow:hidden;
	}	

/* Startseite rechte Spalte*/
#sidebar-right {
	float:right;
	width:170px;
	margin:0 0 15px 35px;
	padding:0;
	}

#spruchderwoche, #news {
	clear:both;
	float:left;
	border:1px solid #eaeade;
	background:#f7f8f3;
	padding:10px;
	margin:0 0 30px;
	width:564px;
	}

#spruchderwoche h3, #news h3 {
	font:bold 13px Verdana, Arial, Helvetica, sans-serif;
	margin:0 0 5px;
	}

#news {
	border-left:1px solid #eaeade;
	margin:0;
	padding:10px;
	}
#news li{
	margin:0;
	background: url('/images/layout/lpt.gif') no-repeat left 6px;
	list-style:none;
	padding:0 0 0 10px;
	}	
	
#news li.title {
	background:none;
	padding:0;
	}

#news li em {
	font-size:11px;
	}
	
/* Artikel*/
#artikel {
	width:584px;
	color:#333;
	}

#artikel p {
	font:normal 13px/19px Verdana, Arial, Helvetica, sans-serif;
	}
#artikel h2 {
	font-size:15px;
	color:#7c920a;
	}

#intro-wrapper {
	width:584px;
	float:left;
	margin:0 0 30px;
}


	
.intro {
	width:584px;
	font:normal 13px/19px Verdana, Arial, Helvetica, sans-serif!important;
	color:#666;
	margin:0 0 20px!important;
	}
.intro-2column{
	font:normal 13px/19px Verdana, Arial, Helvetica, sans-serif!important;
	color:#666;
	width:542px;
	}

#artikel .img-l {
	margin:0 20px 5px 0;
	}
#artikel .img-r {
	margin:0 0 5px 20px;
	}


#linkbox {
	width:584px;
	border:1px solid #eaeade;
	background:#f7f8f3;
	margin: 0 0 20px 0;
	font:normal 13px Verdana, Arial, Helvetica, sans-serif; 
	padding:0;
	}


#linkbox li {
	list-style:none;
	background:url('/images/layout/lpt.gif') no-repeat left 6px;
	padding:0 0 0 10px;
	margin:0 0 6px 10px;
	}

	#linkbox li.title {
	background:#eaeade;
	background-image:none;
	padding:5px 10px;
	margin:0 0 10px;
	}


a.b2t {
	clear:both;
	float:left;
	background:url('/images/layout/arrowup.gif') no-repeat left 4px;
	padding:0 0 0 12px;
	margin:0 0 20px;
	}

.example {
	border:1px solid #eaeade;
	background:#f7f8f3;
	margin: 0 0 20px 0;
	font:normal 13px Verdana, Arial, Helvetica, sans-serif; 
	padding:10px;
	}

.example h3 {
	margin:0 0 15px;
	}

#artikel blockquote {
	font-style:italic;
	padding:10px;
	background:#fff;
	border:1px solid #eaeade;
	}

ul.tipps {
	border:1px solid #eaeade;
	background:#f7f8f3;
	margin: 0 0 20px 0;
	padding:10px;
	}

ul.tipps li {
	background: url('/images/layout/lpt.gif') no-repeat left 7px;
	margin:0 0 5px;
	padding:0 0 0 10px;
	list-style:none;
	}	

#artikel table {
	width:100%;
	border:1px solid #eaeade;
	background:#f7f8f3;
	margin: 0 0 20px 0;
	padding:0;
	}

#artikel table th {
	text-align:left;
	background:#eaeade;
	padding:5px;
	}
	
#artikel table td {
	text-align:left;
	padding:5px;
	}

#artikel table tr.second {
	background:#fff;
	text-align:left;
	padding:5px;
	}


/* Login Bereich */
#error {
	padding:10px 10px 10px 30px;
	background:#ffd5d5 url('/images/layout/error.gif') no-repeat 5px 50%;
	border:1px solid #b80000;
	color:#b80000;
	font:bold 13px Verdana, Arial, Helvetica, sans-serif;
	width:508px;
	}

#success {
	padding:10px 10px 10px 35px;
	background:#e9ffbe url('/images/layout/success.gif') no-repeat 5px 6px;
	border:1px solid #7c930a;
	color:#7c930a;
	font:bold 13px Verdana, Arial, Helvetica, sans-serif;
	width:503px;
	margin: 0 0 20px;
	}

#loginform, #registerform, #addSaying {
	border:1px solid #eaeade;
	background:#f7f8f3;
	margin: 0 0 20px 0;
	font:normal 13px Verdana, Arial, Helvetica, sans-serif; 
	padding:10px;
	width:562px;
	}

#loginform fieldset, #registerform fieldset {
	border:none;
	margin:0;
	padding:0;
	}

#loginform h3, #registerform h3 {
	margin:0 0 10px;
	}

#loginform p, #registerform p {
	font-size:10px;
	margin:0;
	}	
	
#loginform label, #registerform label {
	float:left;
	width:120px;
	padding:2px 0 0;
	margin:0 10px 0 0;
	}
#loginform label {
	width:100px;
	}
	
#loginform input, #registerform input {
	width:245px;
	margin:0 0 5px;
	}
	
#loginform .sendbutton, #registerform .sendbutton {
	width:100px;
	margin:0 0 20px;
	}
	
/*AGB */

h2.agb {
	background:#E9E9DE;
	display:block;
	width:100%;
	color:#4f4b4a;
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
	padding:4px;
	}
.agblist img {
	vertical-align:text-bottom;
	}

ul.agblist li{
	list-style:none;
	}
	
ol.agblist li, ul.agblist li{
	margin-bottom:7px;
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	}			
		
/* Suche*/		
#search {
	width:170px;
	margin:0 0 20px 10px;
	}

#search fieldset {
	border: none;
	margin:0;
	padding:0;
	}

#search h2 {
	background: url('/images/layout/navitoplp.gif') no-repeat left 6px;
	padding:0 0 0 10px;
	margin:0 0 5px;
	font:normal 13px Verdana, Arial, Helvetica, sans-serif;
	color:#4f4b4a;
	}

#search .searchfield {
	width:115px;
	float:left;
	margin:0;
	}

.suggestionsBox {
	margin: 10px 0 0;
	width: 100%;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	overflow: auto;
}

/* Banner */
.banner-ad {
	width:548px;
	display:block;
	text-align:center;
	margin:10px 0 20px;
	}
.banner-ad img {
	border:1px solid #eee;
	}

/* Spruch teilen */
.sayingfunctions {
	margin:0 0 20px;
	width:548px;
	float:left;
	padding:0;
	background:#F7F8F3;
	border:1px solid #EAEADE;
	}

.sayingfunctions li {
	margin:0 5px;
	float:left;
	text-align:center;
	list-style:none;
	padding:5px;
	}

.sayingfunctions a {
	text-decoration:none;
	margin:0;
	padding:0;
	}
.sayingfunctions a span{
	text-decoration:underline;
	}

.sayingfunctions a:hover span{
	text-decoration:none;
	}

.sayingfunctions a img{
	border:none;
	margin:5px 0;
	}

#rating {
	margin:0 0 30px;
	}

#rating h2 {
	float:left;
	margin:0 10px 0 0;
	}
	
#searchresult {
	width:528px;
	background:#e7f3ff;
	border:1px solid #004478;
	min-height:25px;
	margin:0 0 20px;
	color:#004478;
	padding:10px;
	}	





#searchresult ul {
	width:500px;
	margin:0 0 10px;
	padding:0 0 0 15px;
	}	
#searchresult ul li {
	margin:0 0 0 25px;
	font-weight:normal
	}
	
#searchresult img {
	float:left;
	margin:0 10px;
	}
#searchresult h3 {
	margin:15px 0 10px;
	}
#searchresult p {
	overflow:hidden;
	margin:0 0 10px;
	padding:0 0 0 25px;
	}
#searchresult p.info{
	background:transparent url('/images/layout/searchresult.gif') no-repeat left top;
	font-size:14px;
	}

#comments {
 background: none repeat scroll 0 0 #F7F8F3;
    border: 1px solid #EAEADE;
    float: left;
    margin: 0 0 20px;
    padding:10px;
    width: 528px;
	}

#comments li {
	margin:0 0 20px 20px;
	font:bold 13px/19px  Arial, Helvetica, sans-serif;
	padding:0 0 20px;
	border-bottom:1px solid #EAEADE;
	}

#comments li p{
	margin:0 0 5px;
	font:normal 13px/19px  Arial, Helvetica, sans-serif;
	}

#comments li p.name{
	margin:0;
	font:normal 11px  Arial, Helvetica, sans-serif;
	}
	

#comments-form {
 background: none repeat scroll 0 0 #F7F8F3;
    border: 1px solid #EAEADE;
    float: left;
    margin: 0 0 20px;
    padding: 0;
    width: 548px;
	}

#comments-form fieldset {
	border:none;
	}

#comments-form label {
	display:block;
	margin:0;
	}
	
#comments-form input {
	width:310px;
	margin:0 0 20px;
	}

#comments-form #captcha {
	margin:0 0 20px;
	}

#comments-form textarea {
	margin:0 0 20px;
	}

#comments-form #sendbutton {
	width:150px;
	margin:0;
	clear:left;
	}

li.linksaying {
	padding:10px 0 0;
}

code {
	clear:both;
	display:block;
	padding:5px;
	background:#fff;
	border:1px solid #ccc;
	font:normal 13px Arial, Helvetica, sans-serif;
}
	
.like {
	padding:0 18px 19px;
	}

.pagination {
	width:500px;
	margin:0 auto 20px;
	text-align:center;
	}

.pagination a{
	padding:5px 10px;
	border:1px solid #EAEADE;
	text-decoration:none;
	font-weight:bold;
	}

.pagination a.active{
	background: #9BB70D;
	margin-right:5px;
	color:#fff;
	border:1px solid #8da60c;
	}



/* Facebook / Twitter Addons */

#popup {
	height: 100%;
	width: 100%;
	background: #ccc;
	position: fixed;
	top: 0;
	display:none;
	}

#window {
	width: 360px;
	height: 160px;
	margin: -80px 0 0 -180px;
	border: 5px solid #9BB70D;
	background: #F7F8F3;
	position: fixed;
	top: 25%;
	left: 50%;
	padding:10px;
	display:none;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	-moz-box-shadow:2px 2px 3px #999;
	-webkit-box-shadow:2px 2px 3px #999;
	box-shadow:2px 2px 3px #999;

	}

.socialbar {
	clear:both;
	margin:0;
	padding:0;
	width:300px;
	margin:0 auto;
	text-align:center;
}


.socialbar li {
	width:100px;
	list-style:none;
	float:left;
	margin:0;
}

.socialbar li.spruchlikes {
	width:120px;
}

#closepopup {
	font:bold 13px "Lucida Sans Unicode","Lucida Grande",Arial,Helvetica,Sans;
	background:url('/images/layout/ico_close.gif') no-repeat left;
	padding:0 0 0 20px;
	display:block;
	float:right;
	margin:0 0 30px;

}


.fb-like-frame {
	border:none; 
	overflow:hidden; 
	width:100px; 
	height:90px;
}







/* Layer Ad */
#layerad {
	position: absolute;
	top: 0;
	left: 300px;
	z-index: 2;
}



/* Partnerlinks */
#partnerlinks {
	background:#f7f8f3;
	margin:0 10px 20px 0;
	padding:0 0 5px;
	width:160px

}

#partnerlinks li {
	list-style:none;
		padding:5px 10px;

}

#partnerlinks li:first-child {
	background:#EAEADE;
}


