/* CSS Document */
/*
Themename: Renate Beiermeister
Nach einer Idee von: http://blog.heavendreams.de 
Beschreibung: Dies ist ein 3-spaltiges Theme mit Navigation links. Das Theme ist widgetfaehig
Version: 1.0 
Bearbeitet und angepasst: Irene Wolk 
Author URI: http://www.kreativ-im-web.de

*/

/*Seiteneigenschaften*/
body {
	margin: 0px;
	padding: 0px;
	font-family: Verdana;
	font-size: 12px;
	line-height:16px;
	color: #892b0b;/*rotbraun*/
	background-color: #aa1111;/*rot*/

}

/*Links*/
a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #892b0b;/*rotbraun*/
	font-weight: bold;
}
a:link {
text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #892b0b;/*rotbraun*/
}
a:hover {
	text-decoration: underline;
	color: #FF6600;/*orange*/
}
a:active {
	text-decoration: none;
	color: #FF6600;/*orange*/
}

/*Überschriften*/
h1,h2,h3,h4,h5,h6 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
color: #892b0b;/*rotbraun*/
}
h1, h1 a{
	font-size: 12px;
	font-weight:bold;
	text-transform:uppercase;
	
	
	

}
h2 {
	font-size: 12px;
}
h3 {
	font-size: 16px;
}
h4 {
	font-size: 14px;
}
h5 {
	font-size: 12px;
}
h6 {
font-size: 12px;
}

/*Scrollbalken*/
html {
	scrollbar-arrow-color:#892b0b; /*Pfeil*/
	scrollbar-track-color:#f9cb07; /*HGfarbe*/
	scrollbar-face-color:#f9cb07; /*Scrollbalken*/
	scrollbar-highlight-color:#f9cb07; /*Highlightfarbe*/
	scrollbar-3dlight-color:#892b0b; /*3D-farbe*/
	scrollbar-darkshadow-color:#892b0b; /*Dunkler Schatten*/
	scrollbar-shadow-color:#f9cb07; /*Schatten*/
	margin: 0px;
	padding: 0px;
	}

/* Diveinteilung Header */
#page {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(images/body1.jpg);	
	border: 35px solid #facc07;/*gelb*/
}

/* Headereigenschaften*/
#header {
	margin: 0px auto;
	height: 365px;
	width: 900px;
	background: url(images/header2.jpg);	
	padding: 0;
	clear:both;
}

/*Ueberschriften header*/
#header h2{
margin: 0 0 0 180px;
color: #f2ecd8;
width: 180px;
height: 250px;
text-align: center;
color: #892b0b;/*rotbraun*/
font-weight: normal;
font-size: 12px;
padding: 100px 0 0 0; 
display: none;
}
#header h1{
display: none;
}

/*Links*/
#header h2 a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #892b0b;/*rotbraun*/
	font-weight: bold;
}
#header h2 a:link {
text-decoration: none;
}
#header h2 a:visited {
	text-decoration: none;
	color: #ecdccb;
}
#header h2 a:hover {
	text-decoration: none;
	color: fee269;/*hellgelb*/
}
#header h2 a:active {
	text-decoration: none;
	color: fee269;/*hellgelb*/
}



/* Footereigenschaften*/
#footer {
	text-align: right;
	width: 900px;
	border-top: 1px dotted #CC0000;
	clear:both;
	font-weight: normal;
	color: #892b0b;/*rotbraun*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin-left:auto;
	margin-right:30px;
	padding-top:10px;
	padding-bottom:10px;
	padding-right:-50px;
	bottom: 0px;
	letter-spacing: normal;
	margin-top: 0px;
	margin-bottom:0px;
	background: #feb82f no-repeat;/*orange*/
	background-image: url(images/body1.jpg);	

}

#footer a:link {
	color: #892b0b;/*rotbraun*/
	text-decoration: underline;
	border: none;
	font-weight: bold;
	font-size: 10px;
}

#footer a:hover {
	color: fee269;/*hellgelb*/
	border: none;
	font-size: 10px;
}

#footer a:visited:hover {
	color: fee269;/*hellgelb*/
	border: none;
	text-decoration: underline;
	font-size: 10px;
}

#footer a:visited {
	color: #892b0b;/*rotbraun*/
	text-decoration: none;
	border: none;
	font-weight: bold;
	font-size: 10px;
}


/* Containerbereich - Seitenhalter */
#container {
	width: 900px;
	display: block;
	text-align: left;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	min-height: 500px;
}

/* Contentbereich / Inhalt Seite */
#content {
display: block;
padding-top: 30px;
padding-bottom: 20px;
padding-left: 20px;
text-align: left;
width: 480px;
float:left;
}


