/*  
Theme Name: Darmstadt spielt
Theme URI: http://www.darmstadt-spielt.de
Description: special  
Version: 1.0
Author: mb
Author URI: http://www.darmstadt-spielt.de/
*/
.pagenumber {
text-align: right;
clear: both;
font-weight: bold;
padding-top: 6px;
margin-top: 10px;
}

.kosong {
clear: both;
}

body {
font-size: 12px;
font-family: Geneva, Arial, Helvetica, sans-serif;
color: #333;
text-align: center;
margin: 0px;
padding: 0px;
background-color: #003399;
}

#page {
background-color: #fff;
background-image: url(images/back.jpg);
width: 960px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}

#header {
/* background-image: url(images/header.jpg); */
height: 385px;
margin: 0px;
padding: 0px;
}

#header h1{
color: #003399;  /* violett */
padding-left: 20px;
font-size: 20px;
margin: 0px;
padding-top: 10px;
padding-right: 0px;
padding-bottom: 0px;
}

#headerimg {
	background: url('images/header.jpg');
	height: 385px;
}
	
#head {
position: relative;
	color: #FBCA61;
	text-align: center;
	font-size: 1.3em;
	}
	
#fourth a:hover, #third a:hover {
	color: #ffffff;
	text-decoration:none;
	}
    
    #fourth a, #third a {
	color: #FBCA61;

	text-decoration:none;
	}

#first {
	padding: 10px 0 0 0;
	width: 300px;
   text-align: left;
	position: absolute;
	z-index:1; 
	left: 95px;
	top: -50px;
	}
		
#second {
	padding: 10px 0 0 0;
	position: absolute;
	z-index:1; 
	width: 200px;
	height: 125px;
	left: 740px;
	top: -220px;
	}
	
#third {
	padding: 10px 0 0 0;
	position: absolute;
	z-index:1; 
	left: 720px;
	top: -50px;
	}
	
#fourth {
	padding: 10px 0 0 0;
	position: absolute;
	z-index:1; 
	left: 820px;
	top: -50px;
	}
	
	
.antara {
background-image: url(images/back.png);
height: 10px;
}

.alt {
background-color: #fff;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}

small {
font-family: Geneva, Helvetica, Sans-Serif;
font-size: 10px;
line-height: 1.5em;
}

h1, h2, h3, h4 {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-weight: bold;
}

h1, h2 {
font-size: 1.4em;
/* border-bottom: 1px solid #ED2804; */
}

h2.pagetitle {
font-size: 1.4em;
}

h3 {
 font-size: 1.3em;
}

h4 {
 font-size: 1.2em;
color:#003399;
text-align: center;
}

h1, h1 a, h1 a:hover, h1 a:visited, .description {
color:#003399;
text-decoration: none;
}

h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
color:#003399;
text-decoration: none;
}

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #leftsidebar h2, #rightsidebar h2, #wp-calendar caption, cite {
text-decoration: none;
}

.entry p a:visited {
color: #003399;
}

.respond {
margin-left: 25px;
}

.commentlist li, #commentform input, #commentform textarea {
font-size: 0.9em;

}

.commentlist li {
font-weight: bold;
}

.commentlist cite, .commentlist cite a {
font-weight: bold;
font-style: normal;
font-size: 1.1em;
color: #003399;
}

.commentlist p {
font-weight: normal;
line-height: 1.5em;
text-transform: none;
}

#commentform p {
font-family: 'Geneva', Verdana, Arial, Sans-Serif;
text-align: left;
}

.commentmetadata {
font-weight: normal;
}

#leftsidebar, #rightsidebar {
font-family: Geneva, Arial, Helvetica, sans-serif;
}

small, #leftsidebar ul ul li, #leftsidebar ul ol li, #rightsidebar ul ul li, #rightsidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
color: #333;
}

code {
font: 1.1em 'Courier New', Courier, Fixed;
}

acronym, abbr, span.caps{
 font-size: 0.9em;
letter-spacing: .07em;
}

a, h2 a:hover, h3 a:hover {
color: #003399;
text-decoration: none;
}

a:hover {
color: #D81221;
text-decoration: none;
/*border: 1px solid #BB2104;*/
}

.narrowcolumn {
float: left;
padding: 0 10px 20px;
/*margin: 0;*/
margin-left: 50;
width: 480px;
overflow: hidden;
}

