/* 
Theme Name: Radkraft
Description: Das Radkraft-Theme
*/

/* Reset =================================================== */ 

* { outline: none; background-repeat: repeat-x; }
html, body { margin: 0; padding: 0; } 


/* Hacks & Fixes =========================================== */

/* Vertikalen Scrollbalken in Firefox & Netscape erzwingen */
html { height: 100%; } 
body { min-height: 101%; }

/* Beseitigung des Rundungsfehlers bei Schriftgrößen im  
   im Opera sowie Standardformatierungen */
body { font-size: 100.01%; }

/* Verhindert, dass positionierte Elemente nicht 
   verschoben werden, wenn die Größe des Browserfensters 
   geändert wird. */    
body { position: relative; }    

/* Clearfix */
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
 .clearfix { display: inline-block; }
 html[xmlns] .clearfix { display: block; }
 * html .clearfix { height: 1%; }

/* Default HTML ELements =========================================== */

html, body,td,th {
    color: #111;
}

body {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 0.75em; 
	line-height: 1.5em;
    background-color: #565656;

    background-image: url(images/bg.jpg);

    background-repeat: no-repeat;
    background-position: center 300px;
    text-align: center;
	letter-spacing: 0.02em;
}


/* Links */

a { color: #000; text-decoration: none; }
a:link, 
a:visited { color: #000; text-decoration: underline; }
a:focus, 
a:hover, 
a:active { color: #000; text-decoration: none; }

blockquote { font-family: georgia, times, serif; color: #666; font-style: italic; letter-spacing: 0.02em; margin: 0; padding-left: 70px; background-image: url(images/quote.jpg); background-repeat: no-repeat; background-position: top left; }


/* Headlines */

h2 { font-weight: normal; font-size: 15px; padding: 1em; border-bottom: 3px solid #ccc; }
h3 { font-weight: normal; font-size: 15px; padding: 1em 0;  color: #888 ; }
h2 strong { font-weight: bold; }




hr { margin: 30px 0; }


/* Helper classes ====================================== */

.top 		{ margin-top: 0; }
.bottom 	{ margin-bottom: 0; }
.left 		{ float: left; }
.right 		{ float: right; }
.clear		{ clear: both; }
.display-none { display: none; }
.hidden 	{ text-indent: -100000px; position: absolute; border: 0; width: 0; height: 0; padding: 0; margin: 0; background: transparent; }


ul.menu,
ul.menu li	{ list-style: none; margin: 0; padding: 0; }

ul.menu.inline li { display: inline; border-right: 1px solid #999; padding-right: 10px; }		
ul.menu.inline li:last-child { border: 0; }		
	
	
/* Container ====================================== */
		
div#wrap { margin: 0 auto; margin-bottom: 60px; width: 750px; text-align: left; background-color: #f2f2f2; }

div#top { height: 260px; background-color: #565656; background-color: #666; background-image: url(images/top/top-front.jpg); background-repeat: no-repeat; background-position: center; }
div#top ul#top-menu { text-align: right; }

div#top-2 { height: 130px; background-color: #565656; background-color: #666; background-image: url(images/top.jpg); background-repeat: no-repeat; background-position: center; }

div#main-menu {	height: 70px; background-color: #333; }
div#main-menu ul { display: inline; }
div#main-menu ul.pages-menu li { width: 70%; }	
div#main-menu ul.web-menu li { width: 29%; }	
div#main-menu li a { float: left; padding: 26px; color: #c7c7c7; letter-spacing: 0.08em; text-decoration: none; text-transform: uppercase; font-size: 0.9em; }
div#main-menu li a:focus,
div#main-menu li a:hover,
div#main-menu li a:active { color: #c7c7c7; background-color: #222; text-decoration: none; text-transform: uppercase; }
div#main-menu li a.active { color: #222; background-color: #f2f2f2; }

/* Weblink */
div#main-menu li a#web-link { float: right; text-indent: -1000000px; width: 25px; background-image: url(images/web.gif); background-repeat: no-repeat; background-position: center; }
div#main-menu li a#web-link.active { background-color:#222222; color:#C7C7C7; }
div#main-menu li:hover ul.dropdown { }
div#main-menu li ul.dropdown { position: absolute; background-color: #333; margin: 0; padding: 0; margin-top: 70px; margin-left: 135px;  }
div#main-menu li ul.dropdown li a { display: block; width: 120px;  text-align: center; }


div#main-menu li a#menu-item-home { /* border-right: 2px solid #333; */ text-indent: -1000px; width: 110px; background-color: #111; background-image: url(images/logo.gif); background-repeat: no-repeat; background-position: center; }

div#main {  }
div#main h2 { margin: 15px 0 0 0; line-height: 140%; }	
div#content h2 { margin-bottom: 015px; }	

	


div#content { width: 490px; float: right; line-height: 150%; margin-right: 0px; }	

div#content h2 { padding-left: 0; } 

div#content p { font-size: 15px; line-height: 145%; margin-top: 0; padding-right: 10px; }
div#content ul { font-size: 15px; line-height: 150%; color: #666; }
div#content ul li { border-bottom: 1px solid #ccc; padding: 0.5em 0; list-style-type: circle; /* list-style-image: url(images/li-arrow.gif); */ }

div#content .post ul li,
div#content .entry ul li { border: none; padding: 0.1em 0; }
.metadata { clear: both; }

.fbconnect_head_share { margin-left: 1em; }


big,
.big { color: #111; font-size: 17px; line-height: 150%; }


#top-menu { padding: 8px 5px 0 0; font-size: 11px;  }
#top-menu li { border: 0; }
#top-menu a { color: #888; }








/* Social Icons */

div#social-icons { margin-top: 40px; border-top: 1px solid #ccc; }
div#social-icons img { margin: 0; padding: 0; border: 0; }




/* Sidebar */

div#sidebar { width: 250px; float: left; }
div#sidebar p { margin: 1em 0 1em 0; padding: 0 0 0 1em; }
div#sidebar ul { padding: 0 0 0 1em; margin: 0; }
div#sidebar ul.menu { padding: 0; margin: 0; }
div#sidebar ul,
div#sidebar ul li { list-style: none; }	
div#sidebar h3 { margin: 0; }
div#sidebar ul li a { cursor: pointer; text-decoration: none; padding: 16px 0 16px 80px; border-bottom: 1px solid #ccc; display: block;  }
div#sidebar ul li a:hover,
div#sidebar li a:focus,
div#sidebar li a:active,
div#sidebar li a.active { background-color:#dfdfdf; text-decoration: none; border-bottom: 1px solid #ccc; }
div#sidebar ul li a { color: #666; }
div#sidebar ul li a strong { display: block; color: #111; font-size: 1.2em; margin-bottom: 0.2em; font-weight: normal; }





div#sidebar div#images { padding: 10px; }



/* Blog Sidebar */

body#blog-page div#top { background-image: url(images/top/top-blog.jpg); }

body#blog-page div#blog-top { padding: 20px 20px 0 20px; font-size: 15px; color:#888; line-height: 150% }
body#blog-page div#blog-top h1 { font-weight: normal; font-size: 22px; }

body#blog-page div#sidebar { float: right; }
body#blog-page div#content { float: left; overflow: hidden; }

body#blog-page div#content h2 { font-weight: bold; clear: both; }

body#blog-page div#content h2,
body#blog-page div#content .post-content,
body#blog-page div#content .date,
body#blog-page div#content .entry-content,
body#blog-page div#content .metadata { padding-left: 20px; }

div.post-content h3 { padding: 0; line-height: 150%; }

body#blog-page div#sidebar div#search div { padding: 10px 10px 10px 0; }
body#blog-page div#sidebar div#search .screen-reader-text { display: none; }
body#blog-page div#sidebar div#search input#s { width: 150px; font-family: arial, helvetica; color: #666; font-size: 16px; border: 2px solid #ccc; padding: 4px; background-color: #f2f2f2 }
body#blog-page div#sidebar ul li a { display: inline; padding: 0; margin: 0; }
body#blog-page div#sidebar ul li { padding: 5px; }
body#blog-page div#sidebar h2 { margin-bottom: 0px; padding-left: 0; }
body#blog-page div#sidebar div,
body#blog-page div#sidebar ul,
body#blog-page div#sidebar ul li { padding: 0; }
body#blog-page div#sidebar ul li a { border-bottom: 1px solid #ccc; display: block; padding: 10px; margin:0;  }

div#content p.comment-info { font-size: 11px; }

.comment-link { margin-left: 20px; text-align: right; clear:both; }
img.avatar { float: left; margin: 0 1em 0.5em 0; }

.fbconnect_share { float: right; width: 100px !important; }
.fbconnect_head_share  { float:right !important; margin-right:10px; }
.big .fbconnect_head_share { display: none; }


/* Bilder */
.ngg-galleryoverview { margin-bottom: 2em; margin-top: 1em; }


/* Produkte Buttons */

ul#produkte li a#custom { background-image: url(images/icon-custom.gif); background-repeat: no-repeat; background-position: 20px center; }
ul#produkte li a#manufaktur { background-image: url(images/icon-shop.gif); background-repeat: no-repeat; background-position: 20px center; }
ul#produkte li a#marken { background-image: url(images/icon-marken.gif); background-repeat: no-repeat; background-position: 20px center; }
ul#produkte li a#service { background-image: url(images/icon-service.gif); background-repeat: no-repeat; background-position: 20px center; }


/* Laden */

body#laden-page div#top { background-image: url(images/top/top-laden.jpg); }

/* Laden Buttons */

ul#laden li a#info { background-image: url(images/icon-info.gif); background-repeat: no-repeat; background-position: 20px center; }
ul#laden li a#adresse { background-image: url(images/icon-address.gif); background-repeat: no-repeat; background-position: 20px center; }
ul#laden li a#karte { background-image: url(images/icon-map.gif); background-repeat: no-repeat; background-position: 20px center; }




/* Produkte-Seite */

body#produkte-page div#top { background-image: url(images/top/top-produkte.jpg); }

div.produkt-box h3 { margin: 0; padding: 0; border: 0; padding: 10px 0; } 

div.product { margin-bottom: 30px; }
h2.product-title { margin-top: 20px; }
div.product-description { float: left; width: 350px; }
div.product-image { float: right; margin: 10px 10px 0 0 }
div.button-container { margin-top: 20px; }
a.wpsc_edit_product { display:block; float: right !important; font-size:0.8em; margin:0 0 0 2px; }
.product_image { border: 2px solid #ccc; }

div#shoppingcartcontents { padding: 15px; width: 90% !important; }
div#shoppingcartcontents p { padding-left: 0; margin-left: 0; }
.visitshop { display: none; }

div.wpsc_product_price { width:160px !important; }


/* Front Page */


body#front-page #content h2 { margin-bottom: 10px; }


/* Error Page */

#error404 p { padding-left: 20px }


/* Shop */


h2.prodtitles { padding-bottom: 20px }



/* Blog */

div#content h2 a { text-decoration: none; }	
div#content div.post-content { padding-right: 1em; }	
div#content small { font-size: 1em; color: #999; } 


.section-image { width: 240px }
.section-text { width: 270px }
.section-image { display: block; float: right; background-color: #dfdfdf; margin-right: 5px; width: 200px; }
.section-text { float: left; padding-right: 10px; font-size:14px; line-height:140%; }


.feedback { padding-left: 20px; }
.feedback textarea { width: 450px; }


.alignleft { float: left; border: 0; margin-right: 5px; }
.alignright { float: right; border: 0; margin-left: 5px; }


/* Social Links */

div#social-links ul,
div#social-links ul li { display: inline; margin: 0; padding: 0; list-style: none; }
div#social-links a { display: block; float: left; height: 98px; text-indent: -1000px; background-image: url(images/social-icons.png); }
a#facebook-link {  width: 164px; background-position: left 5px; }
a#myspace-link  { width: 214px; background-position: 580px 5px; }
a#twitter-link  { width: 192px; background-position: 370px 5px; }
a#qype-link  { width: 167px; background-position: 170px 5px;  }
/* Hover */
div#social-links a#facebook-link:hover,
div#social-links a#myspace-link:hover,
div#social-links a#twitter-link:hover,
div#social-links a#qype-link:hover { background-image: url(images/social-icons-hover.png); }



/* Footer */

#footer { margin-top: 0px; padding: 40px 20px 20px 20px; background-color: #dfdfdf; border-top: 1px solid #bbb; }
#footer ul li { margin-right: 10px; } 
#footer ul li a { color: #666; }