/*  
Theme Name: dasWesentliche
Theme URI: 
Description: Basierend auf BlogPimp WidgetNews 1.1 von BlogPimp.de. Angepasst für das Wesentliche @ D120.
Version: 1.0
Author: Andreas Marc Klingler, aufbauend auf Lothar Baier
Author URI:
*/

/* ####################### Voreinstellungen #################### */
#Betahinweis {
	background:	#FF1111;
	font-weight: bold;
	font-size: 15px;
	height: 40px;
	padding-top: 5px;
	text-align: center;
}

html {
  width				: 100%;
}

* {
  padding			: 0;
  margin			: 0;
  border			: 0;
}

html * { font-size: 100.01% }  

body {
  background			: #fff;
  color				: #333;  
  min-width			: 900px;
  line-height			: 1.4em;
}

/* Safari Hack für Inhalt-Font-Bug */
/*@media screen and (-webkit-min-device-pixel-ratio:0) {
  .inhalt {
    text-shadow:rgba(0,0,0,0.15) 0 0 0;
    -webkit-text-stroke: 1px transparent;
  }
}*/


#Header {
  border: none;
}

.mantel, #Footer {
  font				: normal 1.1em/1.5 "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;
  font-size: 84%;
}

#Hintergrundwesen {
  background-image		: url(/wp-content/themes/dasWesentliche/img/das-wesen-der-informatik-hg-solid.png);
  background-repeat		: no-repeat;
  width				: 600px;
  height			: 755px;
  position			: fixed;
  margin-left			: 700px;
  z-index: -10;
}


/* ####################### Seiten-Struktur #################### */

/* column container .colmask */
.mantel {
	position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	overflow:hidden;	/* This chops off any overhanging divs */
}

/* .leftmenu .colright */
.mantel .mantel2 {
	float:left;
	width:200%;
	position:relative;
	left:21em; /* 12em; */
}

/* .leftmenu .col1wrap */
.mantel .inhalt_container {
	float:right;
	width:50%;
	position:relative;
	right:21em; /* 12em; */
	padding-bottom:1em;
}

/* .leftmenu .col1 */
.mantel .inhalt_container2 {
	margin:0 2em 0 22em; /* 0 1em 0 13em; */
	position:relative;
	right:100%;
	overflow:hidden;
}

/* .leftmenu .col2 */
.mantel .links {
	float:left;
	width:18em; /* 10em; */
	position:relative;
	right:21em; /* 11em; */
	text-align: right;
}

.links {
	//font-size: 0.9em;
}


.links2spalten {
}

.links1spalte {
}

.inhalt2spalten {
/*  width				: 77%; */
/*  min-width			: 1000px; */
  float				: left;
  text-align			: left;
}

.inhaltEinzelseite,
.inhalt1spalte {
  width				: 640px;
  max-width 			: 40em;
  float				: left;
  text-align			: left;
}

#Subheader {
  height			: 28px;
}

#MenuSpacerLeft {
  width				: 280px;
}


/* ####################### allgemeine Gestaltung #################### */
h1, h2, h3, h4, h5, h6 {
  margin			: 10px 0 3px;
  padding			: 1px 5px 2px 0;
}

h2 {font-size			: 1.6em;}
h3 {font-size			: 1.4em;}
h4 {font-size			: 1.3em;}
h5 {font-size			: 1.2em;}
h6 {font-size			: 0.1em;}

p {
  margin			: 0 0 8px;
}

a {
  color				: #25c;
  text-decoration		: none;
}

a:hover {
  color				: #CC0000;
}

blockquote {
  background			: #f6f6f6;
  margin			: 10px;
  padding			: 8px 10px 1px;
  color				: #111;
}

hr {
  height			: 1px;
  line-height			: 1px;
  border			: 1px solid #fff;
  clear				: both;
}

.contentHR {
	border-top: 0.1px solid #ccc;
	height: 0.1px;
	line-height: 0.1px;
	margin-top:5px;
	margin-bottom:5px;
}


/* ####################### Navigation #################### */
.links h2 {
  font-size			: 1em;
  margin			: 21px 0px 5px 0;
  padding			: 2px 0;
  color				: #444;
  border-bottom			: 1px solid #ccc;
}

.links .widget {
  list-style-type		: none;
  margin			: 0 0 2em 0;
  border-bottom			: 2px solid #ccc;
  padding-bottom		: 0.4em;
}

.links .widget li {
  list-style-type: none;
}

.links ul li {
  font-size			: 0.9em; 
  margin-bottom			: 0.1em;
}


.links ul li a, .links ul li.widget_twitter span.time-meta a {
  padding			: 1px 0;
  display			: block;
  margin-top			: 0.3em;
}

.links ul li.widget_twitter a {
  display			: inline;
  margin-top			: auto;
}

.links ul li.current_theme {
  color				: #d11;
  padding			: 2px 0;
}

.links ul li.current-cat a,
.links ul li.current_page_item a {
  display			: block;
  color				: #d11;
}

.links ul.letzte li ul.admin {
  padding-right			: 0;
  margin-right			: 0;
}


.links_icon_container {
  text-align			: left;
  width				: 100%;
  height			: 42px;
}

.links_icon {
  float				: right;
  width				: 34px;
  height			: 40px;
  padding-left			: 6px;
  margin-left			: 0px;
  margin-right			: 0px;
}

input, textarea {
  border-width			: 1px;
  border-style			: solid;
  border-color			: #ccc;
  background			: none;
}