/* Navigation zwischen den Seiten */	
.navigation {
	display: block;
	text-align: center;
	width: 480px;
	margin: 40px auto 0px;
	padding-bottom: 60px;
}

/* Beitraege */
.post {
display:block;
margin: 10px 5px 10px 5px;
padding: 10px 8px 8px 5px;
text-align: left;
color:#892b0b;/*rotbraun*/
letter-spacing: 1px;
}

/*Datum*/
.date{
	border-bottom: 1px solid #892b0b;/*rotbraun*/
	padding: 8px 10px;
	margin-right: 10px;
	font-size: 10px;
	float: right;
	margin-bottom: 5px;
	margin-left: 5px;
	text-align: center;
	color: #892b0b;/*rotbraun*/
	font-variant: normal;
}

/*kommentieren etc unterhalb der Beitraege*/
.infos {
	color: #892b0b;/*rotbraun*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-indent: 20px;
	letter-spacing: normal;
	margin-bottom: 50px;
	padding-bottom: 50px;
}

.infos a:link{

font-weight: normal;}
/* Kommentare */
#noncomments {
color: #892b0b;/*rotbraun*/
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
letter-spacing: normal;
}

#comments {
	width: 400px;
	color: #892b0b;/*rotbraun*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	letter-spacing: normal;
	margin: 10px;
	}

li.alt
{
border-bottom: 1px solid #892b0b;/*rotbraun*/


}

ol.commentlist
{
	width: 400px;
	padding: 10px;
	margin: 30px
}

.commentlist {
	width: 400px;
	color: #892b0b;/*rotbraun*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	letter-spacing: normal;
}

.commentlist li {
margin-left: 20px;
margin-bottom: 10px;
border-bottom: 1px solid #892b0b;/*rotbraun*/
	}

.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #892b0b;/*rotbraun*/
	margin: 5px;
	}

.commentlist cite, .commentlist cite a {
margin-top: 5px;
	}
.commentmetadata {
	width: 400px;
	color: #892b0b;/*rotbraun*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	letter-spacing: normal;
}


#respond {
	width: 480px;
	color: #892b0b;/*rotbraun*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	letter-spacing: normal;
	margin-top: 50px;
}

#commentform {
	width: 480px;
	color: #892b0b;/*rotbraun*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	letter-spacing: normal;
}

/* Autoreigenschaften.Kommentare */
#author {
	border: 1px solid #892b0b;/*rotbraun*/
	background: transparent;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

/* Emaileigenschaften Kommentare */
#email {
	border: 1px solid #892b0b;/*rotbraun*/
	color: #892b0b;/*rotbraun*/
	background: transparent;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	left: 10px;
}

/* Url-Eigenschaften Kommentare */
#url {
	border: 1px solid #892b0b;/*rotbraun*/
	color: #892b0b;/*rotbraun*/
	background: transparent;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	left: 10px;
}

/* Kommentartextfeld */
#comment {
	border: 1px solid #892b0b;/*rotbraun*/
	color: #892b0b;/*rotbraun*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	left: 10px;
	background: transparent;
}

/* Absendebutton Kommentare */
#submit {
	border: 1px solid #892b0b;/*rotbraun*/
	color: #892b0b;/*rotbraun*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	left: 10px;
	margin-top: 20px;
	background: transparent;
}


/*Absendebutton Suche */
#suche {
	border: 1px solid #892b0b;/*rotbraun*/
	color: #892b0b;/*rotbraun*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	left: 10px;
	margin-top: 10px;
	background: transparent;
}

/*Inputfeld Suche*/
#s{
	background: transparent;
	border: 1px solid #892b0b;/*rotbraun*/
	width: 100px;
	color: #892b0b;/*rotbraun*/
}

/* Suche */
.suche {
	color: #892b0b;/*rotbraun*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	left: 10px;
	margin-left: 20px;
	width: 150px;
}



/* Kalender */
#wp-calendar {
empty-cells: show;
margin: 10px auto 0;
width: 140px;
}
#wp-calendar #next a {
padding-right: 10px;
text-align: right;
font-weight:bold;
}
#wp-calendar #prev a {
padding-left: 10px;
text-align: left;
font-weight:bold;
}
#wp-calendar a {
display: block;
font-weight: bolder;
}
#wp-calendar caption {
text-align: center;
width: 100%;
font-weight:bold;
}
#wp-calendar td {
padding: 3px 0;
text-align: center;
}
#wp-calendar td.pad:hover { /* Funktioniert nicht im IE */
	font-weight:bold;
}

/*Bilder*/
img {
padding:0px 5px 5px 0px;
}
a img {
border:none;
background:none;
padding:5px;
}
.postmetadata a:link {
font-size:10px;
text-decoration: none;
}

