
/*  
Theme Name: Wortladen
Description: Spezielles Theme für Wortladen.com 
Version: 1.0
Author: Friederike Baum
Author URI: http://webwicklerin.de
Tags: orange, two columns, fixed width, widget ready, left sidebar
*/

* {margin: 0; padding: 0;}

body { 
   background: transparent url(images/hg-text.gif) left top repeat fixed;
   font-family: Arial,Verdana,sans-serif; 
   font-size: 90%; 
   color: #000000; 
   margin: 0; 
   padding: 0; 
   height: 100%;
   max-height: 100%;
   overflow: hidden;
}

html {
   height: 100%;
   max-height: 100%;
   padding:0; 
   margin:0; 
   border:0; 
 /* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */
}


.pad2 {
   display:block; 
   height:225px;
/*border: 1px solid green;
background: green; */
}

#pad1 {
   /*background-color: blue;   
   border: 1px solid blue;*/
   height: 225px;
   margin-left: 18px;
   display:block; 
   float:left;
}

#pad3 {
 width: 220px;
   background-color: transparent; 
   /* border: 1px solid red;*/
   margin-left: 18px;
   display: block;
   height:200px; 
   float:left;
}

#head { 
   /*border: 2px solid blue;  
    height: 250px; ohne margin-top */
   height: 225px;  
   position:fixed; 
   margin:0; 
   top:0; 
   right:18px; 
   display:block; 
   width:100%; 
   z-index:5; 
}

#head #kopfbild {
   width: 900px;
   background: transparent url(images/tascheOben.png) no-repeat 0px 0px;
   height: 225px;
   margin-left: 247px; 
   position: relative;
/* border: 1px solid orange   */
 }

#title { 
   /* padding-left: 21px;
   font-size: 1.9em; 
   text-align: left; 
   background-color: transparent;
   font-weight: bold; 
   width: 250px;
   display: block;
   text-decoration: none;
   position: relative;
   top: 120px;
   left: 20px;
   line-height: 110px;
   text-decoration: none;
   border: 1px solid red;     */
   visibility: hidden;     
}    

#title h2 {
   font-size: 150%;
   color: #FF9900;
}

#title a:link, #title a:visited { color: #892336;text-decoration: none; background-color: transparent }
#title a:hover { color: #93601B; background-color: transparent }

#desc {
   color:#892336;
   font-size:110%;
   font-weight:bold;
   position: absolute;
   bottom: 33px;
   left: 660px;
}

#left {  
   /*  border: 2px solid black; 
   background: black;  */
   position:fixed;
   width: 225px;
   left:240px; 
   top:225px;   
   height:100%; 
   z-index:4;     
}

#left h2 {
   background-color:transparent;
   color: #FF9900;
   margin: 15px 0 0px 14px;     
   padding: 0px 0px 5px 0px;
}

/* Menüpunkte */

#left a:link, #left a:visited { 
   color: #892336; 
   background-color: transparent; 
   font-weight: bold;
   text-decoration: none;
}

#left a:hover { 
   color: #ff9900; 
   background-color: transparent; 
}

#left ul li.widget_meta a:link, #left ul li.widget_meta a:visited { 
   font-weight: normal;
}

#left ul { 
  margin: 20px 0px 0px 0px;  
  padding: 0px 0px 0px 5px;
}

#left ul li { list-style-type: none; margin: 0px; padding: 0px 0px 30px 0px; }

#left ul ul li { 
   list-style-type: none; 
   color: #892336; 
   margin: -3px 5px 0px 10px; 
   padding: 0px 5px; 
   background: url("images/menu_hg1.jpg") no-repeat scroll 40px bottom transparent;
   line-height: 34px;
}

#left ul ul li.current-menu-item  {
    background: url("images/menu_hg3.jpg") no-repeat scroll left 8px transparent;
}

#left ul ul li.current-menu-item a:hover {
   color: #000000;
}

#left ul ul li a {
}

#left ul.children { margin: 0px; padding: 5px 5px 0px 0px; }
#left ul.children li { margin: 0px; padding: 0px 5px 5px 12px; }

/* Untermenü */
#left ul.sub-menu {
   margin-top: -10px;
   margin-bottom: 3px;
   display: none;
}

#left ul.sub-menu li {
   padding-top: 0px;
   /* line-height: 180%;  */
   background: url("images/menu_hg1.jpg") no-repeat scroll 20px bottom transparent;
}

#left ul.sub-menu li a {
   font-weight: normal;
}

#left ul.sub-menu li.current-menu-item a {
   font-weight: bold;
}


#left ul li.current-menu-item ul.sub-menu {
   display: block;
}

#left ul li.current-menu-parent ul.sub-menu {
   display: block;
}


/* Inhalt */
#content {
   /*border: 2px solid white;   */  
   overflow: auto;   
   display:block; 
   height:100%;  
   max-height:100%;    
   padding-left:200px;   
   position:relative; 
   z-index:3;
   margin-left: 228px; 
   background: transparent url(images/hg-tasche_gross2.png) no-repeat 228px 0px;    
   background-attachment: fixed;   
}