.widecolumn {
padding: 0 0 0 0;
margin: 0 0 0 80px;
width: 400px;
}

.titleup {
margin-left: 30px;
width:370px;
padding-left: 24px;
padding-right: 30px;
min-height:66px; 
border:0px; 
background: url(images/beitrag_top.png) no-repeat center top;
}

.posttitle {
font-size:20px;
font-weight:bold;
padding-left:0px;
padding-top:25px;
color: #003399; /* blau */
height:auto
}

.bottompost {
margin-left: 30px;
width:370px;
padding-left: 24px;
padding-right: 30px;
padding-top: 0px;
height:62px;
background: url(images/beitrag_btm.png) no-repeat center bottom;
}

.post {
background: url(images/beitrag_back.jpg);
width:370px;
padding-top: 1px;
padding-left: 24px;
padding-right: 30px;
padding-bottom: 1px;
margin-left: 30px;
text-align: justify;
}

.kartenstapel {
background: url(images/kartenstapel.png) no-repeat center bottom;
width:450px;
height:310px;
padding-top: 40px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
margin-top: 50 px;
margin-left: 30px;
text-align: justify;
}

.karteninnen {
padding-left: 30px;
padding-top: 20px;
padding-right: 50px;
}

.karteninnen a:hover {
	color: #ffffff;
	text-decoration:none;
}

.postmetadata {
font-size: 10px;
padding-top: 20px;
}
.postmetadatalong {
font-size: 10px;
padding-top: 0px;
}

.widecolumn .post {
margin: 0;
}

.narrowcolumn {
padding-top: 5px;
}

.widecolumn {
margin: 30px 0;
}

#footer {
padding: 0px;
margin: 0px auto;
width: 960px;
clear: both;
background-image: url(images/back.jpg);
}

#footer p {
margin: 0;
padding: 20px 20px;
text-align: left;
}

#footer a {
color: #003399;
}

.description {
text-align: left;
padding-left: 20px;
font-size: 12px;
font-weight: bold;
color: #003399;
}

h2 {
margin: 30px 0 0;
}

h2.pagetitle {
margin-top: 30px;
text-align: center;
}

h3 {
padding: 0;
margin: 30px 0 0;
}

h3.comments {
padding: 0;
margin: 40px auto 20px ;
}

p img {
padding: 0;
max-width: 100%;
}

img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}

img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}

.alignright {
float: right;
}

.alignleft {
float: left}

html>body .entry ul {
margin-left: 0px;
}

 html>body .entry li {
margin: 7px 0 8px 10px;
list-style-type: square;
padding: 0px;
}

.entry ol {
padding: 0 0 0 10px;
margin: 0;
}

.entry ol li {
margin: 0;
padding: 0;
}

.postmetadata ul, .postmetadata li {
display: inline;
list-style-type: none;
list-style-image: none;
}

#leftsidebar h2 {
font-family: Geneva, Helvetica, sans-serif;
font-size: 12px;
margin: 15px 0 0;
padding: 0;
font-weight: bold;
color: #FBCA61;
}

#leftsidebar a, h2 a:hover, h3 a:hover {
color: #D81221;
font-weight: bold;
text-decoration: none;
}

#leftsidebar a:hover {
color: #ffffff;
font-weight: bold;
text-decoration: none;
}

#rightsidebar h2 {
font-family: Geneva, Helvetica, sans-serif;
font-size: 12px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #B71E01;
margin: 5px 0 0;
padding: 0;
font-weight: bold;
color: #333;
}

#leftsidebar ul, #leftsidebar ul ol, #rightsidebar ul, #rightsidebar ul ol {
margin-bottom: 5px;
padding: 0px;
}

#leftsidebar ul li {
list-style-type: none;
list-style-image: none;
margin-bottom: 5px;
margin-left: 15px;
}

#rightsidebar ul li  {
list-style-type: none;
list-style-image: none;
margin-bottom: 5px;
margin-left: 25px;
}

/*
#rightsidebar  .linkcat img {
display: inline;
width: 120;
overflow: hidden;
}
*/

#leftsidebar ul p, #leftsidebar ul select, #rightsidebar ul p, #rightsidebar ul select {
margin: 5px 0 8px ;
}

