/**
 * Theme: Basis-Clean
 * Description: Basis WordPress Theme Engine
 * Author: 
 * Author URI: 
 */
 
* { margin: 0; padding: 0; } /** Globales Zur�cksetzen aller HTML Elemente **/

body {
  color: #000;
  font-size: 14px;
  font-family: Helvetica;
  text-align: left;
  background:url(images/body_bg_Full-HD.jpg) repeat fixed left top transparent;
}    

#page_margins { width: 993px; margin: 0 auto; }


/**
 * Kopfbereich / Header
 * @section     header
 */
  
#header { height: 215px; width:993px;float:left;background: url("images/header.png") no-repeat scroll left top transparent; }

#header h1 { padding:20px 0 0;text-indent:-9999px; }
#header span { font-size: 16px; /*text-shadow: 1px 2px 2px #939393;*/float:right;display:block;text-indent:-9999px; }

/**
 * Navigation
 */
.navigation { }
 
ul#menu { width: 280px; display:block; float:left; } 
ul#menu,ul#menu2,ul#menu3 { list-style: none; margin: 0; padding: 0; line-height:	1.0; }
ul#menu li { background: url("images/button.png") no-repeat scroll left top transparent; float: left; position: relative; margin: 0 0 10px; width:263px; padding: 2px 15px; color:#fff; font-size:22px; }  
li a, a.menucurrent { color: #FFFFFF;
    cursor: pointer;
    display: block;
    height: 37px;
    padding: 0 20px;
    width: 207px; }
ul#menu2 li { background: none repeat scroll 0 0 transparent;
    color: #000000;
    font-size: 15px;
    height: 15px;
    margin: 0; }
ul#menu2 li a, ul#menu2 a { color:#000; cursor:pointer; line-height:30px; padding:0 20px; font-size:14px; width: 182px; }
.menu li, .menu a { display:block; }

