/*  
Theme Name: Aysberg Basic
Theme URI: http://www.aysberg.de
Description: Aysberg Blog-Design from Scratch
Author: Jan Kurschewitz
Author URI: http://www.aysberg.de
*/

* { margin: 0; padding: 0; }

body { 
	color: #41495c;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	margin: 11px 0;
	font-size: small;
	text-align: center;
	line-height: 1.4em;
	background: #ffffff url("images/bg-body-linien.gif") top center repeat; }

#wrap {
	text-align: left;
	/*min-width: 740px;
	max-width: 924px;*/
	width: 740px;
	padding: 5px;
	margin: 0 auto;
	position: relative;
	background-color: #fff; }


/* ---[ Title + Logo ]------------------------------- */

#title { 
	margin-bottom: 5px;
	height: 90px;
	background: #6B7591 url("images/upernivik-aysberg-webdesign.gif") no-repeat; }

#logo { text-align: right; }
	
#logo img { /* Logo Print */
	width: 0;
	height: 0;
	display: block;	 }

#logo span { /* Logo Screen */
	width: 100%;
	height: 90px;
	background:  url("images/logo-aysberg.gif") no-repeat;
	background-position: right; 
	display: block;	}

#logo a { 
	border-style: none;
	width: 100%;
	height: 90px;
	display: block; }


/* ---[ Navigation ]------------------------------- */

#navi { position: relative; }

#navi ul { 
	margin: 5px 0;
	padding: 0;
	background: #ffcc7f url("images/bg-navi.gif") 0 0 repeat-x;
	width: 100%;
	overflow: auto;
	list-style: none; }
	
#navi ul li { 
	line-height: 2.2em;
	padding: 0 0 0 1px;
	background:  url("images/bg-navi-li.gif") 0 0 no-repeat;
	float: left;
	display: block;
	list-style: none;
	white-space: nowrap;	}
#navi ul li:first-child { 
	background: 0; }

#navi ul a {
	color: #41495c;
	padding: 0 20px;
	background: #ffcc7f url("images/bg-navi.gif") 0 0 repeat-x;
	display: block;
	text-decoration: none; }	
	
#navi ul a:hover, #navi ul a:focus {
	color: #000;
	background: #FFD89E}

#navi ul .current a, #navi ul .current a:hover, #navi ul .current a:focus   {
	color: #000;
	background:  url("images/bg-navi-current.gif") 0 0 repeat-x; }	


/* ---[ Main-Body ]------------------------------- */

#main-body { 
	background: #fff url("images/bg-main-body.gif") 100% 0 repeat-y;	 }

#inner-body { 
	background:  url("images/bg-sidebar.gif") 100% 100% no-repeat;
	min-height: 500px;
	position: relative; }

#contentbar {	
	line-height: 1.6em;
	padding-top: 1.3em;
	width: 510px;
	float: left;
	background: #fff; }

#sidebar { 
	padding-bottom: 180px;
	width: 225px;
	float: right;}

.breaker { 
	height: 1px;
	clear: both;
	overflow: hidden; }


/* ---[ General ]------------------------------- */
	
p { 
	margin: .5em 0 .5em; }
	
h1, h2, h3 {
	color: #5E6475;
	font-weight: bold;
	font-family: Tahoma, Arial, Helvetica, sans-serif; }

h1 {
	font-size: 150%;
	margin: 1.3em 0 .8em 0;
	clear: both; }
	
h2 { 
	font-size: 130%;
	margin: 1.3em 0 .6em 0;
	/*clear: both;*/ }

h3 { 
	font-size: 110%;
	margin: 1.3em 0 .5em 0;
	margin: 1.3em 0 .5em 0; }
	
strong { 
	color: #5E6475;
	font-weight: bold; }

em {
	font-style: italic; }
	
ul { 
	list-style-type: none; }
ul li { 
	list-style-type: none; }

ol { 
	padding-left: 30px;
	 }
ol li {  }

abbr, acronym { 
	border-bottom: 1px dotted #777471;
	cursor: help; }

a img { border: none; }

.hide {
	display: none; }

.alert {
/*	color: #900;*/
	font-weight: bold;
	text-align: center;
	line-height: 1.2em; 
	margin-top: 1em;
	padding: .5em 20px;
	background: #fcf9f6; }
	
a:link { color: #7A7F8D; }
a:visited { color: #7A7F8D;	}
a:hover, a:focus { color: #41495C; }


/* ---[ Sidebar ]------------------------------- */
	
/* Ueberschriftskasten */
	
#subnavi h2 { 
	font-size: small;
	padding: .5em 10px .5em 20px;
	margin: 0;
	background: #ebd6c2; }

/* Subnavi-Liste */ 

#subnavi ul { 
	padding: .5em 0 1em;
	border-bottom: 5px solid #fff; }

#subnavi ul li {
	line-height: 1.5em;
	padding: 0;	}

#subnavi ul a { 
	color: #41495c;
	line-height: 1.4em;
	text-decoration: none; 
	padding-left: 20px;
	background: url("images/ico-navi.gif") 8px .5em no-repeat; }	
	
#subnavi ul a:hover, #subnavi ul a:focus {
	text-decoration: underline;
	background: url("images/ico-navi-hover.gif") 8px .5em no-repeat;
	border-bottom: none; }

#subnavi ul a.current, #subnavi ul a.current:hover, #subnavi ul a.current:focus   {
	background: url("images/ico-navi-current.gif") 8px .5em no-repeat;
	border-bottom: none; }	