#leftsidebar ul ul, #leftsidebar ul ol {
margin: 5px 0 0 5px;
}

#rightsidebar ul ul, #rightsidebar ul ol {
margin: 5px 0 0 0px;
}

#leftsidebar ul ul ul, #leftsidebar ul ol, #rightsidebar ul ul ul, #rightsidebar ul ol{
margin: 0 0 0 10px;
}

ol li, #leftsidebar ul ol li, #rightsidebar ul ol li  {
list-style: decimal outside;
}

#leftsidebar ul ul li, #leftsidebar ul ol li, #rightsidebar ul ul li, #rightsidebar ul ol li {
margin: 3px 0px 0px;
padding: 0px;
}

#searchform {
margin: 10px auto;
padding: 5px 3px;
 /* text-align: center;
 */}

#leftsidebar #searchform #s, #rightsidebar #searchform #s {
width: 110px;
padding: 2px;
background-color: #FBCA61;
border: 1px solid #ccc;
font-size: 11px;
margin-right: 4px;
}

#leftsidebar #searchsubmit, #rightsidebar #searchsubmit {
padding: 1px;
background-color: #FBCA61; /* orange */
border: 1px solid #ccc;
font-size: 11px;
}

.entry form {
 /* This is mainly for password protected posts, makes them look better. */
text-align:center;
}

select {
width: 130px;
}

#commentform input {
width: 170px;
padding: 2px;
margin: 10px 5px 1px 30px;
background-color: #FBCA61;
border: 1px solid #ccc;
background-image: url(images/karo.gif);
}

#commentform textarea {
width: 410px;
padding: 2px;
margin-left: 30px;
background-color: #FBCA61;
border: 1px solid #ccc;
background-image: url(images/karo.gif);
}

#commentform #submit {
margin: 0;
margin-right: 35px;
float: right;
}

.alt {
margin-left: 30;
padding: 10px;
}

.commentlist {
padding: 0;
text-align: justify;
}

.commentlist li {
margin: 10px 30px 3px 30px;
padding: 5px 10px 3px;
list-style: none;
background-image: url(images/karo.gif);
border-right: 3px solid #666;
border-bottom: 3px solid #666;
}

.commentlist p {
margin: 10px 5px 10px 0;
}

#commentform p {
margin: 5px 0;
}

.nocomments {
text-align: center;
margin: 0;
padding: 0;
}

.commentmetadata {
margin: 0;
display: block;
}

#leftsidebar{
padding: 0 5px;
margin-top: 0;
margin-left:10px;
font: 1em Geneva, Arial, Sans-Serif;
text-align: left;
color: #FBCA61;
width: 165px;
float: left;
margin-right: 5px;
}

#leftsidebar form {
margin: 0;
}

#rightsidebar{
margin-top: 0;
margin-left: 0;
float:right;
font: 1em Geneva, Arial, Sans-Serif;
color: #F66D36;
width: 255px;
margin-right: 0px;
}

#rightsidebar form {
margin: 0;
}

acronym, abbr, span.caps {
cursor: help;
}

acronym, abbr {
border-bottom: 1px dashed #B71E01;
}

blockquote {
margin: 15px 30px 0 10px;
padding-left: 25px;
font-family: Geneva, Arial, Helvetica, sans-serif;
background-image: url(images/quote.gif);
background-repeat: no-repeat;
background-position: left top;
background-color: #E66633;
}

blockquote cite {
margin: 5px 0 0;
display: block;
}

.center {
text-align: center;
}

hr {
display: none;
}

a img {
border: none;
}

.navigation {
display: block;
font-size: 14px;
font-weight: bold;
text-align: center;
margin-top: 10px;
margin-bottom: 60px;
}

#leftsidebar a, #rightsidebar a {
font-family: Geneva, Arial, Helvetica, sans-serif;
}
/*
#menubar {
 background-image:url(""); 
height:22px;
background-repeat:repeat;
width:425px;
text-align:left;
}
*/
a.menuitem {
color:#D81221;  /* rot */
text-decoration:none;
height:22px;
padding-left:10px;
padding-right:10px;
border-bottom:none;
}

a.menuitem:hover {
color:#333;
text-decoration:none;
height:22px;
margin: 0 25px  0 0;
border-bottom:none;
background-color:#fff;
}

 */