/*  
Theme Name: Raspel 1.0
Theme URI: http://jungundnet.com/
Description: das Template raspelt in zwei Spalten
Version: 1.0
Author: JUNGUNDNET
Author URI: http://jungundnet.com/
*/

/* ####################### Voreinstellungen #################### */
html {
  height			: 100.01%; 	
  margin			: 0; 
  padding			: 0;
}

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

body {
  text-align		: center; 
  height			: 100.01%;
  font				: normal 100.01%/1.6 "Lucida Sans Unicode", "Lucida Grande", "Trebutchet MS", Arial, Helvetica, sans-serif;
  background		: #270D00  url(images/pattern.jpg);
  color				: #fec;  
}

/* ####################### Seitenaufbau #################### */
#mantel {
  width				: 980px;
  text-align		: left;
  margin			: 20px auto;
  background		: #270D00 url(images/pattern.jpg);
}

/* ####################### allgemeine Gestaltung #################### */
h1, h3, h4, h5, h6 {
  font				: italic 0.8 em/1.0 em Verdana, Arial, Helvetica, sans-serif;
  margin			: 20px 50px 3px;
}

h2 {font-size		: 1.2em;
    font		: 1.2em Verdana, Arial, Helvetica, sans-serif;
    margin		: 20px 50px -30px;
}
h3 {font-size		: 1.2em;}
h4 {font-size		: 1.1em;}
h5 {font-size		: 1.0em;}
h6 {font-size		: 0.9em;}


p {
  font-size			: 0.8em;
  margin			: 0 20px 8px;
}

small {
  font-size			: 0.7em;
  margin			: 0 20px 8px;
}

a {
  color				: #FFCC33;
  text-decoration	: none;
}

a:hover {
  color				: #ffffff;
}

blockquote {
  background		: #ffffff;
  margin		: 10px 30px 10px 40px;
  padding		: 5px 0;
  font			: italic 1.0em/1.6 Verdana, Arial, Helvetica, sans-serif;
  border-left		: 5px solid #b60;
  color			: #edb;
  letter-spacing	: 1px;
}

/* ####################### Seiten-Kopf #################### */
#seitenkopf {
  width				: 980px;
  height			: 200px;
  background		:url(images/header4.jpg) no-repeat;
  border-bottom         :1px solid #ffffff;
}


#title {
  width				: 300px;
  height			: 120px;
  float                         : right;
  padding-top                   : 50px;
  padding-right                 : 5px;
}

#seitenkopf h1 {
  padding			: 60px 0 0 20px;
  margin			: 0;
}

#seitenkopf h1 a {
  font-size			: 1.2em
}

#seitenkopf p {
  font				: italic 1.0em/1.3 Verdana, Arial, Helvetica, sans-serif;
  padding			: 0 0 0 20px;
  margin			: 0;
  color				: #fc3;
}

#header {
	width: 746px;
	height: 105px;
	float:right;
	margin-top: 0px;
        border-left: 2px solid #ffffff;
        border-right: 2px solid #ffffff;

}

div.claim {
	float:left;
	margin-top: 25px;
	margin-right: 5px;
        text-align: right;
	font-size: 12px;
	font-weight: bolder;
	color: #ffffff;
	position: relative;
	width: 600px;
	left: 0px;
	top: 0px;

}

/* ####################### Inhalte #################### */
#inhalte {
  width				: 670px;
  float				: left;
  margin-top		: -200px;
  padding-top		: 210px;
  border-right		: 1px solid #ffffff;
}

div.entry {
  background		: url(images/entryback.gif) no-repeat;
  width			: 650px;
  border-left        :1px solid #ffffff
  border-top		: 1px solid #ffffff
  margin-left	: 0px;
  padding-left  : 25px;
  margin-top	: 0px;
  padding-top   : 55px;
  
}