/* Volltextsuche */

#searchbox { 
	clear: both;
	border-bottom: 5px solid #fff; }

#searchbox p { 
	padding: .5em 10px .5em 20px;
	margin: 0; }

#searchform {
	white-space: nowrap; }
	
#searchform #s {
	color: #41495C;
	vertical-align: middle;
	width: 163px;
	margin: .2em 0;
	padding: 2px 0;
	border: 1px solid #777471; }
	
#searchform label { 
	display: none; }
	
#searchform #ico {
	vertical-align: middle;
	margin-left: 2px; }


/* ---[ Contentbar ]------------------------------- */

/* Ueberschrift und Datum */

.headline1 {
	/*min-height: 40px;*/
	margin: 2em 20px 0;
	padding-left: 40px;
	background: url("images/headline-page.gif") 0 0 no-repeat; }
.headline1:first-child { margin-top: 0em; }

.archive .headline1 {
	background-image: url("images/headline-archive.gif") ; }
.search .headline1 {
	background-image: url("images/headline-search.gif") ; }
.author .headline1 {
	background-image: url("images/headline-author.gif") ; }

.headline1 h1 {
	margin: 0;
	padding: 0; }

.headline2 {
	/*min-height: 20px;*/
	margin: 1em 18px 0;
	padding-left: 24px;
	background: url("images/headline-page-s.gif") 0 0 no-repeat; }

.archive .headline2, .search .headline2 { 
	margin-left: 36px; }	

.headline2 h2 {
	margin: 0;
	padding: 0; }

h2 { margin-left: 20px; margin-right: 20px; }
.content h2 { margin-left: 0; margin-right: 0; }


h1 a:link, h1 a:visited, h1 a:focus, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited {
	color: #5e6475;
	text-decoration: none; }

h1 a:hover, h2 a:hover, h3 a:hover  {
	color: #5e6475;
	text-decoration: underline; }


.subdate { 
	color: #5E6475;
	font-size: 85%;
	width: 300px;
	float: left; }
.subnumbers { 
	color: #5E6475;
	font-size: 85%;
	text-align: right;
	width: 100px;
	float: right; }

/* Details */

.DetailBox {
	line-height: 1.3em; 
	margin-top: 1em;
	padding: .5em 20px;
	border-bottom: #ebd6c2 1px solid;
	background: #fcf9f6; }
.DetailBox a {
	color: #41495c; }

.archive .DetailBox, .search .DetailBox { padding-left: 60px; }


.VorZurueck {
	line-height: 1.2em; 
	margin-top: 5px;
	padding: .5em 20px;
	background: #fcf9f6; }
.VorZurueck .left { float: left; width: 40%; }
.VorZurueck .right { text-align: right; float: right; width: 40%; }
.VorZurueck a {
	color: #41495c; }

.VorZurueck .left a {
	padding-left: 15px; 
	background: url("images/arrow-left.gif") 0 3px no-repeat;}
.VorZurueck .left a:link, .VorZurueck .left a:visited { text-decoration: none; }
.VorZurueck .left a:hover, .VorZurueck .left a:focus { text-decoration: underline; }

.VorZurueck .right a {
	padding-right: 15px; 
	background: url("images/arrow-right.gif") 100% 3px no-repeat;}
.VorZurueck .right a:link, .VorZurueck .right a:visited { text-decoration: none; }
.VorZurueck .right a:hover, .VorZurueck .right a:focus { text-decoration: underline; }

.more-link {
	display: block;
	padding-left: 14px; 
	margin-top: .5em;
	background: url("images/arrow-right.gif") 0 3px no-repeat;}
.more-link a:link, .more-link a:visited, .more-link a:active { text-decoration: none; }


/* Nummerierte Listen Kommentare */
ol#comments , ol#trackbacks { 
	list-style: none;
	padding-left: 0; }
ol#comments li, ol#trackbacks li { 
	list-style: none;
	line-height: 1.3em; 
	padding: .4em 20px 25px 20px;
	margin: .5em 0 5px 0;
	border-top: #e8eaee 1px solid; 
	background: #fafbfc url("images/comment-bottom.gif") 50% 100% no-repeat; }

#comments li.author, #trackbacks li.author {
	border-top: #ebd6c2 1px solid; 
	background: #fcf9f6 url("images/comment-bottom-author.gif") 50% 100% no-repeat; }
	
#comments li.author .commenthead, 
#trackbacks li.author .commenthead { 
	border-bottom: #ebd6c2 1px solid; }

#comments li.author .number a:link, #comments li.author .number a:visited, #comments li.author .number a:hover,
#trackbacks li.author .number a:link, #trackbacks li.author .number a:visited, #trackbacks li.author .number a:hover { 
	color: #ebd6c2; }

#comments li a:link, #comments li a:visited, 
#trackbacks li a:link, #trackbacks li a:visited { 
	color: #41495c; }
#comments li a:hover, #trackbacks li a:hover { 
	text-decoration: underline; }

#comments li .number, #trackbacks li .number  {
	color: #e6e8ed; 
	font-family: Corbel, Tahoma, Arial, Helvetica, sans-serif; 
	font-weight: bold; 
	font-size: 200%;
	float: right; }
	
#comments li .number a:link, #comments li .number a:visited,
#trackbacks li .number a:link, #trackbacks li .number a:visited {
	color: #e6e8ed; 
	text-decoration: none; }

