/*  
Theme Name: stuttgartblog
Theme URI: http://www.stuttgart-blog.net
Description: WordPress theme by 6B
Version: 1.5
Author: 6B Neue Medien, Stuttgart
Author URI: http://www.6B.com
*/

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* + Basis-Stylesheet fürs Stuttgart-Blog                                     + */
/* + http://www.stuttgart-blog.net                                            + */
/* + Made by 6B, http://www.6B.com                                            + */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


/* ++++ Basics ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

*	{
	margin: 0;
	padding: 0;
	text-decoration: none;
	font-family: Trebuchet, 'Trebuchet MS','Lucida Sans', Verdana, Arial, sans-serif;
	font-style: normal;
	text-align: left;
}
	
body	{
	line-height: 1.5em;
	background: white url(images/bg_body.png) center top repeat-x;
	color: black;
	text-align: center;
	font-size: 13px;
}
	
#c0 {
	width: 760px;
	padding: 0;
	margin: 0 auto;
}
	
	
/* ++++ c1 Hauptcontainer +++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#c1-header {
	height: 210px;
	padding: 0 10px 30px 10px;
}

#c1-printheader	{
	display: none;
}
	
#c1-main	{
	width: 450px;
	float: right;
	margin: 0 80px 0 0;
	padding: 0;
	overflow: hidden;
}
	
#c1-side { /* Marginalspalte */
	margin: 0;
	width: 170px;
}
	
#c1-footer	{ /* Fusszeile m. Clear */
	clear: right;
	height: 30px;
}


/* ++++ c2 + c3 Subcontainer ++++++++++++++++++++++++++++++++++++++++++++++++++ */

.c2-datum-box	{
	float: left;
	width: 40px;
	clear: left;
	padding: 0;
	margin: 0 10px 0 0;
	text-align: center;
}

.c2-artikel-box	{
	padding: 0 0 30px 0;
	margin: 0 0 0 50px;
}

.c2-archiv-box	{
	padding: 0 0 0.9em 0;
	margin: 0 0 0 50px;
}

.c2-kommentar-box	{
	padding: 0 0 30px 0;
	margin: 0 0 30px 50px;
}

.c2-link-box-1	{
	margin: 0 0 0 0;
	padding: 0 0 30px 0;
	float: left;
	width: 190px;
	height: 380px;
	clear: left;
}

.c2-link-box-2	{
	margin: 0 0 0 210px;
	padding: 0 0 30px 0;
}
	
.c3-searchblog	{
	padding: 0 0 2.8em 0;
}

.c3-kommentar, .c3-kommentar-autor	{
	padding: 0 0 1.0em 0;
}

.c3-banner	{
	margin: -20px 0 0 0;
}
	
.c3-credit	{
	padding: 70px 0 0 0;
}