#content .content_mitte {
   /*border: 2px solid red;    */ 
   width: 530px;
   padding-left: 50px;
   height: auto; 
   padding-bottom: 400px;  
}

#content .post { margin: 0px; padding: 0px 0px 30px 0px; line-height: 20px; }

#content .post p { 
   padding: 0 0 10px 0; 
}

/* Zitate */
#content .post blockquote {
   /*padding-bottom:0;
   padding-top:0;
   position:absolute;
   top:220px;*/
}



#content .content_mitte .post blockquote {
   background-color:transparent;
   color:#892336;
/*   margin-left:10px;
   margin-right:15px;   
   padding:10px 20px 0px 30px; */
   padding: 0px;
}

#content ul { 
   margin: 0px; 
   padding: 0 5px 10px 40px; 
}

#content li { 
   list-style-type: disc;  
   color: #000000; 
   /*margin: 0px 5px 0px 5px; */
   padding: 0px 5px 5px 0px; 
}

#content ol { margin: 0px; padding: 0 5px 0 40px; }
#content ol li { list-style-type: none;  color: #892336; margin: 0px 5px 0px 5px; padding: 0px 5px 5px 0px; }

#content img { 
   display: inline; 
   border:1px solid #892336; 
   margin:5px 0px; 
   padding:4px; 
   vertical-align: middle; 
}

#foot { 
   height: 400px;
   position:fixed; 
   top: 646px;  
   color: #ff9900;
   background-color: #ff9900;
   display:block; 
   width:100%; 
   z-index:4;   
   right:18px;   
}

#foot #fussbild {
   /*border: 1px solid yellow;  */
   width: 950px;  
   background: transparent url(images/tascheUnten.png) no-repeat 18px 0px;   
   height: 250px;
   margin-left: 238px;
   z-index: 10;
   padding: 0px;
}


* html #head, * html #foot,* html #left {position:absolute;}


/*#foot p { padding: 10px; text-align: center; font-size: 0.75em; font-weight: bold }   */
#foot p { padding: 100px 0px 0px 145px; }   

#commentlist { margin: 0px; padding: 0px; }
#commentlist li { list-style-type: none; margin: 10px 0px 10px 0px; padding: 5px 15px 0px 15px; border: 1px solid #8B7448; background-color: #BDC69E; color: #5D2816; }
#commentlist p { margin: 0px; padding: 10px 5px; }
#commentlist .commentmeta { font-weight: bold; margin-bottom: 5px; font-size: 0.75em; }
#commentlist .alt { background-color: #F6B384; border-color: #8B7448; color: #5D2816; }
#commentlist blockquote { background-color: #BDC69E; border: 1px solid #8B7448; color: #5D2816; }
#commentlist .alt blockquote { border-color: #8B7448; }
#commentform p { margin: 10px 0px 0px 0px; padding: 0px; }
#commentform textarea { width: 350px; }

.meta { 
   margin: 5px 0px 0px 0px; 
   padding: 0; 
   font-size: 0.75em; 
   font-weight: bold; 
}

.postmetadata { font-size: 0.75em; font-weight: bold; text-align: center; }

a:link, a:visited { color: #892336;background-color: transparent }
a:hover { color: #ff9900; }

h1 { 
   margin: 0; 
   padding: 0px 0px 20px 0px; 
   background-color: transparent; 
   color:#892336; 
   font-size: 150%; 
}

h1 a { text-decoration: none; }
h1 a:link, h1 a:visited { color: #892336;background-color: transparent;}
h1 a:hover { color: #ff9900; background-color: transparent; }

/*h2 { background-color: transparent; color:#892336; font-size: 1.3em; } */
h2 {
background-color:transparent;
   color:#000000;
   font-size:110%;
   font-weight:bold;
   padding: 5px 0px;
}

h3 { 
   background-color: transparent; 
   color:#000000; 
   font-size: 110%;
   padding-top: 5px;
   font-weight: bold; 
} 

h4 { 
   background-color: transparent; 
   color:#892336; 
   font-size: 100%;
   padding-top: 5px;
   font-weight: bold;  
} 

h5 { 
   background-color: transparent; 
   color:#892336; 
   font-size: 100%;
   padding-top: 0px;
   font-weight: normal;  
} 

form { margin: 0px; padding: 0px; }
form input, form textarea, form submit { border: 1px solid #892336;background-color:#ffffff; }


img.centered {display:block; margin: 0 auto 5px auto; border:1px solid #8B7448; padding:2px; }

img.alignright { display: inline; border:1px solid #8B7448; margin:5px 7px 0 7px; padding:4px; vertical-align: middle; }

img.alignleft { display: inline; border:1px solid #8B7448; margin:5px 7px 0 7px; padding:4px; vertical-align: middle; }

img.border { border:1px solid #8B7448; padding:2px; }

.alignleft { float:left; text-align:left; }

.alignright { float:right; text-align:right; }
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}


acronym { cursor: help; border-bottom: 1px dotted #96A66D }




