/* ######################################
Theme Name: einfach
Theme URI: http://su-mu.de
Description: Textpattern-Layout, einspaltig Blog
Version: 0.2 
Erstellt: 22/Dezember 2009
Geaendert: 30.01.2012
########################################
*/
/**************** web fonts ***************************************/
@import url(http://fonts.googleapis.com/css?family=Marck+Script);
/******************************************************************/
/* -- Layout der Container -- */
body{
margin:0;
padding:0;
color:white;
background-color:#5d0086;
font:100%/1.20em  Verdana,Tahoma,Arial,sans-serif;
text-align:center;}

#topnavibar{
padding:2px 0 0 0;margin:0px auto 10px auto;width:650px;background: #420060; color: white; 
height:25px;
-moz-border-radius-bottomright: 50px;
border-bottom-right-radius: 50px;
-moz-border-radius-bottomleft: 50px;
border-bottom-left-radius: 50px;
border-bottom: 1px solid #bd79df;text-shadow: -1px -1px 0px #250035, 1px 1px 0px #9400d5;}
}
/* Navigation */
#topnavi{margin:0 auto;width:640px;text-align:left;
}
ul.navi{font-size:12px;
list-style-type:none;
margin:0;}
.first {
	float: left;
}
ul.navi li{
display:inline;
padding:1px 0 0 5px;}
ul.navi li a, ul.navi li a:visited{
text-decoration:none;
padding:3px; color: #dadada; background:transparent;}
ul.navi li a:hover{color:white;background:#7D0099;-moz-border-radius:6px;
-webkit-border-radius:6px;
-khtml-border-radius:6px;
border-radius:6px;}
ul.navi #current a{
color:white;
background:transparent;
text-transform:uppercase;
font-weight:bold;
letter-spacing: 4px;
border-top: 2px solid #b713ff;}
ul.navi #current a:hover{
color:white;
background:transparent;
text-transform:uppercase;
font-weight:bold;
letter-spacing: 4px;}

/* ++++++ Google-Werbung +++++++ */
.ads{width: 730px; margin: 3px auto; height:90px;}
#mantel{
max-width:630px;
margin:0px  auto 10px auto;
text-align:left;
padding:0px 10px 15px 10px;
font-size: 13px;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
box-shadow: #333 3px 3px 7px;
-moz-box-shadow: #333 3px 3px 7px;
-webkit-box-shadow: #333 3px 3px 7px;
background-color: white; color: black;}

#blogname{
width:630px;
margin: 0px auto;
padding: 0;
height: 70px;
}
#blogname h1#logo a,#blogname h1#logo a:visited{
margin:0;
vertical-align: bottom;
z-index:1;
padding:0px;
color:#6f009f;
background:transparent;
font:bold 2.6em 'Marck Script', cursive;
text-decoration:none;
letter-spacing:0px;
border:0;
width: 630px;
/*text-shadow:white 2px 3px 2px;*/
text-shadow: -1px -1px 0px #250035, 1px 1px 0px #9400d5;
}
#content{
margin:0px;
padding:0px;}
/*--- Kopfbereich ---*/
 h1#logo a, h1#logo a:visited{
margin:0px;
z-index:1;
padding:0px;
color: #484848;/**/
background:transparent;
font:bold 1.1em 'Marck Script', cursive;
text-decoration:none;
letter-spacing:0px;
border:0;
float:left;}
#kopf{
padding:0;
margin:0;
}
 h2#slogan{
display:none;}

h1 {
	margin:0;
	padding:0;}
	h2 {
		font-weight:normal;
	}