#comments li .number a:hover, #comments li .number a:focus,
#trackbacks li .number a:hover, #trackbacks li .number a:focus {
	color: #e6e8ed; 
	text-decoration: underline; }

.commenthead {
	padding-bottom: .4em;
	border-bottom: #e8eaee 1px solid; }
	

.content { 
	color: #41495c;
	line-height: 1.4em;
	margin-bottom: 5px;
	padding: 0 20px; }

.archive .content, .search .content { margin-left: 40px; }

.content ul { 
	margin: .5em 0;
	padding-left: 24px; }
.content ul li { 
	padding-left: 16px;
	background:  url("images/ico-arrow.gif") .2em .5em no-repeat; }

.Abstand li { padding-bottom: .5em; }


/* Kommentar-Formular */

#reply {
	padding: .5em 20px 30px 20px;
	margin-top: 1em;
	border-top: 1px solid #ebd6c2; 
	background: #f7efe7 url("images/bg-sprech.gif") 50% 100% no-repeat; }
	
#reply p {
	margin: 0; }

#reply a {
	text-decoration: underline;
	cursor: pointer; }

#reply fieldset { 
	border: 0; }
	
#reply legend { 
	display: none; }

#reply .textfeld {
	margin-top: 2px;
	padding: 2px;
	border: 1px solid #ebd6c2; }

#reply #author, #email, #url { width: 50%; }
#reply #comment { width: 100%; }

#reply #submit {
	margin-top: 2px;}


/* Eigene Formatierungen */
.ZeilenIntro { 
	/*color: #5E6475;
	font-weight: bold;*/ }

.Screenshot {
	margin: .5em 0;}

.Hinweis {
	padding: .6em;
	margin: 1em 0 .5em 0;
	background: #f7efe7;
	border-top: 1px solid #ebd6c2; 
	border-bottom: 1px solid #ebd6c2; }

.HinweisHalb {
	margin: 0 0 5px 10px;
	width: 40%;
	float: right;
	padding: 5px 1.2em 5px 1.2em;
	background: #f7efe7;
	border-top: 1px solid #ebd6c2; 
	border-bottom: 1px solid #ebd6c2; }
.content .HinweisHalb ul {
	padding-left: .5em; }

.Bild {
	margin: .5em auto; }
	
.BildRahmen {
	margin: .5em 0;
	border: 1px solid #41495C; }

.BildRechts {
	float: right;
	margin: 0 0 .5em .5em;
	border: 1px solid #41495C; }

.BildLinks {
	float: left;
	margin: 0 .5em .5em 0;
	border: 1px solid #41495C; }

.MiniText { 
	font-size: 85%;
	line-height: 1.2em; }

.Eingerueckt {
	margin-left: 30px; }

p.Link  { 
	margin: .5em 20px;
	padding-left: 20px; 
	background:  url("images/ico-arrow.gif") .2em .5em no-repeat; }

blockquote {
	margin: .5em 0 0 25px;
	padding: 0 10px;
	border-left: 5px solid #f5eae0; }

p blockquote {
	margin: 0; }

/* Definitionslisten */
dt {	
	font-weight: bold;
	margin: .5em 0 .25em 0; }
	
dd {
	padding-left: 30px; }


.content a:link { color: #DF821F;	}
.content a:visited { color: #777471; }
.content a:hover, a:focus {	color: #B56A19;	}

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden; }
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */



/* ---[ Footer ]------------------------------- */

#footer { 
	color: #fff;
	font-size: 80%;
	line-height: 1.2em;
	padding: .5em 0;
	border-top: 5px solid #fff;
	clear: both;
	background: #6b7591; }

#footer .left { padding: 0 20px; width: 470px; float: left; }
#footer .right { padding: 0 20px 0 10px; width: 185px; float: right; }

#footer a { text-decoration: none; }
#footer a:link {
	color: #fff;	}
#footer a:visited {
	color: #fff;	}
#footer a:hover, #footer a:focus {
	color: #fff;
	text-decoration: underline;	}