.menu .current_page_item, .menu a:hover { color: #fff;  }

.menu li ul { /*background: #221E1F;*/ margin:0; padding:0; }


.cat { float:left; width:540px; height:30px; display:block; border-top: 1px solid #eee; border-bottom: 1px solid #eee; padding:10px 0; margin:10px 0; }
ul.cat  {display: block;
    height: 30px;
    line-height: 1;
    list-style: none outside none;
    margin: 10px 0;
    padding: 10px 0;
    position: relative; }
ul.cat  li { float: left; position: relative; margin: 0; border-right: 1px solid #eee; }
ul.cat  li:nth-child(-2+1) {border-left: 1px solid #eee;}         /* CSS3 - Pseudoklasse */
ul.cat li, .cat a { display:block; }

.cat a, .cat-item a { color:#000; cursor:pointer; line-height:30px; padding:0 20px; }
.cat a:hover { color: #000; background:#eee !important; }

.cat li ul { /*background: #221E1F;*/ margin:0; padding:0; }

/** Superfish Menu **/
.sf-menu ul { position:	absolute; top: -999em; width: 200px; }
.sf-menu ul li { width:	200px;float:left;position:relative; }
.sf-menu li:hover { visibility:	inherit; }
.sf-menu li:hover ul { left: 0; top: 39px; z-index: 99; }


/**
 * Haupt Content
 * @section     main
 */
 
#main { padding: 16px 18px 18px 18px; background:url(images/main-bg.png) repeat-y scroll left top transparent; }

#content { float:right; padding:0 10px 0 0; width:667px; }
#sidebar { float:left; width:280px; }

#footer_top {float:left; height: 4px; width:993px; background:url(images/footer-top.png) no-repeat left top transparent}
#footer { float:left; width:993px; height: 180px; color: #000; background:url(images/main-bg.png) repeat-y scroll left top transparent; }
#footer p { margin: 0; padding: 9px; }
#footer li {list-style: none outside none;}

.footerright { float: right; padding-right:10px; padding-top:5px; }


/**
 * Artikel / Seite
 * @section     content
 */
 
.article, .page, #comments { margin: 0 0 10px 0; }
.article {border-bottom:3px solid #000;}
#content .entry { padding: 10px; } 
span.excerpt_more { padding: 10px 0; display: block; }

/** article info box **/
.article .meta { border: 1px #ccc solid; margin: 6px 8px; padding: 6px; }
.article .meta p { margin: 0; }


/**
 * Widget
 * 
 * @section     sidebar
 */
 
.widget { margin: 0 0 10px 0; } 
span.widget-title { font-size: 18px; }

.widget .entry { }
.widget .bottom { }  

/**
 * Comment Section
 */

#comments {background: none repeat scroll 0 0; display: block; margin: 0 auto; width: 100%; }
#comments h3 {padding: 25px 0 0 0px; color: #403322;}


/** kommentar schreiben **/


#comment {padding: 5px; height: 150px; width: 635px;}
#comment_respond {padding: 0; }
#comment_respond h3 {padding: 25px 0 0 0px; color: #403322;} 
#commentform label { width: 160px; display: inline-block; height: 25px; } 
#commentform input { height: 20px; border: 1px solid #ccc; width: 481px;}
#commentform input#submit {background: none repeat scroll 0 0 #FFFFFF; height: 25px; margin-top: 15px; width: 647px;}  

/** eigene Formatierung der Kommentare **/

.comment-bottom {padding 0 0 10px 0;}
.user-comment { padding: 5px 0 0 0;}

.comment-author {float:left; padding-right: 15px; font-weight:bold; font-size: 16px;}
.comment-date {float:right;}
.url {color: #403322; float:left; padding-right: 15px; font-weight:bold;}

.commentlist  {padding 10px 0 10px 0; #fff;}




/**
 * Allgemeine Formatierung von HTML Elementen
 * @section     global
 */
 
p { line-height:20px; margin:10px 0; text-align:justify; }  

/** code, pre, blockquote **/
code, pre, blockquote { font-family: Arial, Helvetica; font-size: 13px; color: #6b6b6b; }

blockquote { border-bottom: 8px solid #6b6b6b; border-left: 8px solid #6b6b6b; padding: 4px 0 4px 10px; margin:0 0 10px 12px; }
pre, code { color: #0000ff; padding: 4px 0 4px 10px; margin:0 0 10px 12px; }
/* Positionierung von Elementen */
.alignleft { float:left; display:inline; margin-right:12px; margin-bottom:12px; }
.alignright  { float:right; display:inline; margin-left:12px; margin-bottom:12px; }

/**
 * WordPress Captions
 */
.wp-caption { display: block; clear: both; padding: 8px 0 8px 8px; border: 1px solid #ccc; } 
.wp-caption img { border: none; margin: 0; padding: 0; }
.wp-caption-text { margin: 0; font-size: 10px; text-align: left; line-height: 10px; }

/** LISTEN **/
ul, ol { margin:25px 0; } 
li { margin:0 0 0 30px; }

dl { margin:1em 0; }
dt { font-weight:bold; }
dd { margin:0.5em 1em; padding:0; }

table {width:100%;border:1px solid grey;}
td {width:20%;text-align:center;border-right:1px solid grey;vertical-align: middle;}
tr.grey {background: #ddd;}

/** LINKS **/
#content a { color:#403322; text-decoration:none; }
#content a:hover { color:#403322; text-decoration:none; text-shadow: 0!important; }

#footer a, #footer a:visited { color:#000; text-decoration:none; }
#footer a:hover { color:#403322; text-decoration:none; }

#sidebar a { border-bottom:medium none; font-size:1em; line-height:1.7; text-decoration:none; }


/** Ueberschrift **/

h1,h2,h3,h4,h5,h6 {
  color:#000;
	font-family: Helvetica;
	/*font-family:"Myriad Pro Cond","Trebuchet MS";*/
	font-weight:bold;
	letter-spacing:1px;
	margin:0 0 10px;
}
#content h2 a {color:#000;}
h1 { font-size: 24px; }
h2 { font-size: 20px; }
h3 { font-size: 18px; }
h4 { font-size: 16px }
h5, h6 { font-size: 14px; }

/**
 * Hinweise, Notizen, Warnungen
 */
 
.info { background: url("images/info.png") no-repeat scroll 10px 50%  #78fe87; border: 2px solid #57b603; padding: 6px 6px 6px 60px; }
.note { background: url("images/note.png") no-repeat scroll 10px 50%  #fcfd88; border: 2px solid #cdcf00; padding: 6px 6px 6px 60px; }
.warning { background: url("images/warning.png") no-repeat scroll 10px 50% #FFB5B5; border: 2px solid #c00000; padding: 6px 6px 6px 60px; }
 

/**
 * Gallery Layout
 * @section     gallery_shortcode
 */
.gallery {
margin : auto;
overflow : hidden;
width : 100%;
}
.gallery .gallery-item {
float : left;
margin-top : 10px;
text-align : center;
}
.gallery img {
border : 2px solid #cfcfcf;
margin : 0 8px;
}
.gallery .gallery-caption {
margin-left : 0;
}
.gallery br {
clear : both;
}




/**
 * Clearfix
 * s�ubern von float umgebung
 */  
.clearfix:after { clear:both; content:"."; display:block; font-size:0; height:0; visibility:hidden; }
.clearfix { display:block; }