#kaesebox	{
	position: fixed; right: 0; bottom: 0;
  	display: block; height: 110px; width: 110px;
  	background: url(images/das_original.png) bottom right no-repeat;
}
	
	
/* ++++ Headlines +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

h1, h2, h3, h4, h1 a, h2 a, h3 a, h4 a	{
	font-weight: bold;
}
	
h1 	{ 
	font-size: 1.4em;
	margin: 0 0 0.5em 0;
}

h1.archiv 	{ 
	font-size: 1.4em;
	margin: 0 0 0.5em 50px;
}
	
h2	{
	font-size: 1.2em;
	padding: 0.5em 0;
	clear:both;
}
	
h2#comments	{
	padding-bottom: 1.5em;
}
	
h4.sidebar	{
	width: 170px;
	height: 27px;
	background: url(images/hd_sb_projekt.gif) no-repeat;
	padding: 0;
}

h4.sidebar#suche	{
	background-image: url(images/hd_sb_suche.gif);
}

h4.sidebar#kommentare	{
	background-image: url(images/hd_sb_kommentare.gif);
}

h4.sidebar#beitraege	{
	background-image: url(images/hd_sb_beitraege.gif);
}

h4.sidebar#rubriken	{
	background-image: url(images/hd_sb_rubriken.gif);
}

h4.sidebar#stimmen	{
	background-image: url(images/hd_sb_stimmen.gif);
}

h4.sidebar#archive	{
	background-image: url(images/hd_sb_archive.gif);
}

h4.sidebar#newsfeed	{
	background-image: url(images/hd_sb_newsfeed.gif);
}
	
h4.sidebar#statistik	{
	background-image: url(images/hd_sb_statistik.gif);
}

h4.sidebar#andere	{
	background-image: url(images/hd_sb_andere.gif);
}

h4.sidebar#links	{
	background-image: url(images/hd_sb_links.gif);
}

h4.sidebar#back	{
	background-image: url(images/hd_sb_back.gif);
}

h4.sidebar span,
h4.linkpage span	{
	display: block;
	width: 0;
	height: 0;
	overflow: hidden;
}

	
/* ++++ Absätze +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

p, q 	{
	padding: 0 0 0.9em 0;
	font-size: 1.0em;
	}
	
p.artikel-info, 
p.user-info, 
p.logstatus, 
p.online-visitors, 
p.kommentator	{
	font-size: 0.85em;
	line-height: 1.2em;
	text-transform: uppercase;
	color: rgb(100,100,100);
}

p.artikel-info {
	clear: left;
	margin: 0.5em 0 0 0;
}
	
p.no-artikel	{
	padding: 10px 20px;
	margin: 100px 0;
	border: 3px solid rgb(228,200,90);
}

.c3-kommentar p, .c3-kommentar-autor p	{
	padding: 0 0 0.5em 0;
	
}
	
blockquote	{
	padding: 0 20px;
	color: rgb(100,100,100);
	background:  url(images/sym_blockquote.gif) 0 0 no-repeat;
}

pre	{
	background: rgb(235,235,235);
	border: 1px dashed rgb(100,100,100);
	padding: 1.0em;
	overflow: auto;
	margin: 0 0 0.9em 0;
}
	
	
/* ++++ Listen ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

ul, ol 	{
	margin: 0 0 0.9em 0;
}

li {
	list-style-type: none;
	margin: 0;
	padding: 0 0 0 11px;
}

ul li	{
	background: url(images/bul_standard.gif) no-repeat 0 0.5em; 
}

ol li, li ol li	{
	list-style-position: inside;
	list-style-type: decimal;
	padding: 0;
	background: none;
}

ul.pagenav	{ /* Blaettern */
	width: 400px;
	padding: 15px 0 0 50px;
	text-transform: uppercase;
}

ul#sidebar,
ul.pagenav {
	font-size: 0.85em;
	color: rgb(100,100,100)
}

ul#sidebar li, 
ul.pagenav li {
	background: none;
	padding: 0;
	line-height: 1.3em;
}

ul#sidebar li a	{
	text-transform: uppercase;
}
	
li#mail-impressum {
	padding-top: 40px;
}

#recent-posts {
	text-transform: uppercase;
}

/* ++++ Linkseite ++++ */

.c2-link-box-2 ul li,
.c2-link-box-1 ul li	{
	background: none;
	padding: 0;
}

ul.links	{
	padding: 0 0 0 25px;
	margin: 0 0 15px 0;
	background: -6px 0 no-repeat;
	font-size: 0.85em;
	color: rgb(100,100,100)
}

ul.links li	{
	list-style-type: none;
	border-bottom: 1px dashed rgb(238,192,7);
	line-height: 1.2em;
	padding: 0.2em 0 0.1em 0;
	background: none;
}

ul.links li a {
	text-transform: uppercase;
}

ul#stgtsonst	{
	background-image: url(images/hd_li_stgtsonst.gif);
}

ul#stgtblogs	{
	background-image: url(images/hd_li_stgtblogs.gif);
	padding-bottom: 25px;
}

ul#region	{
	background-image: url(images/hd_li_region.gif);
}

ul#staedte	{
	background-image: url(images/hd_li_staedte.gif);
	height: 280px;
}

ul#autoren	{
	background-image: url(images/hd_li_autoren.gif);
	padding-bottom: 25px;
}

/* ++++ Archivseiten ++++ */

ul.archiv-liste li	{
	padding: 0 0 0.3em 0;
	line-height: 1.2em;
	background: none;
}


/* ++++ Textauszeichnung ++++++++++++++++++++++++++++++++++++++++++++++++++++++ */	

strong, b	{
	font-weight: bold;
}
	
em, i	{
	font-style: italic;
}
	
del, strike	{
	text-decoration: line-through;
}

code, pre code	{
	font-family: 'Bitstream Vera Sans Mono', 'Lucida Sans Typewriter', Couríer, 'Courier New', monospace ;
	color: rgb(75,79,60);
	font-size: 0.95em;
}

span.legende	{
	display: block;
	font-size: 0.85em;
	color: rgb(100,100,100);
	line-height: 1.2em;
}

