/* 
Theme Name: Etikette heute
Theme URI: http://www.activedesign.co.za/
Description: 3-spaltiges Template,widget-f&auml;hig,<br> (2008-03-17) angepa&szlig;t f&uuml;r "Etikette heute", VNR Verlag;<br> Team: activeDesign
Author: Angela Gastrow
Author URI: http://www.activedesign.co.za/
*/

/*---| Dateiweite Einstellungen |---*/

* {
margin: 0;
padding: 0;
border: 0;
}


body {
/*background: #FFC222;*/
background: #FFFFFF;
color: #303030;
font-family: Verdana,Arial,Helvetica,sans-serif;
/*font-size: 0.8em;*/
font-size: 70.5%;
text-align: center;
/*border: 1px solid #DD5727;*/
}
a:link,
a:visited {
color: #000;
background: inherit;
text-decoration:none;
}
a:hover,
a:active,
a:focus {
color: #E27247;
background: inherit;
}
input, textarea {
color: #545D45;
background: #FBEBE0;
border: 1px solid #DD5727;
padding: 1px;
margin:0px 3px 3px 0px;
}
input:hover,
textarea:hover {
color: #DD5727;
background: #FBEBE0;
border: 1px solid #E27247;
}
textarea {
overflow: auto;
margin-bottom: 20px;
}
.absenden {
cursor: pointer;
background: #FFEFCF;
color: inherit;
}
.absenden:hover {
color:inherit;
background: #fff;
}
.zentrieren {
text-align: center;
}
.clear {
clear: both;
}

/*---| Kopfbereich |---*/

#wrapper {
/*max-width: 1024px;*/
width: 780px;
background-color: #E88F71;
border: 1px solid #3E3E3E;
/*background: #FFFFFF;*/
color: inherit;
margin:0 auto;
text-align: left;
}
#kopf {
/*border: 1px solid aqua;*/ /* testonly */
/*background: url(images/header.jpg) repeat-x;*/
background-color: #FFFFFF;
/*height: 165px;*/
height: 155px;
}
#kopf h1 {
/*font-size: 4.0em;*/
font-size: 8.0em;
font-weight: lighter;
font-family: "Times New Roman", Times, serif;
letter-spacing: 4px;
text-align: center;
background-color: transparent;
padding-top: 24px;
padding-left: 80px;
width: 640px;
display:block;
}
#kopf a:link,
#kopf a:visited {
color: #DD5727;
background: inherit;
display: block;
}
#kopf a:hover,
#kopf a:active,
#kopf a:focus {
color: #cccccc;
background: inherit;
}
#datum{
	background-color: #DD5727;
	color: white;
	padding: 5px;
	text-align: center;
	top:0;
	float:right;
	width: 140px;
	display: block;
}
#blogtitel {
border-top: 1px solid black;
border-bottom: 1px solid black;
background: #FBEBE0;
color: #DD5727;
text-align: right;
padding-right: 25px;
letter-spacing: 1px;
word-spacing: 2px;
font-style: italic;
margin-top: -23px;
margin-left: 80px;
margin-bottom: 5px;
width: 640px;
display:block;
position: absolute;
z-index: 1;
}
#blogtitel p {
font-size: 130%;
padding-top: 5px;
color: #DD5727;
background: inherit;
}

#logo {
/*background: url(images/logo.jpg) no-repeat;*/
background-color: #FFFFFF;
border: 1px solid red; /* test only */
position: absolute;
width: 260px;
height: 150px;
top: 0px;
left:0px;
z-index: 2;
visibility: hidden;
/*filter: alpha(opacity=90);*/
/*-moz-opacity:0.90;*/
/*opacity:0.90;*/
	}

/* header menu*/	
#headermenu{
/*border: 1px dotted aqua;*/ /*test only */
margin:0px;
/*background-color: #FFCC99;*/
background-color: #DD5727;
border-bottom: 1px solid #3E3E3E;
color: #999999;
text-align:center;
padding: 5px;
}
#hdmenu{
/*background-color: #FFCC99;*/
background-color: #DD5727;
color: #999999;
width:640px;
display:block;
padding-right: 40px;
padding-left:40px;
overflow: auto;
/*border: 1px dotted olive;*/ /*test only*/
}

