@charset 'UTF-8';
/*
Theme Name: Bandscomeback
Theme URI: http://inpsyde.com
Description: ...keep it simple!
Version: 1.0
Author: Olaf Schmitz
Author URI: http://inpsyde.com
Tags:
License: GNU General Public License (GPL) version 3
*/

@import url(css/reset.css);
@import url(css/text.css);
@import url(css/960.css);



body {
	background: #fff url(img/bg_main.jpg) top left repeat;
	color: #333;
	font-size: 100%;
    font-family: Georgia, serif;
}

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

a:hover {
	text-decoration: underline;
}


h1, h2, h3, h4, h5, h6 {font-weight:normal;}





.container {
 background: #fff  url(img/bg_container.jpg) top center repeat-y;  
}

.bgtop {height: 20px; background: #2F2F2F;}
.bgbottom {height: 20px; background: #2F2F2F;}
.bgbottomcopy {width:960px;margin:0 auto; color:#777;font-size:0.7em;text-align:right;padding:0 20px 0 0;}
.bgbottomcopy a {color:#777;}


.wrapper {
	 background: transparent url(img/bg_top.gif) top center no-repeat;  
	padding: 16px 0 0 0;
}


.separator {background: #fff url(img/separator.jpg) repeat-x center left; height:31px; padding: 2px 0;border-top: 1px solid #aaa;border-bottom: 1px solid #aaa;margin: 20px 0;}

.grid_4#whitespace {background: #fff;height:20px;}

/* ========== all the header stufff... ========== */

.grid_12#header {background: #fff url(img/bg_header.jpg) no-repeat top left;height:142px;font-size:0.8em;text-align:right;display:block;padding: 10px 0 0 0;}
.grid_12#header a{color: #000;}
.grid_12#header a img.alignright{float:right;padding:0 20px 0 0;}


.grid_12#header .searchform {padding:20px 20px 0 0;}

.grid_12#headermenu {background: #fff url(img/bg_headermenu.jpg) no-repeat top left; height:47px; border-bottom: 5px solid #6E0000; }
.grid_12#headermenu ul {font-size: 1.2em;list-style-type: none;margin:0;padding:10px 0 0 0;}
.grid_12#headermenu ul li {float: left;margin:0;padding:0 10px 0 10px;}
.grid_12#headermenu ul li.active {background: #6E0000; padding: 0 10px 8px  10px ;}
.grid_12#headermenu ul li.active a {color: #ffffff;}
.grid_12#headermenu ul li a{color: #000;}

.grid_12#headermenu ul li.active.rightside {float:right;}

/* ========== all the featured stuff... ========== */

.grid_12#featured {background: #D8D8CE url(img/bg_featured.jpg) no-repeat top right; height:240px; margin-top: 5px;}


.grid_12#featured .featuredleft {width: 540px;float: left;padding: 15px 0 0 0;}
.grid_12#featured .featuredright {width: 380px;float: left;padding: 15px 20px 0 0;}

.grid_12#featured .featuredleft img {border: 3px solid #fff;width:500px;height:200px;}

.grid_12#featured .featuredright h2 {font-size: 1.8em; margin:0;padding:0 0 10px 0;line-height: 1.1em;}
.grid_12#featured .featuredright h2 a {color: #000000;}

.grid_12#featured .featuredright p {font-size: 0.8em; margin:0;padding:0;}

.grid_12#featured .featuredright .more {display:block;text-align:right;padding: 10px 20px 0 0;}

.grid_12#featured .meta {font-size: 0.7em;;padding: 0 0 10px 0;}

/* ========== all the content stuff... ========== */

.grid_8#content {}


.grid_8#content .middle {padding: 20px 0 0  0;font-size:0.9em;}


.grid_8#content .middle#suche ul, 
.grid_8#content .middle#biete ul {list-style-type:none;margin:0;padding:0;}

.grid_8#content .middle#suche li, 
.grid_8#content .middle#biete li {list-style-type:none;padding: 0 0 30px 0;margin:0;}


.grid_8#content .middle#suche h2, 
.grid_8#content .middle#biete h2 {padding:0;margin:0 0 10px 0;; border-bottom: 1px solid #ddd;}

.grid_8#content .middle#suche h3, 
.grid_8#content .middle#biete h3 {padding:0;margin:0;}




.grid_8#content .middletitle  {background:#fff;border-top: 1px solid #aaa;border-bottom:1px solid #aaa;padding: 3px 0; margin-bottom: 10px;}
.grid_8#content .middletitle h3 {text-transform:uppercase;color:#ffffff;background:#2f2f2f;font-size:0.7em;padding: 2px 0 2px 10px ;margin:0;}
.grid_8#content .middletitle h3 a{color:#ffffff;}


.grid_8#content .middle .onetwo {background: #fff url(img/bg_artikel.jpg) no-repeat top left;width:295px; float:left;padding: 5px 10px 0 5px;border-right: 1px solid #ccc;}
.grid_8#content .middle .two {background: #fff url(img/bg_artikel.jpg) no-repeat 3px 0;width:299px; float:left;padding: 5px  0 0 10px;}


.grid_8#content .middle .onetwo img,
.grid_8#content .middle .two img {border: 1px solid #ccc;padding: 3px;}

.grid_8#content .middle .onetwo p,
.grid_8#content .middle .two p {padding: 0 0 0 10px;min-height:90px;}

.grid_8#content .middle .onetwo h2,
.grid_8#content .middle .two h2 {padding:10px 0 0 10px;margin:0;font-size: 1.4em;}

.grid_8#content .middle .onetwo .meta,
.grid_8#content .middle .two .meta {background: #fff url(img/bg_meta.jpg) repeat-x top left;padding: 5px;font-size: 0.8em;}


.grid_8#content .bottom {padding:15px 0 15px 0;margin:0;}
.grid_8#content .bottom img {padding:3px;margin:0 10px 0 0;border: 1px solid #aaa;float:left;}

.grid_8#content .bottom h3 {padding:5px 0 5px 0;margin:0;font-size: 1.2em;}
.grid_8#content .bottom h3 a {color: #000;}
.grid_8#content .bottom p {padding:0;margin:0;font-size: 0.8em;}



.grid_8#content h4 {font-size:25px;border-bottom: 1px solid #ccc;padding: 10px 0 0 0;}



/* ========== all the sidebar stuff... ========== */

.grid_4#sidebar {background: #EFF0EA;}


.grid_4#sidebar .box  {padding: 0 0 40px 0;}

.grid_4#sidebar .box h3 {background: #E2E2D8; text-align:center;font-family:Georgia; font-size: 0.8em; text-transform:uppercase;font-weight:normal; border: 1px solid #aaa; padding:7px 0 7px 0;}

.grid_4#sidebar .box .boxleft {font-size: 0.7em;width:130px;float:left;padding: 0 0 0 20px;}

.grid_4#sidebar .box .boxright {font-size: 0.7em;width:150px;float:left;}

.grid_4#sidebar .box#anmelden form#loginform {padding: 0 0 0 40px;margin:0;}

.grid_4#sidebar .box#anmelden form#loginform input#loginbtn {margin: 10px 0 0 0;}

.grid_4#sidebar .box#anmelden form#loginform input#log, 
.grid_4#sidebar .box#anmelden form#loginform input#pwd {font-size: 1.0em;padding: 5px;}


.grid_4#sidebar .box#anmelden p {font-size: 0.9em;text-align:center;padding: 0;margin:0;}


/* ========== all the single stuff... ========== */

.grid_8#content img.thumbleft  {float:left; padding:3px; border: 1px solid #aaa; margin: 0 10px 0 0;}

.grid_8#content .comments h3 {display:block;background: #E2E2D6;font-size:0.9em;padding: 5px;}
.grid_8#content .comments .commentspacer {display:block; height:5px;border-top: 1px dashed #000;padding: 0 0 0 0;}

.grid_8#content .comments .commentmetaleft {width:400px;float:left;overflow:hidden;font-size:1.1em;padding:0 0 10px 0;}
.grid_8#content .comments .commentmetaright {width:210px;float:left;font-size:0.8em;text-align:right;display:block;padding:0 10px 0 0;}

.grid_8#content .comments .commentavatar {width:100px; float:left;}
.grid_8#content .comments .commentavatar img {border: 1px solid #aaa; padding:3px; margin: 0 0 0 0;}

.grid_8#content .comments .commenttext { background: #fff url(img/commenttop.jpg) no-repeat top left;width:460px; padding: 10px 20px 0 40px;float:left; font-size: 0.8em;}
.grid_8#content .comments .commentspacerbottom {clear:both; background: #fff url(img/commentbottom.jpg) no-repeat 100px 0px;height:10px;padding: 0 0 10px 0;}





/* ========== all the directory stuff... ========== */

.directory {background: #D8D8CE url(img/bg_directory.jpg) no-repeat top right; height:217px;}


.grid_12#directory {height:200px;padding:17px 0 0 0;}
.textwidget  {padding:0;margin:0;}
h4.footertexttitle {padding: 10px 0 5px 0;margin:0;}







/* ========== all the footer stuff... ========== */

.footer {background: #2F2F2F; }


.footer h4.widgettitle {color: #919191; margin:0;padding:0;}

.footer .memberwidget img {border: 4px solid #64655D; padding:0; margin:0 10px 15px 5px;}



.grid_4#footerleft,
.grid_4#footercenter,
.grid_4#footerright {background: #2F2F2F; min-height:240px;color: #919191;}