/* ##########################################
Theme Name: einfach
Theme URI: http://su-mu.de
Description: Textpattern-Layout, einspaltig Fotoblog
Version: 0.1 
Erstellt: 22/Dezember 2009
Geaendert: 11.04.2010
############################################
*/

/* -- Layout der Container -- */
body{
margin:0;
padding:0;
color:white;
background-color:#171717;
font:100% georgia,palatino,"Times New Roman",serif;
line-height:1.5em;
text-align:center;
height:100%;
}
#mantel{
color:black;
width:640px;
margin:0px  auto 10px auto;
background:white;
text-align:left;
padding:0px;
}
#content{
text-align:left;
margin:0px 0px 0px 0px;
width:640px;
}
#content{
min-height:500px;
height:auto !important;
height:500px;
}
/*--- Kopfbereich ---*/
#kopf{
padding:0px 20px;
margin:0;
text-align:left;
background:#262626;
height:75px;
color:#898989;
border-bottom:2px solid silver;
}
#kopf h1#logo a,#kopf h1#logo a:active,#kopf h1#logo a:visited{
font-size:1.5em;
float:left;
margin:15px 0 0 0;
color:#353535;
background:transparent;/*url(logo-paragraph.gif) transparent no-repeat left center;*/
font-weight:normal;
text-decoration:none;
letter-spacing:2px;
display:block;
}
#kopf h1#logo a:hover{color:white;background:transparent;}
#slogan{
font-size:13px;
padding:0;
position:absolute;
letter-spacing:2px;
top:26px;
background:transparent;
color:#3f3f3f;
}
/* Navigation */
#topnavi{width:360px;float:right;height:40px;}
ul.navi{
list-style-type:none;
margin:10px 0;
text-align:right;
}
ul.navi li{
display:inline;
font-size:0.9em;
padding:0 0px 0 2px;
}
ul.navi li a{
color:#a4a4a4;
background:transparent;
text-decoration:none;
padding:2px;
}
ul.navi li a:hover{border-bottom:0;color:black;background:white;}
ul.navi #current a{
color:#a4a4a4;
background:transparent;
border-bottom:4px solid #a4a4a4;
text-transform:uppercase;
font-weight:bold;
}
ul.navi #current a:hover{
border-bottom:4px solid white;
color:black;
background:white;
}
h1 {
	margin:0;
	padding:0;
	}
h2{
margin:20px 0 10px 0;
font-weight:normal;
font-size:37px;
}
h3{
margin:25px 0 5px 0;
font-weight:normal;
letter-spacing:1px;
font-size:27px;
}
/* +++++ Fussinfo +++++ */

/* Fuss-Navigation */
#footer{
background:#262626;
height:16px;
color:#464646;
clear:both;
margin:0;
padding:0.4em 20px;
border-top:2px solid silver;
}
#footer p{
line-height:0.75em;
font-size:0.75em;
padding:0;
margin-top:2px;
}
#footer a{color:#6a6a6a;background:transparent;}
.footerlinks{float:left;width:280px;margin:0;}
.footerrechts{float:right;width:300px;text-align:right;}
#content h1{
padding:5px 0px 0px 0px;
margin:10px 0;
font-size:22px;
letter-spacing:0px;
font-weight:normal;
}

img{border:none;margin:1px 0 5px 0}
/*automatische Kennzeichnung externer Links */
a[href^="http:"]:link,a[href^="http://"]:visited{
background:transparent url(extern.gif) left no-repeat;
padding-left:12px;
}
a[href^="http://su-mu.de"]:link,a[href^="http://su-mu.de"]:visited,
a[href^="http://su-mu.de"]:active,a[href^="http://su-mu.de"]:hover{background:transparent;padding-left:0px;}
/* Links */
a, a:visited{
color:#9400d3;
background:transparent;
text-decoration:underline;
}

a:hover{
color:#a0a0a0;
text-decoration:underline;
background:transparent;
}

a:active{color:red;text-decoration:none;}
a:focus{outline:none;}

.bildarchiv {padding:0px 13px 0 15px;margin:2px 0;}
/* - - - - Allgemeine Formatierungen - - - */
acronym,abbr{border-bottom:1px dashed red;cursor:help;}
blockquote{
margin:10px;
padding:0 0 0 20px;
color:#7a7a7a;
background:transparent;
border-left:4px solid #676767;
font-style:italic;
}
fieldset{
padding:5px;
border:#c0c0c0 1px solid;
margin:10px 0;
}
form{
margin:10px 0 0px 0;
padding:10px;
border:1px solid #f2f2f2;
background:#fafafa;
}
h2 a:link, h2 a:visited{
font-weight:normal;
text-decoration:none;
margin-top:5px;
}
h2 a:hover{
text-decoration:none;
color:#a0a0a0;
background:transparent;
}
h2.titel{font-size:22px;letter-spacing:-0.02em;margin:0px;}
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 0 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:10px 10px 0 10px;
font-size:12px;
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 +++++++ */
.artikel{padding:0px 20px;margin:0px 0 5px 0;}
.artikel p {
	padding: 3px 0 0 0;
	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;
}
.ads {
	margin:10px 0 15px 0;padding:0;
	}
	.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;}
.byline{margin:0px 0 10px 0}
.byline a:link,.byline a:visited{color:#3b3b3b;text-decoration:underline;}
.byline a:hover{text-decoration:none;}
/* additional classes */
.clear{clear:both;}
hr{display:none;clear:both;}
.comment-num{margin-right:5px;padding:0px;color:#9d9d9d;}
.error{color:#ff0000;font-weight:bold;}
.ghocommabo{padding-left:15px;}
/* +++++++++ Kommmentarbereich  ++++++++++ */
.kommentar{margin:20px 0px;border:1px solid #ececec;}
.kommentarautor{
border-bottom:1px solid #ececec;
padding:12px;
background:#fbfbfb;
height:20px;
}
.kommentarautor.owner{
background:url(/images/4.jpg) #ffffff no-repeat right center;
}
.kommentardaten{margin:10px;}
.kommentardaten p{padding:2px;margin:0;}
.kommentartext{padding:10px 10px;margin:0px;}
.kontaktformular{margin-bottom:20px;}
/* ############  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 label{}
#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:0px 0 20px 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:#797979;background:transparent;padding:1px;}
.designer a:hover{
color:white;
background:black;
padding:1px;
margin:0px;
}
.rechts {
		padding-left:200px;
		}

.inlinedate{
padding-left:20px;
font-weight:normal;
color:#c8c8c8;
letter-spacing:-0.06em;
font-size: 16px;
float:right;
}
.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;}

.small,small{
font-size:12px;
color:#676767;
background:transparent;
}

.breadcrumb{
	font-size:11px;
	margin:0 0 10px 0;
	}

.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;}/* */
.hidden{display:none !important;}