#hdmenu ul{
display: inline;
font-size: 110%;
font-style: italic;
}

#hdmenu li{
list-style: none;
float: left;
border-right:1px solid #333333;
}

#hdmenu a{ 
display:block;
/*background-color: #838383;*/
/*background-color: #FFBC79;*/
background-color: #FFCC99;
/*color: white;*/
color: #000000;
text-align: center;
list-style-image: none; 
padding-left: 15px;
padding-right:15px;
padding-top:3px;
padding-bottom:3px;
}

#hdmenu a:hover{
/*background-color: #333333;*/
/*background-color: #DD5727;*/
color: #DD5727;
text-decoration:none;
}

#hdmenu .current_page_item a	{ 
/*background-color: #333333; */
/*background-color: #DD5727;*/
color: #DD5727;
}
#hdmenu .current_page_item a:hover{ 
/*background-color:#333333; */
/*background-color: #DD5727;*/
color: #DD5727;
}
/*end header menue */
	
	
hr{
	border-bottom: 2px dotted #000000;
}
	
	
/*----| Sidebar |---*/

#links,
#rechts {
/*border: 1px dotted navy;*/ /*test only */
position: relative;
background: #FCD8C2;
color: inherit;
display: inline;
margin-top: 0px;
padding-top: 0px;
width: 160px;
overflow:hidden;
text-align: center;
/*
filter: alpha(opacity=75);
-moz-opacity:0.75;
opacity:0.75;
*/
}
#links {
border-right: 1px solid #C73119;
float: left;
}
#rechts {
border-left: 1px solid #C73119;
float: right;
}
#links h2,
#rechts h2 {
background-color: #DD5727;
font-size: 1em;
color: #FFFFFF;
border-bottom: 1px solid #fff;
padding-right: 3px;
padding-bottom: 2px;
margin: 0 auto;
margin-top: 5px;
}
#links ul,
#rechts ul {
text-align:left;
padding: 3px;
overflow: hidden;
}
#links li,
#rechts li {
list-style: none;
line-height: 1.5em;
}
#rechts form,
#links form {
text-align: center;
}

/*--- | Inhalt |---*/

#content {
/*border: 2px dotted red;*/ /*test only */
margin: 0 160px;
line-height: 1.5em;
background: #FFFFFF;
padding: 55px;
border-left: 1px solid #DD5727;
border-right: 1px solid #DD5727;
border-bottom: 1px solid #DD5727;
}
#content a:link,
#content a:visited {
color: #C73119;
background: inherit;
text-decoration:none;
}
#content a:hover,
#content a:active,
#content a:focus {
color: #DD5727;
background: inherit;
}
#content ul, 
#content ol {
margin-left: 1.8em;
}
#content h2 {
font-size: 1.3em;
}
#content h3 {
font-size: 1.1em;
}
#content h4 {
font-size: 1.0em
}
#content h2, 
#content h3, 
#content h4,
#content h5,
#content h6,
#content blockquote,
#content pre,
#content p,
#content ul, 
#content ol {
margin-bottom: 0.6em;
}
#content blockquote {
background: #FFE3AF;
color: #303030;
margin-left: 5px;
padding: 10px;
border: 1px dashed #E27247;
}
#content q {
font-style: oblique;
}
#content code,
#content pre {
font-size: 1.2em;
}
#content acronym, 
#content abbr {
border-bottom: 1px dashed #DD5727;
cursor: help;
}
#content table {
border-collapse: collapse;
margin: 0 auto 0.8em auto;
font-size: 100%;
}
#content caption {
font-weight: bold;
margin-bottom: 5px;
}
#content th {
background: #E27247;
color: #545d45;
border: 1px solid #545d45;
padding: 2px;
}
#content td {
color: #1f2522;
background: #FFEFCF;
border: 1px solid #E27247;
padding: 10px;
}

/*---| Beiträge und Kommentare |---*/

