/*     --reset
------------------------------------------------- */
* {margin: 0;	padding: 0;	border: 0; outline: 0;}
html {margin: 0!important;}
ol, ul {list-style: none;}
table {border-collapse: collapse;	border-spacing: 0;}
.float-left {float: left;}
float-right {float:right;}
@font-face {
    font-family: 'Lobster';
    src: url('fonts/Lobster_1.3-webfont.eot');
    src: url('fonts/Lobster_1.3-webfont.eot?iefix') format('eot'),
         url('fonts/Lobster_1.3-webfont.woff') format('woff'),
         url('fonts/Lobster_1.3-webfont.ttf') format('truetype'),
         url('fonts/Lobster_1.3-webfont.svg#webfontLXW01n4B') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ComfortaaRegular';
    src: url('fonts/Comfortaa_Regular-webfont.eot');
    src: url('fonts/Comfortaa_Regular-webfont.eot?iefix') format('eot'),
         url('fonts/Comfortaa_Regular-webfont.woff') format('woff'),
         url('fonts/Comfortaa_Regular-webfont.ttf') format('truetype'),
         url('fonts/Comfortaa_Regular-webfont.svg#webfont6RyPCQEL') format('svg');
    font-weight: normal;
    font-style: normal;

}
/*     --floats
------------------------------------------------- */
.floatLeft{float: left;}
.floatRight{float: right;}
.clear{	clear: both;}
div.hr hr {display: none;}

/*     --wrap
------------------------------------------------- */
#wrap{ width: 960px; margin: 35px auto 10px auto;}