#kummerkasten {
  font				: normal 1em/1.5 "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;
  max-width			: 18em;
}

.Absenden {
  margin-right			: -20px;
}

.ueberdw {
  display			: inline;
}


/* ####################### Inhalte #################### */
.inhalt div.beitrag {
}

.beitrag1spalte {
  width				: 100%;
}

.beitrag2spalten {
  width				: 47%;
  margin-right			: 3%;
}

.beitragEinzelseite {
  width				: 100%;
}

.inhalt .eintrag {
  margin-top			: -3px;
  padding-top			: 3px;
  margin-bottom			: -2px;
  padding-bottom		: 2px;
  padding-left			: 6px;
  padding-right			: 4px;
}

.inhalt .eintrag div form p span textarea {
  width: 100%;
}

.inhalt .eintrag_video {
}

.inhalt .eintrag_photo {
}

.inhalt div.verweis {
  width				: 100%;
  border-collapse		: collapse;
  border-top			: 1px solid #ccc;
  border-bottom			: 2px solid #ccc;
  margin-bottom			: 18px;
  margin-top			: 22px;
  font				: normal 2.1em/1.6 "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;
  line-height			: 1.3;
}


.inhalt h2 {
  border-bottom			: 1px solid #aaa;
  font				: normal 1.5em/1.5 "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;
}



.inhalt .postmetadata {
  font				: normal 0.8em/1.3 "Lucida Sans Unicode", "Lucida Grande", "Trebutchet MS", Arial, Helvetica, sans-serif;
  border-top			: 1px solid #ccc;
  border-bottom			: 2px solid #ccc;
  padding			: 2px 0 2px;
  margin			: 0 0 20px;
  margin-bottom			: 15px;
  color				: #555555;
  min-height: 56px;
  clear: both;
}


.inhalt .kommentar {
  background			: rgba(0, 0, 0, 0.05); 
}

.inhalt .photo {

}

.inhalt .video {

}

.inhalt li {
  margin-left			: 22px;
  margin-bottom			: 7px;
}

.inhalt ul {
  margin-top			: 12px;
  margin-bottom			: 12px;
}

.kommentarhinweis {
  font-size			: 0.8em;
  font-weight			: bold;
  padding-bottom		: 6px;
  margin-top			: -3px;
}


.inhalt .metarechts {
  margin-left			: 65px;
}

.inhalt .avatar {
  float				: left;
  margin-top			: -1px;
  margin-right			: 3px;
}

.inhalt .dlft {
  float				: left;
  margin			: 5px 0 0 0;
  text-align			: left;
}

.inhalt .drgt {
  float				: right;
  margin			: 5px 0 0 0;
  text-align			: right;
}

.inhalt .navigation {
  margin-bottom			: 5px;
  height			: 1.5em;
  line-height			: 1.1;
}

.inhalt .lft {
  float				: left;
  margin			: 5px 10px 3px 0;
  background			: #fff;
  padding			: 3px;
  border			: 1px solid #ccc; 
}

.inhalt .rgt {
  float				: right;
  margin			: 5px 0 3px 10px;
  background			: #fff;
  padding			: 3px;
  border			: 1px solid #ccc; 
}

.inhalt .post img {
  float				: left;
  border			: 1px solid #ccc;
  margin			: 5px 10px 3px 0;
}

.video_fehler {
  background			: red;
}

.schnellbewertungen {
  width				: 100px;
  float				: right;
  font-size			: 0.8em;
}

#kummerkasten {
  color			: #999;
}


/* ####################### Schnelllinkleiste #################### */
div.sociable {
  margin: 16px 0;
}

span.sociable_tagline {
  position: relative;
}

span.sociable_tagline span {
  display: none;
  width: 14em;
}

span.sociable_tagline:hover span {
  position: absolute;
  display: block;
  top: -5em;
  background: #ffe;
  border: 1px solid #ccc;
  color: black;
  line-height: 1.25em;
}

.sociable span {
  display: block;
}

.sociable ul {
  display: inline;
  margin: 0 !important;
  padding: 0 !important;
}

.sociable ul li {
  background: none;
  display: inline !important;
  list-style-type: none;
  margin: 0;
  padding: 1px;
}

.sociable ul li:before {
  content: "";
}

.sociable img {
  float: none;
  width: 16px;
  height: 16px;
  border: 0;
  margin: 0;
  padding: 0;
}

.sociable-hovers {
  opacity: .4;
  -moz-opacity: .4;
  filter: alpha(opacity=40);
}
.sociable-hovers:hover {
  opacity: 1;
  -moz-opacity: 1;
  filter: alpha(opacity=100);
}


/* ####################### Seiten-Fuss #################### */

#Footer_clear {
  clear: both;
}

#Footer {
  clear				: both;
  border-top			: 2px solid #FFCF00;
  margin-top: 2em;
}

#Footer p {
  text-align			: left;
  font-size			: 0.8em;
  color				: #555555;
  padding			: 5px 17% 40px;
  padding-left			: -20px;
}

.Footer_wesen {
  clear				: both;
  width				: 16%;
  float				: left;
  text-align			: right;
  margin-right			: 15px;
  padding-top			: 5px;
}


/**
	Standards that should be set according to
	http://codex.wordpress.org/CSS#WordPress_Generated_Classes
		-- NH, 14. 05. 2011
*/

.aligncenter, div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.alignleft {
	float: left;
}
.alignright {
	float: right;
}

.wp-caption .wp-caption-text { color: #a3a3a3; font-size: 0.8em; }