span.archiv-meta	{
	font-size: 0.85em;
	color: rgb(100,100,100);
	text-transform: uppercase;
}

/* ++++ Datum ++++ */

span.tag, span.jahr	{
	font-size: 1.4em;
	font-weight: bold;
	letter-spacing: -0.05em;
	padding: 0;
	text-align: center;
	display: block;
}

span.jahr	{
	border-top: 1px solid black;
}
	
span.monat	{
	font-size: 0.85em;
	line-height: 1.1em;
	padding-left: 0.1em;
	text-align: center;
	display: block;
	border-top: 1px solid black;
	color: black;
	margin-top: 0;
}


/* ++++ Anmeldeformular ++++ */

span.error {
	color: rgb(204,0,0);
}

/* ++++ Gewinnspiel only ++++ */

span.frage	{
	display: block;
	border-top: 3px solid rgb(238,197,7);
	position: relative;
	}

em.note	{
	display: block;
	font-style: normal;
	padding-left: 25px;
	margin: 0.3em 0 0 0;
	background: url(images/sym_notepfeil.gif) 0 0.2em no-repeat;
	}

em.note strong	{
	background: rgb(238,197,7)
	}
	
/* ++++ Formulare +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#kontaktformular	{
	padding-top: 10px;
}

label	{
	clear: left; 
	display: block;
	float: left;
	width: 150px;
	cursor: pointer;
	font-size: 0.85em;
	text-transform: uppercase;
	color: rgb(100,100,100);
}
	
.errorlabel label	{
	color: rgb(204,0,0);
	font-weight: bold;
}

input, textarea	{
	padding: 2px;
	font-size: 1.0em;
	background: white;
	border: 1px solid rgb(198,190,144);
}

input:focus, textarea:focus	{
	background: rgb(249,248,244);
	border-color: rgb(164,151,78);
}
	
input.standard {
	width: 242px;
	height: 16px;
}

input.search	{
	display: block; 
	float: left;
	width: 122px; 
	margin: 0 2px 0 0;
	font-size: 1.1em;
	height: 14px;
}
	
textarea	{
	width: 392px;
}
	
#submit, #linksubmit	{
  	width: 40px;
  	height: 20px;
  	border: 0;
  	cursor: pointer;
   	display: block;
   	float: left;
	background: url(images/sub_l.gif) 0 0 no-repeat;
}

#linksubmit	{
	margin-left: 150px;
}

#submit:hover, #linksubmit:hover	{
  	background-position: -40px 0;
}

#searchsubmit	{
  	width: 20px;
  	height: 20px;
  	border: 0;
  	cursor: pointer;
   	display: block;
   	float: left;
	background: url(images/sub_s.gif) 0 0 no-repeat;
}

#searchsubmit:hover	{
  	background-position: -20px 0;
}

#submit span,
#linksubmit span,
#searchsubmit span {
	display: block;
	width: 0;
	height: 0;
	overflow: hidden;
}

/* ++++ Comment Quicktags only ++++ */

#ed_toolbar input {
	padding: 2px;
	font-size: 0.85em;
	color: rgb(164,151,78);
	border: 1px solid rgb(198,190,144);
	margin: 0 2px 2px 0;
	cursor: pointer;
}

#ed_toolbar input:hover {
	color: rgb(141,125,34);
	border-color: rgb(164,151,78);
}
	

/* ++++ Bilder ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */	

img	{
	border: none;
	margin-right: 5px;
	}
	
div.bild-links	{
	width: 200px;
	float: left;
	margin: 0 10px 0 0;
	padding-top: 0.3em;
	overflow: hidden;
}

div.bild-links-custom	{
	float: left;
	margin: 0 10px 0 0;
	padding-top: 0.3em;
}

div.bild-rechts	{
	width: 200px;
	float: right;
	margin: 0 0 0 10px;
	padding-top: 0.3em;
	overflow: hidden;
}

div.bild-rechts-custom	{
	float: right;
	margin: 0 0 0 10px;
	padding-top: 0.3em;
}

div.thumb-links	{
	float: left;
	margin: 0 10px 0 0;
	padding-top: 0.3em;
}


/* ++++ Links +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
		
a:link, a:visited, a:active { 	/* Standard */
	color: rgb(141,125,34);
}
	
h1 a:link, h1 a:visited, h1 a:active	{
	color: black;
}	
	
a:hover, h1 a:hover	{
	color: rgb(239,192,8);
}