h3{
margin:35px 0 5px 0;
font-weight:normal;
font-size:18px;	letter-spacing: -0.05em;}
h4 {
	font-size:14px;
	padding: 10px 0 5px 0;
	margin:3px;
	margin: 20px 0 5px 0;
}
h6 {
	margin:0 0 5px 0; padding:0;
	font-size:12px;
	font-weight:bold;
	letter-spacing: 2px;
}
/* Fuss-Navigation */
.footer{
clear:both;
margin:20px 15px 5px 15px;
padding:0em;
height:15px;
font-size:0.75em;}
.footer a, .footer a:visited{color:#6a6a6a;background:transparent;}
.footer a:hover {text-decoration: none;}
.footerlinks{float:left;width:360px;margin:0;padding:0}
.footerrechts{float:right;width:160px;text-align:right;padding:0; margin:0}
/* +++++++++ Bilder ++++++++++ */
img{}
img.ohne{
	border: 0px;}
	.thumb{
	margin: 0px 15px 5px 0px;padding:0;-moz-border-radius:6px;
-webkit-border-radius:6px;
-khtml-border-radius:6px;
border-radius:6px;
border:1px solid black;}
/* ##### links #####*/
a:link{background: transparent;color:#7d0099;text-decoration:underline}
a:visited{background: transparent;color:#7d0099;text-decoration:underline}
a:hover{background:transparent;color:#000000;text-decoration:none}
/* +++ Kennzeichnung von externen Links +++ */
a[href^="http:"],a[href^="https:"]{
background: transparent url(images/extern.gif) left no-repeat;
padding-left:12px;
}
a[href^="http://su-mu.de"],a[href^="http://www.su-mu.de"] {padding-left:0;background-image:none;}
a[href^="http://de.wikipedia.org"]{
padding:5px 16px 5px 0;
background:transparent url(icons/wikipedia.gif) no-repeat center right;
}
a[href^="http://twitter.com"]{
padding:5px 16px 5px 0;
background:transparent url(icons/twittericon.png) no-repeat center right;
}
a[href$='.pdf']{
padding:5px 20px 5px 0;
background:transparent url(icons/icon_pdf.gif) no-repeat center right;
}
a[href$='.txt']{
padding:5px 20px 5px 0;
background:transparent url(icons/icon_txt.gif) no-repeat center right;
}
a[href$='.zip'],a[href$='.rar'],a[href$='.gzip'],a[href$='.bzip'],a[href$='.ace']{
padding:5px 20px 5px 0;
background:transparent url(icons/icon_archive.gif) no-repeat center right;
}
.bildarchiv {padding:0px;margin:0;}
/* - - - - Allgemeine Formatierungen - - - */
acronym,abbr{border-bottom:1px dashed red;cursor:help;}
blockquote,.zitatblock{
background:2px 10px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
-khtml-border-radius:6px;
border-radius:6px;
border:1px solid #f7f7f7;
border-left:4px solid #7D0099;
color:#393939;
font-style:italic;
padding:5px 20px 0px 65px;
margin:20px 50px;
background:url(images/quote.gif) #fcfcfc no-repeat 8px 8px !important;
}
q{
quotes:'»' '«';
font-style:italic;
color:#393939;
background:transparent;
}
cite:after{content:"\00AB";margin-left:0.1em;}
/* wird im IE leider nicht angezeigt */
cite:before{content:"\00BB";margin-right:0.1em;}
fieldset{
padding:5px;
border:#c0c0c0 1px solid;
margin:10px 0;
}
/*form{
margin:10px 0 0px 0;
padding:10px;
border:1px solid #f2f2f2;
background:#fafafa;
}*/
.artikel h2{
	font-size: 19px;font-weight: normal;
	letter-spacing:-0.05em;
}
.artikel h2 a:link,.artikel h2 a:visited {
font-size:19px;
letter-spacing:-0.05em;
text-decoration:none;
background:transparent;
color:#7D0099;
font-weight:normal;

}
.artikel h2 a:visited:after{content:"\00A0\221A"}
#content h2 a:hover{
text-decoration:none;
border-bottom:0;color:white;background:#7D0099;-moz-border-radius:6px;
-webkit-border-radius:6px;
-khtml-border-radius:6px;
border-radius:6px;
}
p#vorschau{
padding:5px;
border:0px solid #000000;
margin:0px;
color:#ffffff;
background:black;
}
input{
padding:3px;
border:1px solid #c0c0c0;
margin:0px;
color:#000000;
}
input.button{
margin:2px  5px 10px 5px;
border:1px solid #cccccc;
padding:2px 10px;
width:220px;
background:#ffffff;
color:black;
font-weight:bold;
}
legend label,legend{
padding:0 5px;
color:#000000;
font-weight:bold;
font-variant:small-caps;
letter-spacing:2px;
}
p.abo{margin:0px 0 5px 10px;}
p.datenschutz{
margin:0;
font-size:11px;
line-height:13px;
}
sup,sub{line-height:0px;}
textarea{
width:472px;
padding:5px;
border:1px solid #eeeeee;
display:block;
color:#000000;
height:140px;
}
/* +++++++++ Contentbereich - Blog - Inhalt-Artikel +++++++ */
#content p {padding:0; margin:0 0 10px 0;}
.artikel{padding:0px 10px;margin:0;}
.artikel ol li{margin:12px 10px 4px 15px;}
.artikel ul li{
margin:5px 20px 8px 20px;
padding:0px;/*padding:5px 20px 0px 30px;*/
list-style:square;
}
	.hr{background-color: #454545; /* Farbe für Opera und Firefox */
color: #454545; /* Farbe für Internet Explorer (IE) */
border: 0;
height: 1px;
margin:20px 0;
}
.artikel ul,.artikel ol{padding:3px 0 3px 35px;margin:10px 5px 10px 20px;}
/* additional classes */
.clear{clear:both;}
hr{display:none;clear:both; height: 20px;}
.comment-num{margin-right:5px;padding:0px;color:#9d9d9d;}
.error{color:#ff0000;font-weight:bold;}
.ghocommabo{padding-left:15px;}
/* +++++++++ Kommmentarbereich  ++++++++++ */
.kommentar{margin:15px 0px;border:1px solid #ececec;}
.kommentarautor{
border-bottom:1px solid #ececec;
padding:4px;
background:#f9f9f9;
font-style: italic;
font-size: 11px;
}
.kommentarautor.owner{
background:url(/images/4.jpg) #ffffff no-repeat right center;
}
.kommentardaten p{padding:2px;margin:0;}
.kommentartext{padding:0px 5px;margin:0px;}
.kontaktformular{margin-bottom:10px;}
/* ############  vor- und zurück blättern ############ */
.newer{float:left;margin:1px  10px 0 0px;}
.none{display:none;}
.older{float:right;margin:1px 10px 1px 0;}
.verteidigung,#importantfield{width:0;display:block;overflow:hidden;height:0;}
#content form textarea,#content input[type=text]{
border:1px solid #c0c0c0;
width:98%;
padding-left:3px;
}
#cpreview{border:2px solid red;padding:5px;margin:0;}
#fgr{margin:10px 0px;padding-left:10px;}
/* ++++++++++ Kommentar - Formular ++++++++++ */
#txpCommentInputForm{margin:30px 0 0px 0;}
#txpCommentPreview:hover /*#txpCommentSubmit:hover*/{
border:1px solid black;
background:#ffffff;
color:#000000;
font-weight:bolder;
}
#txpCommentSubmit{
margin:1px  5px 0 5px;
border:1px solid #cccccc;
padding:2px 10px;
background:#ffffff;
color:#a5a5a5;
}
.designer{
width:640px;
margin:0px auto 5px auto;
color:#444444;
background:transparent;
font-size:9px;
text-align:right;
}
.designer a:link,.designer a:visited{color:#660066;background:transparent;padding:1px;}
.designer a:hover{
color:white;
background:black;
padding:1px;
margin:0px;
}
.rechts {
		padding-left:200px;
		}
.inlinedate{
padding-left:15px;
font-weight:normal;
color:#aeaeae;
letter-spacing:-0.07em;
font-size: 14px;
float:right;
margin-bottom:5px;
}
.customfield{
color:#7a7a7a;
background:transparent;
margin:5px 0 5px 0;
font-size:12px;
}
.customfield p{line-height:17px;margin:0;padding:0;}
.googlenavi{padding:0;margin:0px 20px 30px 20px; 
text-align: center;display:block;}
.googlenavi a:link, .googlenavi a:visited {
	border: 1px solid silver; padding:1px 3px;
	text-decoration: none; margin:0px 2px;
	}
.googlenavi a:hover {
	background-color: #9400d3;
	color: white;
	}
	.googlenavi a:active {
		color: red;
		background-color: white;
		}
.small, small{
font-size:10px;
line-height: 13px;
color:#676767;
background:transparent;
}
.breadcrumb{
	font-size:11px;
	margin:0; font-style:italic;
	}
.zemThanks {font-weight: bold; color: red; background-color: transparent; font-size: 16px;}
/* - - - - Defaults - - - - */
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-table;}/* \*/
* html .clearfix{height:1%;}
.clearfix{display:block; margin: 5px 0px 0 0;font-size: 11px}/* */
.hidden{display:none !important;}
.mitte, .video{
display: block;
margin: 20px auto;
overflow:hidden;
-moz-border-radius:6px;
-webkit-border-radius:6px;
-khtml-border-radius:6px;
border-radius:6px;
border:1px solid black;
max-width: 560px;
}
.mitte p {
	font-size:11px; line-height:13px;
	padding:0px;
	margin: 0;
	background: transparent;
	color: #5d5d5d;
	}
code,pre code{
border:1px solid #f2f2f2;/* white-space:pre;*/
display:block;
font:500 1.0em/1.4em 'Lucida Console','courier new',monospace;
margin:10px 0;
overflow:auto;
padding:5px;
text-align:left;
background:#fafafa;
background:url(images/prebg.png) #fefefe repeat;
}
.trenner{border:0px;height:16px;margin:10px 0 10px 0;padding: 30px 0 0px 0;text-align:center;background:transparent url(images/trenner.jpg) center no-repeat;}
.aboutinfo {
	font: 1.7em 'Marck Script', Verdana, Arial;
	padding:5px 20px;
	margin: 0;
}
 .aboutinfo h3{
	font-size: 25px;
	margin:0; padding:5px 0;
}
/* ++++++++++ Suche ++++++++++ */
form.search{background:transparent;border:none;margin:10px 0px 10px 10px;padding:0;width: 200px;}
form.search input.button{
-moz-border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
border-radius:5px;
background: transparent;border: 1px solid #3e3e3e;color:#3e3e3e;font-weight:normal;margin:2px 5px 0 0px;width:60px}
form.search input.button:hover{background:#7D0099;border:1px solid black;color:#000000}
form.search input.textbox{-moz-border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
border-radius:5px;
border: 1px solid #2c142c !important;
color: #2c142c !important;
background-color: #ecddf5 !important;
height: 17px;
vertical-align:top;
margin: 0px;
padding: 2px;
}
/* ++++++ Soziale Netzwerke BUTTONS +++++ */
.extra{
	margin:20px 0;
	height:150px;
}
.sozialnw {
	float: right;
	margin:0px 0px 0 70px;font-size: 11px; font-weight: bold;}
.sozialnw .googleplus{background:transparent url(icons/googleplus24.png) no-repeat center;}
.sozialnw .twitter {background: url(icons/twitter24.png) no-repeat center;margin:0px 3px}
.sozialnw .facebook {background: url(icons/facebook24.png) no-repeat center;margin: 0px 0px;}
.sozialnw .picasa {background: url(icons/picasa24.png) no-repeat center;margin: 0px 1px;}
.sozialnw a:link, .sozialnw a:visited {
	border:0; text-decoration:none;
}
/* ++++++ Soziale Netzwerke +++++ */
/* ++++++ AMAZON +++++ */
.amazbanner{
margin:0px 90px 30px 70px;padding:0;height: 90px;}

/* ++++++ AMAZON +++++ */
.kategorie {
	font-size: 10px;
	margin:20px 0 0 0;
	padding:0;
	color:#6a6a6a;
	background: transparent;
}
/* +++++ Sticky Artikel +++++ */
.sticky{
-moz-border-radius:15px;
-webkit-border-radius:15px;
-khtml-border-radius:15px;
border-radius:15px;
background: #feff00;
font-style:italic; margin:0px 0 30px 0;
}
.sticky a {
color: black; background:transparent;text-decoration: none;display:block;
-moz-border-radius:15px;
-webkit-border-radius:15px;
-khtml-border-radius:15px;
border-radius:15px;
padding:5px}
.sticky a:hover{
	background: #7d0099;color: white;display:block;-moz-border-radius:15px;
-webkit-border-radius:15px;
-khtml-border-radius:15px;
border-radius:15px;padding:5px;}
/* ++++ Tabber-Menue unten +++ */
.usual {
  padding:0px;
  margin:20px 10px;
font-size: 11px;
}
.usual li { list-style:none; float:left; }
.usual ul a {
  display:block;
  padding:2px 8px;
  text-decoration:none!important;
  margin:1px 2px 0 1px;
  margin-left:0;
  color:#632084;
  background:#f9ecff;
  -moz-border-radius-topleft: 7px;
-webkit-border-top-left-radius: 7px;
border-top-left-radius: 7px;
-moz-border-radius-topright: 7px;
-webkit-border-top-right-radius: 7px;
border-top-right-radius: 7px;
border-bottom: 4px solid #f9ecff;
}
.usual ul a:hover {
  color:#FFF;
  background:#7D0099;
  }
.usual ul a.selected {
  margin-bottom:0;
  color:#000;
  background:#f6e1ff;
  font-weight: bold;
  cursor:default;
  text-transform: uppercase;
  border-bottom: 4px solid #7D0099;
  }
.usual div {
  padding:10px;
  *padding-top:3px;
  *margin-top:-15px;
  clear:left;
  background:#f6e1ff;
  -moz-border-radius:6px;
-webkit-border-radius:6px;
-khtml-border-radius:6px;
border-radius:6px;
}
.usual div a {color:#000; font-weight:bold; }
/* ++++ Artikel weiterempfehlen ++++ */
.weiterempfehlen {margin:10px 0 15px 0}
.weiterempfehlen p {
font-weight: bold;font-size: 10px;margin-bottom: 0px !important;}
.weiterempfehlen span  {display: none;}
.weiterempfehlen a {float:left; width: 24px; height: 24px; margin:0px 10px 10px 0px; no-repeat; border-bottom: none !important;}
.weiterempfehlen a:hover {position: relative; top: -1px;}
.weiterempfehlen .twbutton {background: url(icons/twitter-24x24.png) no-repeat center;
} 
.weiterempfehlen .gbutton {
	background: url(icons/google+-24x24.png) no-repeat center;
}
.weiterempfehlen .fbbutton {
	background: url(icons/facebook-24x24.png) no-repeat center;
}
.artikelarchiv {
	margin: 10px 0 0 0;
	padding: 10px 0 10px 20px;
	line-height: 10px;
}