/*  
Theme Name: Clap-Club ThemeWordPress Standard DE-Edition
Theme URI: http://Clap-Club.de/
Description: Theme entworfen von Kira Song, umgesetzt von Siegfried Hirsch für Clap-Club
Version: 1.0
Author: Siegfried Hirsch
Author URI: http://rss-blogger.de/

clap - css file
*/
* { margin: 0 0;  }
body { background: url('images/hintergrund.gif');font-family: Trebuchet MS,Verdana,sans-serif; font-size: 0.9em;}
#page { margin: 0 auto; }
/* .wrapper { } */
#balken { z-index: 10; position: absolute; left: 0; top: 55px; height: 74px; width: 330px; background: #660000; }
#header { z-index: 10; margin-left: 330px; height: 170px; background: url('images/clap.gif') no-repeat; }
#header h1 {text-indent:-1000px;}
#ad { z-index:10; position: absolute; left: 120px; top: 530px; } /* left: 940px; top: 185px; */
.claptitle { position: absolute; color: #660000; padding: 0; line-height: 120%; top: 28px; left: 390px; width: 530px; text-align: right; font-size: 1.2em; font-weight: bolder; }
.claptitle small { font-weight: normal; font-size: 0.80em; }
.footer { clear: both; padding: 50px;}
.cont { position: absolute; left: 350px; top: /*float: left;*/ }
.coben { height: 17px; width: 580px; background: url('images/zeileoben2.gif') no-repeat; }
.content { background: url('images/zeile.gif') repeat-y; float: left; left: 330px; top: 0px; width: 580px;  padding: 20px 20px 20px 20px; font-size: 0.9em; }
.content .narrowcolumn { width: 510px; }
.content p img { align: right; border: 0px; }
.content h2 { font-size: 1.2em; font-weight: bold; padding-bottom: 15px; }
.content h3 { font-size: 1.2em; font-weight: bolder; padding-bottom: 15px; }
.content h4 { font-size: 1.0em; font-weight: bolder; padding-bottom: 15px; }
.content h5 { font-size: 0.9em; font-weight: bolder; padding-bottom: 15px; }
.content h6 { font-size: 0.8em; font-weight: bolder; padding-bottom: 15px; }
.content hr { size: 1pt; color: #660000; margin: 0px 0px 20px 0px;}
.content ul { padding-bottom: 1em; }
.content ul li { margin-left: 2em;  }
/* --------- links ------------*/ 
.content a { text-decoration: underline; color: #000; }
.content a:hover { text-decoration: none; color: #000; }
.content a:visited { text-decoration: underline; color: #444; }
.content a:visited a:hover{ text-decoration: none; color: #444; }
.content img { padding: 5px; }
.content blockquote { margin-left: 25px; }
.cunten { clear: both; float: left; height: 20px; width: 580px; background: url('images/zeileunten.gif') no-repeat; }
.rss { clear: both; background: url('images/rss.gif') no-repeat; float: left;  height: 30px;  width: 580px; }
p { padding: 0px 0 20px 0; line-height: 150%; }
.search { top: 290px; left: 220px; }
#searchform { position: absolute; left: 110px; width: 180px; padding: 0px; margin: 0px;}
/* #s { width: 80px; background-color: #efe6ca; } */
#s { width: 80px; background-color: #efe6c0; height:15px; padding-top:10px}
#searchsubmit { background-color: transparent; }
/* #searchform button { background-image: url('losbtn.gif'); }  */
input { background-color: #efe6ca; border: 1px solid #444; margin-left: 0px; margin-right: 0px;}
textarea { background-color: #efe6ca; border: 1px solid #444;margin-left: 0px; margin-right: 0px;}
.long { width: 300px; }
.middle { width: 234; }
.half { width: 147px; }
.short { width: 53px; }
.los { border: 0px; }

/* links noch bauen */
h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description, a {text-decoration: none; color: #000; font-weight: bold;}
h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited, a:visited {color: #444;}
h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite, a:hover {text-decoration: none;}
.entry p a:visited {color: #444;}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/flyout_wall.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

/* common styling */

/* set up the overall width of the menu div, the background image and the margins */
.menu {
position:absolute;
left: 80px;
margin-top:20px;  /* 125*/
font-family: verdana, arial, sans-serif; 
width:250px;/*500px;*/
height:318px; /* 480px;*/
background:url(images/clap-menu.gif) no-repeat; 
float: left; 
}
/* remove the bullets and set the margin and padding to zero for the unordered list and position it over the menu background image */
.menu ul {
padding:0; 
margin:0;
list-style-type: none;
position:absolute;
left:0px;/* 200px; */
top:0px/* 50px; */
width:250px;
/* height:42px;/*200px;*/
}
/* float the list so that the items are vertical with no gaps and their position relative so that the drop down list will appear in the right place to the right of each list item */
.menu ul li {
float:left; 
position:relative;
width:250px;/* 150px; */
}
/* style the links to be 150px wide by 50px high. place the text off screen. */
.menu ul li a, .menu ul li a:visited {
display:block; 
text-indent:-1000px; 
width:250px;/* 150px;  */
height:42px;/*50px; */
text-decoration:none;
}

/* set up the background list/link images relative to this css file */
/*li:hover.map1 {background:transparent url(images/hand.gif) no-repeat; top: -8px; left: 20px;}
li:hover.map2 {background:transparent url(images/hand.gif) no-repeat;top: -8px; left: 55px;}
li:hover.map3 {background:transparent url(images/hand.gif) no-repeat;top: -8px; left: 20px;}
li:hover.map4 {background:transparent url(images/hand.gif) no-repeat;top: -8px; left: 65px;}
li:hover.map5 {background:transparent url(images/hand.gif) no-repeat;top: -8px; left: 55px;}
li:hover.map6 {background:transparent url(images/hand.gif) no-repeat;top: -8px; left: 55px;}
li:hover.map7 {background:transparent url(images/hand.gif) no-repeat;top: -8px; left: -10px;}
*/
li.mmap1 {background:transparent url(images/hand.gif) no-repeat; top: -8px; left: 20px;}
li.mmap2 {background:transparent url(images/hand.gif) no-repeat;top: -8px; left: 55px;}
li.mmap3 {background:transparent url(images/hand.gif) no-repeat;top: -8px; left: 20px;}
li.mmap4 {background:transparent url(images/hand.gif) no-repeat;top: -8px; left: 65px;}
li.mmap5 {background:transparent url(images/hand.gif) no-repeat;top: -8px; left: 55px;}
li.mmap6 {background:transparent url(images/hand.gif) no-repeat;top: -8px; left: 55px;}
li.mmap7 {background:transparent url(images/hand.gif) no-repeat;top: -8px; left: -10px;}