#content .post {
padding-top: 10px;
overflow: hidden;
}
#content .post h2 {
background: url(images/posth3.gif) no-repeat;
padding-left: 28px;
/*font-size: 1.3em;*/
font-size: 140%;
color: #303030;
/*border: 1px solid aqua;*/
}
#content .entrytext {

}
#content .entrytext a:link,
#content .entrytext a:visited {
text-decoration: underline;
}
#content .entrytext a:hover,
#content .entrytext a:active,
#content .entrytext a:focus {
text-decoration: underline;
}
#content .post h2 a:link,
#content .post h2 a:visited {
background: transparent;
color: #DD5727;
text-decoration: none;
}
#content .post h2 a:hover,
#content .post h2 a:active,
#content .post h2 a:focus {
text-decoration: underline;
}

#content .postmetadata {
border-top: 1px dotted #1f2522;
font-size: 0.8em;
line-height: 1.2em;
}
.commentlist li {
padding: 5px 10px 5px 5px;
margin: 0 0 10px 0;
}
.kommentar {
color: #1f2522;
background: #FFEFCF;
border: 1px solid #E27247;
}
.autor_kommentar {
color: inherit;
background: #f9f9f5;
border: 1px solid #E27247;
}

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

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
	}
/* End Images */




/*---| Seitennavigation |---*/

.navigation {
padding: 0 10px;
margin-bottom: 20px;
}
.prev {
float: right;
text-align: right;
font-size: 0.8em;
width: 50%;
}
.next {
float: left;
text-align: left;
font-size: 0.8em;
width: 50%;
}

/*---| Fuß |---*/

#fuss {
clear: both;
background-color: #DD5727;
color: #FFFFFF;
text-align: center;
font-size: 0.9em;
padding: 10px 0;
line-height: 1.4em;
border-top: 1px solid #FFCC99;
}
#fuss a:link,
#fuss a:visited {
color: #fff;
background: inherit;
text-decoration:none;
}
#fuss a:hover,
#fuss a:active,
#fuss a:focus {
color: #CCCCCC;
background: inherit;
}

/*---| Suchen |-----*/

#searchform input {
color: #1f2522;
/*background: #FEC34D;*/
background-color: #e88f71;
color: white;
border:0;
font-weight: bold;
cursor: pointer;
font-size: 0.95em;
margin-bottom: 10px;
}
#searchform input:hover {
color: #FFFFFF;
background: #DD5727;
border: 0;
}
#searchform #s {
margin: 10px 0px 3px 0px;
padding: 3px;
background: #fff;
color:  #1f2522;
border: 1px solid #e88f71;
cursor: default;
}
#searchform #s:hover  {
background: #FBEBE0;
color: #DD5727;
border: 1px solid #DD5727;
}

/*---| Kalender |---*/

#wp-calendar {
border-collapse: collapse;
font-size: 0.8em;
border: 1px solid #1f2522;
line-height: 1.4em;
margin: 0 auto 10px auto;
}
#wp-calendar th {
background: #DD5727;
color: #fff;
border: 1px solid #DD5727;
text-align: center;
}
#wp-calendar table.nav, 
#wp-calendar th, 
#wp-calendar td {
padding: 1px 2px;
}
#wp-calendar td {
color: #1f2522;
background: #FFCC99;
border: 1px solid #1f2522;
text-align: center;
}
#wp-calendar #next a {
padding-left: 1px;
text-align: right;
}
#wp-calendar #prev a {
padding-right: 1px;
text-align: left;
}
#wp-calendar a {
display: block;
text-decoration: none;
}
#wp-calendar caption {
color: #1f2522;
background: inherit;
text-align: center;
font-weight: bold;
padding:5px 0;
margin: 0 auto;
}
#wp-calendar tbody td a {
color: #c73119;
background: inherit;
}
#wp-calendar tbody td a:hover {
background:inherit;
color: #DD5727;
}
#wp-calendar #today {
background: #DD5727;
color: #fff;
}
#wp-calendar #today a {
background: #DD5727;
color: #c73119;
}
#wp-calendar #today a:hover {
background: #DD5727;
color: #fff;
}
#wp-calendar tfoot td {
border: 0;
color: #fff;
background: #DD5727;
}
#wp-calendar tfoot td a {
color: #fff;
background: #DD5727;
}
#wp-calendar tfoot td a:hover {
color: #000;
background: #DD5727;
}

/*-----Widgets-----*/

.textwidget {
margin: 8px 0;
}

/*-----nicht anzeigen-----*/

hr {display:none;}