#inhalte .postmetadata {
  font-size			: 0.7em;
  line-height		: 1.3;
  border-bottom		: 1px solid #642;
  border-top		: 1px solid #642;
  margin-left	        : 40px;
  padding			: 5px 5px 5px;
  width			: 560px;
}

#inhalte .dlft {
  width				: 230px;
  float				: left;
  margin			: 10px 0 0 20px;
  text-align		: left;
  font-size			: 0.8em;
}

#inhalte .drgt {
  width				: 230px;
  float				: right;
  margin			: 10px 20px 0 0;
  text-align		: right;
  font-size			: 0.8em;
}

#inhalte .navigation {
  width				: 510px;
  margin			: 15px 0 0;
  height			: 2.5em;
  line-height		: 1.1;
}

#inhalte .lft {
  float				: left;
  margin			: 7px 10px 3px 0;
  background		: #fff;
  padding			: 3px;
  border			: 1px solid #000; 
}

#inhalte .rgt {
  float				: right;
  margin			: 7px 0 3px 10px;
  background		: #fff;
  padding			: 3px;
  border			: 1px solid #000; 
}

#inhalte ol,
#inhalte ul {
  font-size			: 0.8em;
  margin			: 10px 20px 10px 33px;
}

#inhalte ol {
  margin-left		: 40px;
}

#inhalte ol li code {
  font-size			: 1.2em;
  background		: #39250E;
}

#inhalte table {
  border-collapse	: collapse;
  border-top		: 0px solid #642;
  border-left		: 0px solid #642;
  font-size			: 0.8em;
  margin			: 10px 20px;
}

#inhalte table th,
#inhalte table td {
  border-right		: 0px solid #642;
  border-bottom		: 0px solid #642;
  padding			: 0 5px;
}
 
 #inhalte p img {
  margin			: 6px 10px 3px 0px;
  float				: left;
}
 
/* ####################### Icons #################### */
#inhalte .post span.comment-icon a {
  background		: url(images/comment.gif) no-repeat;
  padding			: 0 0 0 20px;
}

#inhalte .post span.comment-icon a:hover {
  background		: #200 url(images/comment-hover.gif) no-repeat;
}

#inhalte .post span.folder-icon a {
  background		: url(images/folder.gif) no-repeat;
  padding			: 0 0 0 20px;
}

#inhalte .post span.folder-icon a:hover {
  background		: #200 url(images/folder.gif) no-repeat;
}

#inhalte .post a span.edit-icon {
  background		: url(images/edit.gif) no-repeat;
  padding			: 0 0 0 20px;
}

#inhalte .post a:hover span.edit-icon {
  background		: url(images/edit.gif) no-repeat;
}

#navi li.page_item a {
  background		: #4B4B4B;
  padding			: 1px 5px 2px 18px;
}

#navi li.page_item a:hover,
#navi ul li ul li.current_page_item a {
  background		: #270D00;
  padding			: 1px 5px 2px 18px;
  color				: #ffffff;
}

#navi ul.thema li a {
  background		: #4B4B4B;
  padding			: 1px 5px 2px 22px;
}

#navi ul.thema li a:hover,
#navi ul.thema li.current-cat a {
  background		: #270D00;
  padding			: 1px 5px 2px 22px;
  color				: #ffffff;
}

#navi ul.extlink li a {
  background		: #237 url(images/extlink.gif) no-repeat 0% 50%;
  padding			: 1px 5px 2px 22px;
}

#navi ul.extlink li a:hover {
  background		: #270D00;
  padding			: 1px 5px 2px 22px;
  color				: #ffffff;
}

#navi li.wpicon a {
  background		: #4B4B4B;
  padding			: 1px 5px 2px 22px;
}

#navi li.wpicon a:hover {
  background		: #270D00;
  padding			: 1px 5px 2px 22px;
}

#navi li.logicon a {
  background		: #4B4B4B;
  padding			: 1px 5px 2px 22px;
}

#navi li.logicon a:hover {
  background		: #270D00;
  padding			: 1px 5px 2px 22px;
}