/*     --body
------------------------------------------------- */
body {background: #f2f2f2 url(img/body_back.png); color: #656565; font-family: Lucida Grande, Arial, sans-serif; font-size: 11px;}

/*     --header
------------------------------------------------- */
#header {background: url(img/background-header.png) repeat-x left top; height: 96px;}
#header #logo {position: absolute; left:0; top: -28px;}


/*     --h
------------------------------------------------- */
#content h1{font-size: 29px; font-weight:normal; margin: 5px 0px 10px; font-family: Lobster, Georgia, serif; font-style: italic; line-height: 33px;}
#content h2{font-size: 15px; margin-bottom: 10px; margin-top: 10px;}
#content h3{font-size: 14px; font-weight:bold; margin: 15px 0px 10px;}
#content h4{font-size: 18px; font-weight:normal; margin: 10px 0px 10px;}
#content h5{font-size: 14px; font-weight:normal; margin: 5px 0px 10px; color: #837661; background: #333333; padding: 5px; border: 1px dotted #837661; font-family: Georgia; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}

/*     --tags
------------------------------------------------- */
a {color: #928D70; text-decoration: none;}
a:active {position: relative; top: 1px;}
p {margin-bottom:18px; font-family: Georgia, serif; color: #656565; font-size: 14px; line-height: 20px;}
ul {list-style:none; padding-left: 20px; margin-bottom: 20px;}
cite, em, i {font-style: italic;}
.entries .einleitung {}
blockquote {font-style: italic; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 7px 0; margin-bottom: 15px;}
blockquote p {margin: 0;}
code {font:10px Monaco, monospace;}
li {list-style-type: square; list-style-position: outside; font-family: Georgia, serif; font-size: 12px; line-height: 20px; margin-bottom: 0px;}

/*     --listenansicht
------------------------------------------------- */
#content {float: left; width: 620px; border-top: 3px solid #E1E1E1;}
.entries .article {margin-bottom: 35px; border-bottom: 1px solid #e1e1e1; padding-bottom: 50px; }
.entries .title h2 {padding-left: 160px;}
.entries .title h2 a {font-weight: normal; font-family: Lobster, Georgia, serif; font-size: 24px; color: #505050; line-height: 23px;}
.entries .title h3 {font-size: 10px!important; margin: 0 0 10px !important;}
.entries .metainfos {float: left; width: 140px; font-size:11px; display: block; text-align: left; margin-left: 0px; border-bottom: 1px solid #e1e1e1; border-top: 1px solid #e1e1e1; color: #777; padding-top: 16px; padding-bottom: 15px;}
.entries .metainfos p {margin: 0;}
.entries .metainfos .date p {margin-bottom: 5px; font-family: Arial, sans-serif; font-size: 11px;}
.entries .wp_twitter_button {margin-top: 15px; border-top: 1px dotted #ccc; padding-top: 10px;}
.entries .body {float: right; width: 460px; border-top: 1px solid #e1e1e1; padding-top: 16px; overflow: hidden;}

/*     --singleansicht
------------------------------------------------- */
.full-entry {width: 580px;	padding-right: 25px; float: left; margin-bottom: 30px; background: #fdfdfd;	padding: 20px 18px 20px 20px;	border: 5px solid #f8f8f8;}
.full-entry .post {position: relative;}
.full-entry .post .erste-absatz:first-letter{font-size:50px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; color:#837D65; float:left; margin-right:10px; line-height:40px;}
.full-entry .einleitung {color: #666666; padding: 10px 0;	border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; line-height: 22px;	margin-bottom: 20px; font-family: Georgia; font-size: 16px;}
.full-entry .title h3 {font-size: 10px !important; margin: 0 0 10px !important;}
.full-entry ul {margin-bottom: 20px;}
.full-entry ul li {margin-left: 15px; list-style-type: disc; list-style-position: outside; margin-bottom:6px;}
.full-entry h2 {margin-bottom: 20px; padding: 10px 0; border-bottom: 1px dotted #ccc; font-family: Georgia; font-style: italic; font-size: 18px; color: #837661;}
.full-entry .like-button {margin-top: 15px; padding-top: 10px;}
.full-entry .wp_twitter_button {position: absolute; right: -6px; bottom: 57px; z-index: 100;}
.comment_list {margin-top: 35px; margin-left: 160px;}

/*     --kommentare
------------------------------------------------- */
.comments_tally {background: url(library/img/blog/comments_bg.jpg) no-repeat; color: #837661; text-align: center; width: 106px; height: 30px; line-height: 22px;}
.comment_author {font-size: 16px;}
.comment_text {margin-top: 20px;}
#postcomment {margin-top: 35px;}
.comment_list ul li{display: block; padding: 40px 0; border-bottom: 1px dotted #c2c2c2;}
.comment_list ul {padding: 0;}
.comment_list input#submit {color: #837661; background: #333333;}
.comment_list input, 
.comment_list textarea {border: 1px solid #c2c2c2; padding: 6px; margin: 6px 0; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
.comment_list textarea {width: 445px;}
.comment_list .avatar {float: left; margin: 0px 12px 2px 0; display: inline;}

/*     --img
------------------------------------------------- */
.post img, .post a img, .comment_list .avatar {padding: 3px; background:#fff; border:1px dotted #DDDDDD; margin-bottom: 10px;}
.post a img:hover, .comment_list .avatar:hover {background:#dddddd none repeat scroll 0 0;}

/*     --quicktags
------------------------------------------------- */
.box { margin-top: 30px; margin-bottom: 20px; padding: 10px; border-bottom: 1px dotted #ccc; border-top: 1px dotted #ccc; font-family: Georgia; font-style: italic; -webkit-column-count: 2; -webkit-column-gap: 40px; -webkit-column-rule: 1px dotted #E0E0E0;	-moz-column-count: 2;	-moz-column-gap: 40px; column-count: 2;	column-gap: 40px;}
.box-farbig {background: #f1f0f0; border: 1px dashed #e5e5e5; padding: 10px; margin-bottom: 20px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.download-box a {display: block; padding: 34px 0px 34px 100px; background: #f1f0f0 url(library/img/download.png) 20px center no-repeat; font-weight: bold; border: 1px dashed #e5e5e5; margin-bottom: 5px;}
.demo a {display: block; padding: 34px 0px 34px 100px; background: #f1f0f0 url(library/img/mac.png) 20px center no-repeat; font-weight: bold; border: 1px dashed #e5e5e5; margin-bottom: 5px;}

/*     --search
------------------------------------------------- */
.search .field {width: 189px;}
.search .button {background: #222; color: #928D70; border:0;}

/*     --date-banner/buttons
------------------------------------------------- */
#content .entries ul li .date p,
#content .full-entry .date p{padding-top: 15px; font-size: 10px; text-align: center; line-height: 14px;}
#content .entries ul li .date p span,
#content .full-entry .date p span{display: block; font-size: 25px; line-height: 24px;}
#content .entries ul li .date, 
#content .full-entry .date{background: url(library/img/date.png) no-repeat;	width: 72px; height: 72px; float:left; margin-right: 15px; color: #837661; margin-left: -60px; margin-top: -12px;}

/*     --socials
------------------------------------------------- */
.socials a {display: block; float: left; padding: 4px 9px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #EAE6E3; margin-right: 4px; margin-bottom: 6px;}
.socials a.last {margin:0;}

/*     --hauptspalte
------------------------------------------------- */
.entries {width: auto; position: relative;}

/*     --sidebar
------------------------------------------------- */
#sidebar .sidebar_wrap {border-left: 1px solid #E1E1E1; padding-left: 40px;}
#sidebar {float: right; width: 300px; font-size: 11px; position: relative; z-index: 100;}
#sidebar ul {overflow: hidden; padding: 0;}
#sidebar ul li ul {margin: 0;}
#sidebar ul li{padding-bottom: 20px; margin-bottom: 35px; margin-bottom: 0; list-style-type: none;}
#sidebar ul li ul li{border-bottom: 0;	padding-bottom: 0; margin-bottom: 0; width: 50%; float: left;}
#sidebar h3{font-family: 'Times New Roman', Palatino, serif; font-size: 14px; border-bottom: 1px solid #E1E1E1; text-transform: uppercase; letter-spacing: 1px; line-height: 18px; padding-left: 0px; padding-top: 14px; padding-bottom: 11px; margin-bottom: 17px; color: #4A4A4A; border-color: #E1E1E1; font-weight: normal; border-top: 3px solid #E1E1E1;}
#sidebar .flickr li {float: left;	margin-right: 5px; padding: 2px; background:#fff; border:1px dotted #DDDDDD; margin-bottom: 5px;}
#sidebar .textwidget {line-height: 16px;}
#sidebar #archives-3 {border: none;}
#sidebar .simple-flickr-photostream li {width: 75px;}

/*     --footer
------------------------------------------------- */
#footer {border-top: 3px dotted #E1E1E1; width: 960px; margin: 0 auto; padding-top: 30px; padding-bottom: 20px; color: #878787; font-family: "Times New Roman", Times,Georgia, serif; line-height: 18px; margin-top: 30px;}
#footer .mod_customnav li {float: left;}
#footer .mod_customnav li a {display: block; padding-right: 10px; text-decoration: none;}
#footer .float-right {text-align: right; line-height: 18px;}

/*     --inputs
------------------------------------------------- */
input,
textarea{border: 1px solid #c2c2c2; padding: 6px; margin: 6px 0;}
input.submit {color: #837661; background: #333333;}

#page .navigation ul li .icon {float:left;}

/*     --mainnavi
------------------------------------------------- */
#menuwrapper {padding-top: 27px;}
#menu {background: url(img/background-menu.jpg) no-repeat center top;}
#mainmenu {width: 960px; margin: 0 auto; position: relative;}
#mainmenu .mod_navigation {position: relative; height: 58px;}
#mainmenu ul {position: absolute; right: 0; top: 6px;}
#mainmenu li {float: left; list-style-type: none;}
#mainmenu li a {display: block; padding: 13px 20px; text-decoration: none; color: #C2BDA4; font-family: "ComfortaaRegular", Times,Georgia, serif; font-size: 14px; -webkit-transition:color 0.3s ease-out, text-shadow 0.3s ease-out; -moz-transition:color 0.3s ease-in, text-shadow 0.3s ease-out; -0-transition:color 0.3s ease-ioutn, text-shadow 0.3s ease-out; transition:color 0.3s ease-out, text-shadow 0.3s ease-out;}
#mainmenu li.last a {padding-right: 0;}
#mainmenu li a:hover {color: #fff; -webkit-transition:color 0.3s ease-in, text-shadow 0.3s ease-in; -moz-transition:color 0.3s ease-in, text-shadow 0.3s ease-in; -0-transition:color 0.3s ease-in, text-shadow 0.3s ease-in; transition:color 0.3s ease-in, text-shadow 0.3s ease-in;}
#mainmenu li.active a, #mainmenu li.trail a {color: #fff;}

ul.addtoany_list {margin:0; padding: 0;}
ul.addtoany_list li {list-style-type: none;}
ul.addtoany_list li a {padding: 0!important;}
.about-me {margin-bottom: 15px; line-height: 16px; text-shadow: 1px 1px #F8F8F8; color: #8F8F8F; font-family: Lucida Grande, Arial, sans-serif; font-size: 10px;}