html { 
	background: url(/images/140520_27_background.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	    
} 

body {		
	font-size:1em;
	font-family: 'Noto Serif', serif;
}

.prevnext {
	width:1000px;
	padding:12px 20px 0px 20px;	
	margin-left:auto;
	margin-right:auto;	
	border-right: 2px solid #bbbbbb;		
	border-left: 2px solid #bbbbbb;
	background-color:#FFFFFF;		
}

div#topnavi {
	width:1000px;		
	margin-left:auto;
	margin-right:auto;	
	border-right: 2px solid #bbbbbb;		
	border-left: 2px solid #bbbbbb;							
	padding-left:20px;
	padding-right:20px;
	padding-top:4px;
	padding-bottom:4px;	
	text-align:left;
	color:#FFF;
	background: -moz-linear-gradient(45deg, #BBB, black 60%);
	background: -webkit-linear-gradient(45deg, #BBB 30%, black);
	background: -o-linear-gradient(45deg, #BBB, black 60%);	
}

.container { 
	width:1000px;		
	margin-left:auto;
	margin-right:auto;
	/* min-height:2150px; */	
	border-right: 2px solid #BBB;
	border-bottom: 2px solid #BBB;	
	border-left: 2px solid #BBB;			
	background-color:#FFF;	
	padding-top:20px;	
	padding-left:20px;
	padding-right:20px;	
}

p {
	margin-top:0px;	
	line-height:170%;
	text-align:justify;	
}

sup {
	line-height: 0.2;
}

sup.info { 
	font-family: 'Open Sans', sans-serif;
	display:inline-block;
	border-radius: 4px;
	border: 1px solid #AAA;
	color: #AAA;
	padding: 5px 1px;}

.maintab {
	width:650px;
	float:left;			
}

div.top {
	width:1042px;
	height:190px;
	padding:0px;	
	margin-left:auto;
	margin-right:auto;
	border-right: 2px solid #bbbbbb;
	border-bottom: 2px solid #bbbbbb;
	background-color: #bbbbbb;
	font-size:0.8em;		
	z-index:0;
}

div.footer { 
	width:1000px;
	padding:10px 22px 0px 22px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
	border-right: 2px solid #bbbbbb;
	border-bottom: 2px solid #bbbbbb;
	background-color: #bbbbbb;
	font-size:0.8em;				
}

div.topsix {
	width:320px;
	min-height:600px;
	margin-bottom:0px;
	padding-left:12px;
	padding-right:0px; /* wieder auf 0 zurückgesetzt, bei smoove auf 12 px */	
	float:left;	
	background-color: #ffffff;
}

div.sidebar {
	width:320px;
	float:right;	
}

div.werkzeug {
	width:300px;
	border: 1px dotted #bbbbbb;
	background-color:#E1E1E1;
	padding:10px;
	line-height:130%;		
}

div.searchbar {
	position:absolute;
	left:0px;
	top:10px;
	width:100%;
	z-index:100;
}

div.postit {
	background-color:#e5d01a;
	margin:-40px 10px 10px 10px;
	padding:50px 10px 10px 10px;
	border-right: 3px solid #5A5A5A;
	border-bottom: 3px solid #5A5A5A;	
	border-left: 3px solid #FAFAFA;
	border-top: 3px solid #FAFAFA;
}	

/* Hauptüberschrift */

h1 {
	font-size:1.8em;		
	font-family: 'Open Sans', sans-serif;		
}

/* Unterüberschriften */

h2 {
	font-size:1.2em;	
	font-family: 'Open Sans', sans-serif;	
}

/* Rubrik */

h3 { 
	font-size:0.8em;
	font-family: 'Open Sans', sans-serif;		
}

h3.h2 { 
	font-size:1.2em;	
	font-family: 'Open Sans', sans-serif;		
}

/* Werbehinweis */

.anzinfo {
	font-size: 0.8em;	
	font-weight: normal;	
	font-family: 'Open Sans', sans-serif;			
}		

/* Schriftauszeichnungen */

.small {
	font-size:0.8em;
}

.strike {
	text-decoration:line-through;
}

.verdana {	
	font-family: 'Open Sans', sans-serif;	
	}
	
/* deeplinks */

.deeplink {
	float:right;
	padding-right:4px;
	font-size:.6em;
	}	
	
/* Datum Autorseite */

div.blog {
	width:80px; 
	float:left; 
	border:1px solid #bbbbbb;
	text-align:center; 
	margin: 0px 5px 5px 2px;
	line-height:100%;
}

p.blogday {

	font-size:0.8em;
	text-align:center;
	margin:0px;
	line-height:120%;
}

p.blogmonth {
	font-size:0.8em;
	text-align:center;
	margin:0px;
	line-height:120%;
}

p.blogyear {
	font-size:0.8em;
	text-align:center;
	margin:0px;
	line-height:120%;
}


	
/* Listen */

ul {
	padding-left:20px;
	line-height:170%;	
}

ul.text { 
	line-height:170%;
	}
	
ol {
	padding-left:20px;
	line-height:170%;
}	
	
/* Zitate */

blockquote {
  background: #f9f9f9;
  border-left: 10px solid #ccc;
  margin: 1.5em 10px;
  padding: 0em 10px;
  quotes: "\»""\«""\2018""\2019";
}

blockquote p {
  display: inline;
}

span.quote {
	font-size:0.8em;		
}

/* Zitate alt */

div.quote {
	border: 1px dotted #bbbbbb;
	background-color:#E1E1E1;
	padding:10px;
	line-height:170%;
	margin-bottom:20px;
}	

hr.source {
margin-left:0px;
text-align:left;
width:100px;
height:2px;
background-color: #BBBBBB;
border:0px solid #BBBBBB;
}
	
.jumpback {	
	font-size:1.6em;
}	
	
/* Links */

a { 
	text-decoration:none; 
}

a.index {
	text-align:left;	
}

a.navigation {
	width:74px;
	padding:2px;
	float:left;	
	color:#000000;	
	border-left: 1px solid #bbbbbb;
	border-right: 1px solid #bbbbbb;
	font-weight:bold;
	font-family: 'Open Sans', sans-serif;		
}	

a.navigation:link    {
	 background-color:#ffffff; 
}

a.navigatdion:visited { 
	background-color:#000000;
}

a.navigation:hover   {
	background-color:#bbbbbb;
}
	
a.navigation:active  {
	background-color:#bbbbbb;
}

/* Positionierung */

.right {
	float:right;	
}

.left {
	float:left;
}

br.clear {
	float:none;
}	

/* Karten bei maps.google.com */

.centergooglemaps {
	width:650px;	
	border: 1px dotted black;
	padding: 2px 2px 0px 2px;
}

/* Youtube-Videos */

.youtube {
	margin-left:120px;
	margin-bottom:20px;
}

/* Tabellen */

table {
	line-height:120%;
	border-collapse:collapse;
	font-family: 'Open Sans', sans-serif;	
}

table.graphics {
	margin: 0px;
	padding:0px;
	border: 0px;
}

td.top {
	vertical-align: top;
}

td.bottom {
	vertical-align: bottom;
}



.w3-table-all{border:1px solid #ccc}

.w3-table td,.w3-table th,.w3-table-all td,.w3-table-all th{padding:6px 8px;display:table-cell;text-align:left;vertical-align:top}

.w3-table td.border {border:1px solid #ddd}

.w3-border tr,.w3-table-all tr{border:1px solid #ddd}

.w3-striped tbody tr:nth-child(even){background-color:#E1E1E1}

.w3-hoverable tbody tr{transition:background-color .25s ease}
.w3-hoverable tbody tr:hover{background-color:#ccc}

.w3-card-4{box-shadow:0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) !important}

/* ergaenzt */

.w3-white{background-color:#FFF;}

td.gray {
	background-color:#E1E1E1;
}

td.right {
	text-align:right;
	float:none; 	
}

.border {
	border: 1px solid #000000;	
	padding:4px;
}

table.center {
	margin-left:auto;
	margin-right:auto;
}

td.textcenter {
	text-align:center;
}
	
td.textleft {
	text-align:left;
}

td.textright {
	text-align:right;
}

/* horizontale Linie */

hr {
	border: 1px solid #bbbbbb;
}

/* Formatierungen für Bilder */

img {
	border:0px;	
}

.w300 {
	margin-top:5px;
	width:300px;	
}	

.w650 {
	margin-top:5px;
	width:650px;	
}	

.floatright {
	float:right;
	margin-left:10px;
	}
	
.floatleft {
	float:left;
	margin-right:10px;
	}

.biusleft {
	border-right: 1px dotted #7379B5;
	border-bottom: 1px dotted #7379B5;
	font-size:10px;
	padding-right: 3px;
	padding-bottom: 3px;	
	font-family: 'Open Sans', sans-serif;
}

.biusright {
	border-left: 1px dotted #7379B5;
	border-bottom: 1px dotted #7379B5;
	font-size:10px;
	padding-left: 3px;
	padding-bottom: 3px;		
	font-family: 'Open Sans', sans-serif;
}

/* Allgemeine Formatierungen */

br.clear {
	clear:both;
}

span.key {
	border: 1px solid #000000;
	margin:0px;
	padding-left: 2px;
	padding-right: 2px;
	background-color: #EEEEEE;
	font-family: sans-serif;
}

pre.console {
	font-family:"Courier New", Courier, monospace;
	font-size:14px;
	background-color:#EAEAEA;
	padding: 5px;
	margin: 0px 10px 0px 10px;
	border:1px dashed #AAAAAA;	
	}
	
.grayconsole {
	color:#888888;	
	}	
	
.console {
	font-family:"Courier New", Courier, monospace;
	}	

/* Advertising (fixiert) */

/* notwendig um ein Springen zu verhindern */
#noscrollWrapper {  
	width:320px;  
	z-index: -100;
}

#noscroll {
	position:relative;
	top: 0;      
}

#noscroll.fixed {
	width:320px;
  	position: fixed;
  	top: 0;
  	margin-top:-40px;
}

/* div für Amazon Produktanzeigen */

div.amazon {
	float:right;
	margin-left:20px;
}

/* slides  - http://responsiveslides.com/ */

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }
  
/* Auszeichnungsfarben für Hintergründe */

.bg-primary {
	color:#fff;
	background-color:#337ab7;
	padding:5px;
	margin-bottom:1em;
}
.bg-success {
	background-color:#dff0d8;
	padding:5px;
	margin-bottom:1em;
}
.bg-info{
	background-color:#d9edf7;
	padding:5px;
	margin-bottom:1em;
}
.bg-warning{
	background-color:#fcf8e3;
	padding:5px;
	margin-bottom:1em;
}
.bg-danger{
	background-color:#f2dede;
	padding:5px;
	margin-bottom:1em;
}
  
/* Gravatar mit runden Ecken */

.avatar {
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
}

.avatarcenter {
	margin-right:20px;
	text-align:center;
	margin-bottom:10px;
}
  
/* response */  
  
.respond {	
	margin-bottom:2em;
}  
  
.nice-submit {
    font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: bold;
    color: #FFFFFF !important;
    font-size: 15px;
    text-shadow: 1px 1px 0px #3498DB;
    text-transform:uppercase;
    padding: 10px 40px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 0;
    background: #3498DB;
    background: linear-gradient(top, #3498DB, #3498DB);
    background: -ms-linear-gradient(top, #3498DB, #3498DB);
    background: -webkit-gradient(linear, left top, left bottom, from(#3498DB), to(#3498DB));
    background: -moz-linear-gradient(top, #3498DB, #3498DB);
}  
  
/* comment */

div.comlevel0 {
	margin-left:0px;  
}

div.comlevel1 {
	margin-left:58px;
	padding:8px;
	background-color:#EEE;  
}

p.comment {	
	margin-left:70px;
	font-size:0.8em;
	margin-top:-1em;  
}
  
/* Passknacker Verlauf */
/* 640 / 150 = 4,2 px */

div.pkborder {
	border: 1px dotted #7379B5;
	padding: 2px;
	background-image:url(/pages/x_fish/images/130720_27_pk_background.jpg);
	background-position: bottom right;
}

div.pkarchieved {
	background-color: #ff0505;
}  

div.pkgoal {
	background-color: #ff9600;
}  

div.pkpassknackerli {
	background-color: #e1e1e1;
}