#navi ul.admin li a {
  background		: #4B4B4B;
  padding			: 1px 5px 2px 22px;
  font-size			: 1.25em;
}

#navi ul.admin li a:hover {
  background		: #270D00;
  padding			: 1px 5px 2px 22px;
}

#navi li.rss-icon a {
  background		: #4B4B4B;
  padding			: 1px 5px 2px 22px;
}

#navi li.rss-icon a:hover {
  background		: #270D00;
  padding			: 1px 5px 2px 22px;
}

/* ####################### Kommentare #################### */
#commentform input {
  font				: normal 1.0em "Lucida Sans Unicode", "Lucida Grande", "Trebutchet MS", Arial, Helvetica, sans-serif;
  border			: 1px inset #a64;
  background		: #500;
  color				: #dcb;
  padding			: 1px 5px 3px;
  margin			: 5px 0 5px 5px;
}

#commentform input#submit {
  font				: normal 1.0em "Lucida Sans Unicode", "Lucida Grande", "Trebutchet MS", Arial, Helvetica, sans-serif;
  border			: 1px outset #a64;
  background		: #500;
  color				: #dcb;
  padding			: 0px 3px 2px;
  margin			: 0px 0 10px 5px;
}

#commentform input#submit:hover {
  background		: #721;
}

#commentform textarea {
  font				: normal 1.0em "Lucida Sans Unicode", "Lucida Grande", "Trebutchet MS", Arial, Helvetica, sans-serif;
  border			: 1px inset #a64;
  background		: #500;
  color				: #dcb;
  padding			: 1px 5px 3px;
  margin			: 5px 0 5px 5px;
}

#commentform label {
  font-size			: 0.9em;
}

#commentform small {
  font-size			: 0.8em;
}

ol.commentlist p {
  font-size			: 1.0em;
}

ol.commentlist li {
  background		: #761F16;
  padding			: 2px 5px 3px;
  margin			: 0 0 5px 0;
}

ol.commentlist li.alt {
  background		: #86251D;
}

ol.commentlist .commentmetadata {
  font-size			: 0.9em;
  margin			: 0;
  padding			: 0;
}

/* ####################### Kontaktformular #################### */
#inhalte div.contactform {
  margin			: 20px 0 10px 20px;
  font-size			: 0.8em;
}
  
#inhalte div.contactform label {
  width				: 15em;
}

#inhalte div.contactform input,
#inhalte div.contactform textarea {
  font				: normal 1.0em/1.5 "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", Arial, sans-serif;
  margin-bottom		: 2px;
  width				: 250px;
  padding			: 2px 3px;
  border			: 1px inset #a64;
  background		: #500;
  color				: #dcb;
}
  
#inhalte div.contactkopie {
  width				: 18em;
  float				: left;
}

#inhalte div.inputkopie {
  width				: 13em;
  float				: left;
}

#inhalte div.inputkopie input {
  width				: 2em;
  margin-top		: 5px;
}
  
#inhalte div.contactform textarea {
  width				: 460px;
}

#inhalte .contactsubmitl {
  clear				: both;
}

#inhalte #contactsubmit {
  width				: auto;
  margin			: 40px 0 0 0;
  border			: 1px outset #a64;
  background		: #500;
  color				: #dcb;
}
  
#inhalte #contactsubmit:hover {
  background		: #721;
}

/* ####################### Navigation #################### */
#navi {
  width				: 300px;
  float				: right;
  padding			: 0;
}

#navi h2 {
  font				: normal 0.9em/1.6 "Lucida Sans Unicode", "Lucida Grande", "Trebutchet MS", Arial, Helvetica, sans-serif;
  margin			: 0;
  padding			: 0 5px 2px;
  color				: #dc9;
  background		        : #655D54;
  border-bottom		        : 1px solid #000000;
  zoom				: 1;
}

