/* Spruch.de Layout*/
html {
	overflow: -moz-scrollbars-vertical;
	}
body {
	margin:0!important;
	padding:0;
	font:normal 12px "Lucida Sans Unicode","Lucida Grande", Arial, Helvetica, Sans;
	background:#E9E9DE url('/images/layout/mainbg.jpg') repeat-x top left;
	}

h2 {
	font:normal 14px Verdana, Arial, Helvetica, sans-serif;
	}

a {
	color:#7c920a;
	text-decoration:none;
	}
	
a:hover {
	color:#c88605;
	text-decoration:underline;	
	}
	
.clear {
	clear:both;
	}

#members {
	width:800px;
	height:20px;
	margin:0 auto;
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	padding:0;
	text-align:right;
	}

#members p{
	width:156px;
	margin:0;
	padding:2px 0 5px ;
	background:url('/images/layout/membersbg.gif') no-repeat right top;
	float:right;
	text-align:center;
	color:#fff;
	}

		#members p a {
			color:#cdf409;
			}	
	
		#members p a:hover {
			color:#fcae16;
			text-decoration:none;
			}		


#wrapper {
	background:#fff;
	width:800px;
	margin:10px auto;
	border:1px solid #eaeade;
	}
	
#header {
	width:800px;
	float:left;
	}	
	
#logo {
	margin:0;
	padding:10px 10px 10px 0;
	background: url('/images/layout/logobg.gif') no-repeat 100% 10%;
	width:187px;
	float:left;
	}

#logo a{
	font-size:40px;
	font-weight:bold;
	margin:0;
	color:#9bb70d;
	padding:10px;
	color:#9bb70d;
	}

	#logo a span {
		font-size:16px;
		color:#454140;
		}
		
#logo a:hover {
	text-decoration:none;
	}
#mainnavi {
	clear:right;
	float:right;
	margin:25px 0;
	padding:0;
	}

	#mainnavi li {
		list-style:none;
		background:url('/images/layout/mainnavibg.jpg') repeat-x;
		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 a {
			font-size:15px;
			font-weight:normal;
			color:#cdf409;
			}	
		#mainnavi a:hover {
			color:#fcae16;
			text-decoration:none;
			}		



#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;
		}	
	

	#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 {
	clear:both;
	width:780px;
	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:570px;
	margin:0 auto 20px;
	}

#content p{
	margin: 0 0 15px;
	}

	#content h1{
	margin:0 0 15px;
	font-size:18px;
	font-weight:normal;
	
	}	
	
.quote {
	clear:both;
	width:568px;
	border:1px solid #eaeade;
	background:#f7f8f3;
	margin: 0 0 20px;
	}

.quote .share {
	background:#eaeade;
	padding:5px 10px;
	margin:0 0 20px;
	height:20px;
	}
	
	

.quote .share  ul {
	margin:0;
	padding:0;
	float:left;
	width:100%;
	}	
.quote .share ul li {
	float:left;
	list-style:none;
	margin:0 10px 0 0;
	text-align:left;
	}
		

.quote .share .postedby {
	margin:0;
	padding:0 0 0 20px;
	float:right;
	background:url('/images/layout/mitglied.gif') no-repeat left 50%;
	}



a.sayingid {
	float:left;
	}

.quote .share a.top{
	color:#9BB70D;
	font-size:11px;
	}

.quote .share a.flop{
	color:red;
	font-size:11px;
	}
.quote .share img{
	border:none;
	float:right;
	padding:0 2px;
	}

.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:250px;
	height:210px;
	padding:5px;
	border:1px solid #eaeade;
	background:#f7f8f3;
	margin: 0 15px 10px 0;
	}

.nmr {
	margin: 0 0 10px 0;
	}

.box-category h2{
	font:bold 12px Verdana, Arial, Helvetica, sans-serif;
	margin:0 0 10px;
	}


.box-category img {
	float:left;
	border:1px solid #EAEADE;
	margin:0 0 5px;
	}	
	
.box-category a {
	color:#7c930a;
	}	

.box-category a:hover {
	color:#c88605;
	text-decoration:underline;
	}	
	
.box-category ul{
	width:240px;
	margin:0;
	padding:0 5px;
	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:150px;
	padding:10px;
	border:1px solid #eaeade;
	background:#f7f8f3;
	margin: 0 10px 10px 0;
	}

.subbox-category h2{
	font:bold 12px Verdana, Arial, Helvetica, sans-serif;
	margin:0 0 10px;
	}


.subbox-category img {
	float:left;
	border:1px solid #EAEADE;
	margin:0;
	}	
	
/*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:546px;
	float:left;
	margin:0 0 20px;
	padding:10px;
	border:1px solid #EAEADE;
	background:#F7F8F3;
	}

.infotext h3{
	margin-top:0;
	}

/*Startseite*/
#contentindex {
	width:370px;
	float:left;
	}


.box-index {
	float:left;
	width:370px;
	padding:5px;
	border:1px solid #eaeade;
	background:#f7f8f3;
	margin: 0 0 10px 0;
	}

.box-index h3{
	font:bold 12px 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 0;
	padding:0 0 0 10px;
	}

#spruchderwoche, #news {
	border:1px solid #eaeade;
	background:#f7f8f3;
	padding:10px;
	margin:0 0 10px;
	}

#spruchderwoche h3, #news h3 {
	font:bold 12px 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:550px;
	color:#333;
	}

#artikel p {
	font:normal 12px/140% Verdana, Arial, Helvetica, sans-serif;
	}
#artikel h2 {
	font-size:15px;
	color:#7c920a;
	}
	
.intro {
	font:italic 13px Verdana, Arial, Helvetica, sans-serif!important;
	color:#777;
	}

.intro a{
	font-weight:bold;
}


#artikel .img-l {
	margin:0 20px 5px 0;
	}
#artikel .img-r {
	margin:0 0 5px 20px;
	}


#linkbox {
	border:1px solid #eaeade;
	background:#f7f8f3;
	margin: 0 0 20px 0;
	font:normal 12px 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 {
	float:left;
	background:url('/images/layout/arrowup.gif') no-repeat left;
	padding:0 0 0 12px;
	margin:0 0 20px;
	}

.example {
	border:1px solid #eaeade;
	background:#f7f8f3;
	margin: 0 0 20px 0;
	font:normal 12px 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 12px Verdana, Arial, Helvetica, sans-serif;
	}

#success {
	padding:10px 10px 10px 30px;
	background:#e9ffbe url('/images/layout/success.gif') no-repeat 5px 50%;
	border:1px solid #7c930a;
	color:#7c930a;
	font:bold 12px Verdana, Arial, Helvetica, sans-serif;
	}

#loginform, #registerform, #addSaying {
	border:1px solid #eaeade;
	background:#f7f8f3;
	margin: 0 0 20px 0;
	font:normal 12px Verdana, Arial, Helvetica, sans-serif; 
	padding:10px;
	width:500px;
	}

#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:#333;
	font-weight:bold;
	padding:4px;
	}
	
ul.agblist li{
	margin-bottom:7px;
	}
	
ol.agblist li{
	margin-bottom:7px;
	}			
		
/* 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 12px Verdana, Arial, Helvetica, sans-serif;
	color:#4f4b4a;
	}

#search .searchfield {
	width:115px;
	float:left;
	margin:0;
	}

.suggestionsBox {
	margin: 10px 0px 0px 0px;
	width: 100%;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	overflow: auto;
}