/*Ausrichtung rechts*/
.alignright {
text-align: right;	
float: right;
}

/*Ausrichtung links*/
.alignleft {
text-align: left;
float: left
}


.wp-smiley
{
padding: 0;
border: none;
}


/*Textwidget*/
.textwidget
{
margin-top: 2px;
margin-right: 7px;
margin-bottom: 2px;
margin-left: 0px;
padding-left: 20px;
}


	
/*Codeeingabe*/
pre{
	border:1px solid #892b0b;/*rotbraun*/
	width:450px;
	overflow-x:scroll;
	overflow-y:auto;
	padding:6px;
	font-family: "Courier New", Courier, mono;
	color: #748162;
	scrollbar-arrow-color:#ecdccb; /*Pfeil*/
	scrollbar-track-color:#ffffff; /*HGfarbe*/
	scrollbar-face-color:#aea68c; /*Scrollbalken*/
	scrollbar-highlight-color:#777671; /*Highlightfarbe*/
	scrollbar-3dlight-color:#ecdccb; /*3D-farbe*/
	scrollbar-darkshadow-color:#ecdccb; /*Dunkler Schatten*/
	scrollbar-shadow-color:#777671; /*Schatten*/
	}

/*Drop-downfeld*/	
	select {
	width: 140px;
    background-color:#f9cb07;/*dunkelgelb*/
	color: #892b0b;/*rotbraun*/
	border: 1px solid #892b0b;/*rotbraun*/
	}
	

/* Sidebareigenschaften*/
#sitemap {
	float: left;
	width: 150px;
	padding: 0px 10px;
	margin-top: 10px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	text-align: left;
	list-style-position: outside;
	list-style-type: none;
	color: #892b0b;/*rotbraun*/
	letter-spacing: normal;
	border-bottom:1px dotted #CC0000;
}

#sitemap h2{
	margin-top: 30px;
	color: #892b0b;/*rotbraun*/
	text-transform:uppercase;
	padding: 3px 10px;
	margin-right: 10px;
	margin-bottom: 5px;
	border-bottom: 1px solid #892b0b;/*rotbraun*/

}
#sitemap li,  #sitemap ul li,  #sitemap ul ul li{
	list-style-type: none;
	list-style-image: none;
	list-style-position: outside;
	margin-left: -30px;
	padding: 0px;
	}
#sitemap ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;

	}
	
	  #sitemap li{

	}
/*Links in Sitemap*/
#sitemap a{
	color: #892b0b;/*rotbraun*/
	font-weight:normal;

}
#sitemap a:hover{
color: #FF6600;/*orange*/
}

/* Sidebareigenschaften*/
#sitemap2 {
	float: left;
	width: 170px;
	padding: 0px 10px;
	margin-top: 10px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	text-align: left;
	list-style-position: inside;
	list-style-type: none;
	color: #892b0b;/*rotbraun*/
	letter-spacing: normal;

}

#sitemap2 h2{
	margin-top: 30px;
	color: #892b0b;/*rotbraun*/
	text-transform:uppercase;
	padding: 3px 10px;
	margin-right: 0px;
	margin-bottom: 5px;
	border-bottom: 1px solid #892b0b;/*rotbraun*/
}
#sitemap2 li,  #sitemap2 ul li,  #sitemap2 ul ul li{
	list-style-type: none;
	list-style-image: none;
	list-style-position: outside;
	margin-left: -30px;
	margin-top:10px;
	padding: 0px;
	}
#sitemap2 ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;
	}
/*Links in Seitemmap*/
#sitemap2 a{
	color: #892b0b;/*rotbraun*/
	font-weight:normal;
}
#sitemap2 a:hover{
color: #fee269;/*hellgelb*/
}


/* Seitennavigation */
#obenNavi {
height: 50px;
width: 480px;
list-style-type: none;
display: block;
text-align: right;
float:right;
padding-top: 310px;
}

#obenNavi li {
float:right;
padding-right: 5px;
padding-top: 10px;
list-style-type:none;
white-space: nowrap;
}

#obenNavi li a
{
	display:block;
	padding:5px 5px;
	font-size: 11px;
	font-weight:bold;
	text-transform:uppercase;
	color: #892b0b;/*rotbraun*/
	font-weight: bold;
}

#obenNavi li a:hover
{
display:block;
padding:5px 5px;
font-size: 11px;
font-weight:bold;
text-transform:uppercase;
color: fee269;/*hellgelb*/
}

/*Button-Ecke*/

a#fbutton {
position: fixed;
right: 0;
bottom: 0;
text-decoration: none;
text-indent: -999em;
height: 100px;
width: 100px;
background: url(http://www.kreativ-im-web.de/kreativ.png) bottom right
no-repeat;
display: block;
}