#navi h7 {
  font				: normal 0.9em/1.6 "Lucida Sans Unicode", "Lucida Grande", "Trebutchet MS", Arial, Helvetica, sans-serif;
  margin			: 0;
  padding			: 0 5px 2px;
  color				: #dc9;
  background		        : #655D54;
  border-bottom		        : 1px solid #000000;
  zoom				: 1;
}

#navi ul {
  font-size			: 1.0em;
  list-style-type	: none;
  padding			: 0;
  margin			: 0;
  zoom				: 1;
}

#navi ul li ul {
  font-size			: 0.8em;
  padding			: 0;
  margin			: 0;
  zoom				: 1;
}

#navi ul li ul li ul {
  padding			: 0;
  margin			: 0;
  zoom				: 1;
}

#navi ul li.cal {
  padding			: 0;
  margin			: 0;
  zoom				: 1;
}

#navi ul li ul li a {
  display			: inline-block;
}

#navi ul li ul li a {
  background		: #8E5C1F;
  padding			: 1px 5px 2px;
  display			: block;
  border-bottom		: 1px solid #000000;
}


#navi ul li ul li.current-cat a {
  padding			: 1px 5px 2px;
  display			: block;
  color				: #CB9A5F;
}

#navi ul li ul li a:hover {
  background		: #674317;
}

#navi #suche {
  margin			: 8px 0 0 0;
  background		: #39250E;
  padding			: 0;
  border-bottom		: 1px solid #000000;
}

#navi #suche h2#suchhead {
  border-bottom		: 1px solid #000000;
}

#navi #suche .si {
  width				: 160px;
  font				: normal 0.8em "Lucida Sans Unicode", "Lucida Grande", "Trebutchet MS", Arial, Helvetica, sans-serif;
  border			: 1px inset #000000;
  background		        : #9A6421;
  color				: #C5D462;
  padding			: 1px 5px 3px;
  margin			: 5px 0 5px 5px;
}

#navi #suche .ss {
  width				: 53px;
  font				: normal 0.8em "Lucida Sans Unicode", "Lucida Grande", "Trebutchet MS", Arial, Helvetica, sans-serif;
  border			: 1px outset #9A6421;
  background		        : #9A6421;
  color				: #503513;
  padding			: 0px 3px 2px;
  margin			: 5px 0 5px;
}

#navi #suche .ss:hover {
  background		: #905D20;
}

#navi ul#themeswitcher li.current_theme {
  background		: #674317;
  color				: #C5D462;
  padding			: 1px 5px 2px;
  border-bottom		: 1px solid #00000;
}

/* ####################### Kalender #################### */
#navi li.cal {
  background		: #4B4B4B;
  border-bottom		: 1px solid #000000;
}

#wp-calendar { 
  width				: 280px; 
  line-height		: 1.0em;
  margin			: 5px 0 5px 5px;
  font-size			: 0.8em;
  border-collapse	: collapse;
  border-top		: 1px solid #000000;
  border-left		: 1px solid #000000;
}

#wp-calendar caption {
  line-height		: 16px; 
  text-transform	: uppercase; 
  letter-spacing	: 1px;
  margin			: 5px auto;
}

#wp-calendar #today {
  background		: #5D3D16;
  color				: #ffffff;
}

#wp-calendar th,
#wp-calendar td {
  font-weight		: normal;
  padding  			: 2px;
  text-transform	: uppercase; 
  border-right		: 1px solid #000000;
  border-bottom		: 1px solid #000000;
  text-align		: center;
}

#wp-calendar .pad {
  background		: #4B4B4B;
}

#wp-calendar a {
  color				: #000000;
}

#wp-calendar a:hover {
  color				: #D2DA01;
}

/* ####################### Seiten-Fuss #################### */
#seitenfuss {
  clear				: both;
  border-top		: 1px solid #ffffff;
  background		: #270D00;
  width				: 980px;
}


#seitenfuss p {
  padding			: 5px;
  text-align		: center;
  font-size			:10px;
}