/*  
Theme Name: Der Nordseeblog
Theme URI: 
Description: Der Blog von Anne und Angelica über ihr Leben an der Nordsee
Version: 1.0
Author: Anne Langley
Author URI: http://www.langleys.de	
 */

* {
	BORDER:0;
	MARGIN:0;
	PADDING:0}

html,body {
	BACKGROUND:#Fff url('images/back-bg.jpg') repeat left top;
	FONT-SIZE:101%;
	TEXT-ALIGN:center}

/* Layoutelemante
--------------------------------------------------------------------*/
h2 {COLOR:#a40000;}
small {COLOR:#000000;}

#wrapper {
	MARGIN:0 auto;
	POSITION:relative;
	TEXT-ALIGN:center;
	WIDTH:940px}

#top {
	BACKGROUND:url('images/top-bg.png') no-repeat left top;
	HEIGHT:50px;
	MARGIN:0 auto;
	TEXT-ALIGN:left;
	WIDTH:940px;
	HEIGHT:117px;}

#wrapper-content {
	MARGIN:0 auto;
	PADDING:0;
	WIDTH:940px}

.comment-wrapper {
	FONT:0.8em verdana, arial, geneva, helvetica, sans-serif;}


#sidebar {
	FLOAT:right;
	MARGIN:0;
	WIDTH:300px}

	#nav-top-bg {
		BACKGROUND:url('images/nav-top-bg.png') no-repeat left top;
		HEIGHT:45px}

	#nav-bottom-bg {
		BACKGROUND:url('images/nav-bottom-bg.png') no-repeat left bottom;
		HEIGHT:45px}

#main {
	MARGIN:0 310px 0 0;
	PADDING-TOP:0;
	TEXT-ALIGN:left}

.main-bottom-bg {
		BACKGROUND:url('images/back-content-bottom-bg.png') no-repeat left top;
		HEIGHT:20px;
		WIDTH: 630px;
		TEXT-ALIGN:left;
		MARGIN:0 310px 0px 0;}

.main-top-bg {
		BACKGROUND:url('images/back-content-top-bg.png') no-repeat left top;
		HEIGHT:20px;
		WIDTH: 630px;
		TEXT-ALIGN:left;
		MARGIN:10px 310px 0px 0;}



span.extlink {
	DISPLAY:inline;
	LEFT:-3000px;
	OVERFLOW:hidden;
	POSITION:absolute;
	TOP:-3000px;
	WIDTH:0}

a.extern:link {
	BACKGROUND:url(images/external.gif) no-repeat 100% 0;
	COLOR:#241F17;
	PADDING:1px 20px 2px 2px;
	TEXT-DECORATION:none}

a.extern:visited {
	BACKGROUND:url(images/external.gif) no-repeat 100% 0;
	COLOR:#000;
	PADDING:1px 20px 2px 2px;
	TEXT-DECORATION:none}

a.extern:hover {
	BACKGROUND:#ffffff url(images/external.gif) no-repeat 100% 0;
	BORDER-BOTTOM:none;
	COLOR:#34301F;
	PADDING:1px 20px 2px 2px;
	TEXT-DECORATION:none}

a.extern:active,a.extern:focus {
	BACKGROUND:#fff url(images/external1.gif) no-repeat 100% 0;
	BORDER:1px solid #C00;
	COLOR:#C00;
	PADDING:1px 20px 2px 2px;
	TEXT-DECORATION:none}





/* Acronym
----------------------------------*/
acronym,abbr {
	BORDER-BOTTOM:1px dashed #a40000;
	CURSOR:help;
	FONT-SIZE:0.85em;
	FONT-STYLE:italic}

/* Blockquote
----------------------------------*/
blockquote {
	BACKGROUND:#F3EFDE;
	FONT:1.3em Georgia, Georgia, 'times new roman', serif;
	MARGIN:0 0 10px 5%;
	TEXT-ALIGN:left;
BORDER-LEFT: 10px solid #933000}

#main blockquote p {
COLOR:#000000;
	MARGIN-BOTTOM:5px;
	MARGIN-RIGHT:0;
	PADDING:10px 5px 10px 30px;
	TEXT-ALIGN:left}

#main blockquote cite {
	COLOR:#999;
	DISPLAY:block;
TEXT-ALIGN:right;
	FONT:70% verdana, arial, geneva, helvetica, sans-serif;
	PADDING-TOP:5px}

/* Weiterlesen link
--------------------------------------------------------------------*/

.postbody a.more-link,.sidebar-box-twitter a {
	BORDER-BOTTOM:solid 1px #933000;
	COLOR:#933000;
	DISPLAY:block;
	FONT:normal 0.9em Verdana, Verdana, Geneva, sans-serif;
	PADDING:10px 10px 1px 0;
	TEXT-ALIGN:right;
	TEXT-DECORATION:none}

.postbody a.more-link:visited,.sidebar-box-twitter a:visited {
	BORDER-BOTTOM:solid 1px #933000;
	COLOR:#000000;
	DISPLAY:block;
	FONT:normal 0.9em Verdana, Verdana, Geneva, sans-serif;
	PADDING:10px 10px 1px 0;
	TEXT-ALIGN:right;
	TEXT-DECORATION:none}

.postbody a.more-link:hover,.sidebar-box-twitter a:hover {
	BORDER-BOTTOM:solid 1px #000000;
	COLOR:#000000;
	DISPLAY:block;
	FONT:normal 0.9em Verdana, Verdana, Geneva, sans-serif;
	PADDING:10px 10px 1px 0;
	TEXT-ALIGN:right;
	TEXT-DECORATION:none}

/* Einzelner Artikel
--------------------------------------------------------------------*/

.artikel p, .postbody p {
LINE-HEIGHT: 1.5em;
MARGIN-BOTTOM: 10px;
MARGIN-top: 10px;}

small {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 0.9em;
	line-height: 1.5em;
	}

.content-single p {
	COLOR:#5C4F36;
	FONT:normal 0.8em Verdana, Verdana, Geneva, sans-serif;
	PADDING:10px 0 10px 0}

.content-single-suche {
	COLOR:#5C4F36;
	FONT:normal 0.8em Verdana, Verdana, Geneva, sans-serif;
	PADDING:10px 0}

/* SINGLEPAGE
--------------------------------------------------------------------*/
.content-single h3 {
	COLOR:#C40000;
	FONT:normal 1.1em Verdana, Verdana, Geneva, sans-serif;
	FONT-SIZE:1.1em;
	MARGIN:0px;
	PADDING:5px}

.content-single .date {
	BORDER-BOTTOM:1px solid #AD9C8F;
	COLOR:#008724;
	DISPLAY:block;
	FONT:bold 0.8em Verdana, Verdana, Geneva, sans-serif;
	TEXT-ALIGN:right;
	MARGIN:0 0 30px 5px;
	PADDING:0}

.content-single a {
	COLOR:#43372E;
	TEXT-DECORATION:underline;
	PADDING:2px}

.content-single a:visited {
	BORDER-BOTTOM:none;
	COLOR:#43372E;
	TEXT-DECORATION:underline;
	PADDING:2px}

.content-single a:hover {
	BACKGROUND:#fff;
	COLOR:#000;
	TEXT-DECORATION:none;
	PADDING:2px}

.content-single li, .postbody ul li, .artikel li {
	FONT:normal Verdana, Verdana, Geneva, sans-serif;
	COLOR:#5C4F36;
	LINE-HEIGHT:1.3em;
	MARGIN:5px 0 10px 10px}

.content-single ul, .postbody ul, .artikel ul {
	LIST-STYLE-TYPE:disc;
	MARGIN:5px 10px 10px;
	PADDING:0 10px}

.content-single ul ul {
	FONT-SIZE:1.2em;
	LIST-STYLE-TYPE:disc;
	MARGIN:5px 10px 10px;
	PADDING:0 10px}

.content-single ol {
	MARGIN:5px 10px 10px;
	PADDING:0 20px}

.content-single li a,.content-single ul a,.content-single li a:hover,.content-single ul a:hover {
	BACKGROUND:transparent;
	COLOR:#43372E}

.content-single input {
	BACKGROUND:#F8F5F3;
	BORDER:1px solid #AD9C8F;
	FONT:0.9em Verdana, Verdana, Geneva, sans-serif;
	MARGIN:5px 5px 10px 10px;
	PADDING:3px}

.content-single textarea {
	BACKGROUND:#F8F5F3;
	BORDER:1px solid #AD9C8F;
	DISPLAY:block;
	FONT:0.9em Verdana, Verdana, Geneva, sans-serif;
	HEIGHT:100px;
	WIDTH:400px;
	MARGIN:5px 5px 10px 10px;
	PADDING:3px}

.content-single input.button {
	BACKGROUND:#F8F5F3;
	BORDER:1px solid #AD9C8F;
	COLOR:#000;
	FONT:bold 0.9em Verdana, Verdana, Geneva, sans-serif;
	HEIGHT:24px;
	MARGIN:5px;
	PADDING:2px 3px}

/* SEITEN NAVIGATION
------------------------------------------------------------------------------------------------------*/
.page-navigation {
	BACKGROUND:#ffffff url('images/back-content-bg.jpg') repeat-y left top;
	FONT:normal 0.8em Verdana, Verdana, Geneva, sans-serif;
	MARGIN:0;
	OVERFLOW:hidden;
	PADDING:0;
	POSITION:relative;
	TEXT-ALIGN:right;
	WIDTH:100%}

.page-navigation .alignright {
	FLOAT:right;
	PADDING:5px}

.page-navigation .alignleft {
	FLOAT:left;
	PADDING:5px}

.page-navigation .alignleft a,.page-navigation .alignright a {
	COLOR:#933000;
	FONT-WEIGHT:bold;
	PADDING:2px;
	TEXT-DECORATION:none}

.page-navigation .alignleft a:visited,.page-navigation .alignright a:visited {
	COLOR:#000000;
	PADDING:2px;
	TEXT-DECORATION:underline}

.page-navigation .alignleft a:hover,.page-navigation .alignright a:hover {
	COLOR:#000000;
	PADDING:2px;
	TEXT-DECORATION:none}

/* Kommentar Antwort link
--------------------------------------------------------------------*/
.com-back{BACKGROUND:#ffffff url('images/back-content-bg.jpg') repeat-y left top;
PADDING-LEFT: 10px;
PADDING-TOP: 10px;
PADDING-BOTTOM: 10px;
}



.com-back a {
	PADDING:2px;
	COLOR:#933000;
	TEXT-DECORATION:none}

.com-back a:visited {
	PADDING:2px;
	BORDER-BOTTOM:none;
	COLOR:#000000;
	TEXT-DECORATION:underline}

.com-back a:hover {
	PADDING-RIGHT:2px;
	COLOR:#000;
	TEXT-DECORATION:none}











.comment .comment-reply-link {
	DISPLAY:block;
	TEXT-ALIGN:right;
	PADDING-RIGHT:10px;
	COLOR:#933000;
	TEXT-DECORATION:none}

.comment .comment-reply-link:visited {
	DISPLAY:block;
	TEXT-ALIGN:right;
	PADDING-RIGHT:10px;
	BORDER-BOTTOM:none;
	COLOR:#000000;
	TEXT-DECORATION:underline}

.comment .comment-reply-link:hover {
	DISPLAY:block;
	TEXT-ALIGN:right;
	PADDING-RIGHT:10px;
	COLOR:#000;
	TEXT-DECORATION:none}

/* Seitennavigation Suche
--------------------------------------------------------------------*/
#commentpagination,.pagenavigationlinks {
	CLEAR:both;
	TEXT-ALIGN:center;
	PADDING:1em 0}

.pagelinks a {
	TEXT-DECORATION:none}

.page-numbers {
	LINE-HEIGHT:26px;
	HEIGHT:26px;
	MIN-WIDTH:20px;
	MARGIN-RIGHT:2px;
	DISPLAY:block;
	TEXT-ALIGN:center;
	TEXT-DECORATION:none;
	BACKGROUND-COLOR:#F9F7EC;
	COLOR:#000;
	PADDING:0 3px}

a.page-numbers:focus,a.page-numbers:hover {
	BACKGROUND-COLOR:#fff;
	COLOR:#000}

span.dots,a.prev,a.next {
	BACKGROUND-COLOR:transparent;
	COLOR:#000}

a.prev,a.next {
	FONT-SIZE:200%;
	VERTICAL-ALIGN:top}

/* Ausrichtung
--------------------------------------------------------------------*/

.links {
	FLOAT:left;
	MARGIN:0 5px
}
.rechts {
	FLOAT:right;
	MARGIN:0 5px
}
/* Kommentare
--------------------------------------------------------------------*/



#comments h3 {
DISPLAY:block;
BACKGROUND:#ffffff url('images/back-content-bg.jpg') repeat-y left top;
	COLOR:#a40000;
	FONT-SIZE:1.3em;
	MARGIN:0 0 0 0;
	PADDING:10px}

ol.commentlist li a {
	COLOR:#933000;
	TEXT-DECORATION:none;
	PADDING:0}

ol.commentlist li a:visited {
	BORDER-BOTTOM:none;
	COLOR:#000000;
	TEXT-DECORATION:underline;
	PADDING:0}

ol.commentlist li a:hover {
	COLOR:#000;
	TEXT-DECORATION:none;
	PADDING:0}

ol.commentlist {
	LIST-STYLE:none;
	TEXT-INDENT:0;
	MARGIN:0;
	PADDING:0}

ol.commentlist li {
	HEIGHT:1%;
	POSITION:relative;
	MARGIN:0 0 10px;
	PADDING:5px 7px 5px 57px}

ol.commentlist li div.vcard {
	FONT-WEIGHT:bold;margin:10px 0}

ol.commentlist li div.vcard cite.fn {
	FONT-STYLE:normal}

ol.commentlist li div.vcard img.avatar {
	BORDER:1px solid #F3EFDE;
	TOP:7px;
	LEFT:7px;
	POSITION:absolute}

ol.commentlist li div.comment-meta {
	POSITION:absolute;
	TOP:5px;
	RIGHT:10px;
	TEXT-ALIGN:right}

ol.commentlist li div.comment-meta a {
	COLOR:#a40000;
	TEXT-DECORATION:none;
	FONT-WEIGHT:normal}

ol.commentlist li p {
	MARGIN:0 0 1em}

ol.commentlist li ul{
	LIST-STYLE:square;
	TEXT-INDENT:0;
	MARGIN:0 0 1em;
	PADDING:0}

ol.commentlist li div.reply {
	FONT:bold 0.85em verdana, helvetica, sans-serif}

ol.commentlist li div.reply:hover {
	COLOR:black}

ol.commentlist li ul.children {
	LIST-STYLE:none;
	TEXT-INDENT:0;
	MARGIN:1em 0 0}

ol.commentlist li ul.children li.depth-2,ol.commentlist li ul.children li.depth-3,ol.commentlist li ul.children li.depth-4 {
	MARGIN:0 0 .25em}

ol.commentlist li.even {
	BACKGROUND:#F9F7EC}

ol.commentlist li.odd {
	BACKGROUND:#fff}

ol.commentlist li div.comment-author,ol.commentlist li.pingback div.vcard {
	PADDING:0 160px 0 0}

ol.commentlist li div.vcard cite.fn a.url,ol.commentlist li div.reply a {
	TEXT-DECORATION:none}

/* comment form
--------------------------------------------------------------------*/

#commentform input#author,#commentform input#email,#commentform input#url,#commentform textarea,#commentform input#submit, #captchaInputDiv {
	BACKGROUND:#F3EFDE;
COLOR:000;
	BORDER:1px solid #AD9C8F;
	FONT:0.9em Verdana, Verdana, Geneva, sans-serif;
	MARGIN:5px 5px 0 0px;
	PADDING:3px}

#commentform input#submit {
	MARGIN:5px 5px 5px 0px;
	PADDING:5px}

#comment {
	WIDTH:600px}

/* AUTOR INFORMATIONEN
--------------------------------------------------------------------*/

.autorbild {
	BACKGROUND-COLOR:#ffffff;
	BORDER:solid 1px #c40000;
	DISPLAY:inline;
	FLOAT:right;
	MARGIN:5px;
	PADDING:4px}

.authorinfo {
	FONT:0.9em Verdana, Verdana, Geneva, sans-serif;
	BACKGROUND:#F3EFDE;
	COLOR:#000;
	FONT-WEIGHT:normal;
	HEIGHT:130px;
	TEXT-ALIGN:left;
	WIDTH:600px;
	MARGIN:10px 0 5px;
	PADDING:5px}

.authorinfo h3 {
	COLOR:#a40000;
	FONT-SIZE:1.3em;
	MARGIN:5px 0 0;
	PADDING:2px}

#mainpost {
	BACKGROUND:#ffffff url('images/back-content-bg.jpg') repeat-y left top;
	COLOR:#5C4F36;
	FONT:normal 0.85em Verdana, Verdana, Geneva, sans-serif;
	WIDTH:610px;
	PADDING:10px}

.archiv-h2 {
	FONT-FAMILY:Verdana, Verdana, Geneva, sans-serif;
	DISPLAY:block;
	WIDTH:620px;
	BACKGROUND:#ffffff url('images/back-content-bg.jpg') repeat-y left top;
	COLOR:#a40000;
	FONT-SIZE:1.2em;
	LETTER-SPACING:2px;
	MARGIN:0;
	PADDING:10px 0 10px 10px}

#mainpost h2 {
	COLOR:#a40000;
	FONT-SIZE:1.4em;
	TOP:10px;
	POSITION:relative;
	LETTER-SPACING:2px;
	MARGIN:0;
	PADDING:0 0 20px}

#mainpost .post-date {
	BORDER-BOTTOM:solid 1px #933000;
	COLOR:#933000;
	DISPLAY:block;
	FONT:bold 0.8em Verdana, Verdana, Geneva, sans-serif;
	TEXT-ALIGN:right;
	MARGIN:0 0 10px;
	PADDING:0}

span.mainstrong {
	COLOR:#000000;
	FONT:bold 0.75em Verdana, Verdana, Geneva, sans-serif;
	MARGIN-TOP:0}

.mainposttitle {
	LINE-HEIGHT:1em;
	MARGIN:10px 0 10px 10px}

.mainposttitle a {
	FONT:normal 0.75em Verdana, Verdana, Geneva, sans-serif;
	COLOR:#933000;
	TEXT-DECORATION:none;
	PADDING:0}

.mainposttitle a:visited {
	BORDER-BOTTOM:none;
	COLOR:#000000;
	TEXT-DECORATION:underline;
	PADDING:0}

.mainposttitle a:hover {
	COLOR:#000;
	TEXT-DECORATION:none;
	PADDING:0 }

.posttitle-beitraege {
	BACKGROUND:url("images/beitraege-rss.gif") no-repeat left 50%;
	DISPLAY:block;
	WIDTH:200px;
	FLOAT:left;
	HEIGHT:20px;
	PADDING-TOP:25px;
	PADDING-LEFT:100px}

.posttitle-kommentare {
	BACKGROUND:url("images/kommentare-rss.gif") no-repeat left 50%;
	DISPLAY:block;
	WIDTH:155px;
	FLOAT:right;
	HEIGHT:20px;
	PADDING-TOP:25px;
	PADDING-LEFT:145px}

/* Bild Ausrichtung
--------------------------------------------------------------------*/
.links {
	FLOAT:left;
	MARGIN:0.2em 0.5em 0.2em 0}

.rechts {
	FLOAT:right;
	MARGIN:0.2em 0 0.2em 0.5em}

/* Box Maingalerie
--------------------------------------------------------------------*/
#boxmaingalerie {
	DISPLAY:inline;
	FONT:0.8em Verdana, Verdana, Geneva, sans-serif;
	TEXT-ALIGN:left;
	WIDTH:600px;
	MARGIN:0;
	PADDING:0}

#boxmaingalerie p {
	MARGIN:0;
	PADDING:0}

#boxmaingalerie li {
	DISPLAY:inline;
	LIST-STYLE-TYPE:none;
	PADDING-RIGHT:20px;
	MARGIN:0}

#boxmaingalerie a,#boxmaingalerie a:visited,#boxmaingalerie a:hover,#boxmaingalerie a:active,#boxmaingalerie a:focus {
	BACKGROUND:transparent;
	COLOR:#fff;
	FONT-STYLE:normal;
	TEXT-DECORATION:none;
	MARGIN:0;
	PADDING:0}

/* POST
--------------------------------------------------------------------*/
.postFrame {
	margin-bottom:10px;
	width:630px;
	position:relative;
	overflow:hidden;}

.postFrameTop,
	.postFrameBottom{
		width:630px;
		height:16px;
		BACKGROUND:#ffffff url('images/back-content-bg.jpg') repeat-y left top;
		display:block;}

	.postcontent, .content-single{
		BACKGROUND:#ffffff url('images/back-content-bg.jpg') repeat-y left top;
		padding:0 10px 0px 10px;
		width:610px;}

h2.posttitle {
	COLOR:#C40000;
	FONT:normal 1.5em Verdana, Verdana, Geneva, sans-serif;
	MARGIN:0 0 0 10px;
	PADDING:15px 0 0 0;}

.content-single h2 {
	COLOR:#C40000;
	FONT:normal 1.5em Verdana, Verdana, Geneva, sans-serif;
	MARGIN:0 0 0 10px;
	PADDING:15px 0 0 0;}


h2.posttitle a,h2.posttitle a:visited {
	COLOR:#000;
	TEXT-DECORATION:none}

h2.posttitle a:hover {
	COLOR:#800000;
	TEXT-DECORATION:none}

div.postdate {
	width: 90px;
	height:90px;
	position: relative;
	top:-4px;
	float:left;
	background:url("images/datebadge.png") no-repeat;}

span.postMonth {
	display:block;
	width:90px;
	text-align:center;
	position:absolute;
	top: 20px;
	color:#fff;
	font-weight: bold;
	background-color:transparent;
	left: -1px;}

span.postDay {
	line-height:60px;
	font-size:1.5em;
	display:block;
	width:90px;
	height:90px;
	position:absolute;
	letter-spacing:-2px;
	text-align:center;
	font-weight: 900;
	z-index:10;
	top:22px;
	color: #fff;
	left: -2px;}

.postMeta {
	font-size:0.75em;
	color: #000;
	FONT-FAMILY: Verdana, Verdana, Geneva, sans-serif;}

#main a, .postMeta a {
	COLOR:#933000;
	TEXT-DECORATION:none;}

#main a:visited, .postMeta a:visited {
	COLOR:#000;
	TEXT-DECORATION:underline}

#main a:hover, .postMeta a:hover {
	COLOR:#000000;
	TEXT-DECORATION:none}

.postbody {
	padding-top: 0.5em;
	clear:both;
	Color:#5C4F36;
	FONT:normal 0.85em Verdana, Verdana, Geneva, sans-serif;
	LINE-HEIGHT: 1.3em;
	Margin-bottom: 10px}

.clear{ /* 1px prop for opening floated boxs and other fun things. */
	clear:both;
	height:1px;
	width:1px;
	overflow:hidden;
	visibility:hidden}

.postFooter {
	MARGIN-TOP: 10px;
BORDER: solid 1px #AD9C8F;
	padding: 10px 10px 10px 10px;
	background-color: #F3EFDE;
	FONT:normal 0.7em Verdana, Verdana, Geneva, sans-serif;}

.postFooter a {
	COLOR:#933000;
	TEXT-DECORATION:none;}

.postFooter a:visited {
	COLOR:#000;
	TEXT-DECORATION:underline;}

.postFooter a:hover {
	COLOR:#000000;
	TEXT-DECORATION:none;}

/* TOP NAVIGATION
--------------------------------------------------------------------*/
#nav {
	BACKGROUND:url('images/nav-bg.png') no-repeat right bottom;
	FLOAT:right;
	FONT:normal 0.75em Verdana, Verdana, Geneva, sans-serif;
	HEIGHT:47px;
	MARGIN:0;
	OVERFLOW:hidden;
	PADDING:70px 0 0;
	TEXT-ALIGN:center;
	WIDTH:420px}

#nav ul {
	MARGIN:0;
	PADDING:0}

#nav ul li {
	FLOAT:right;
	LIST-STYLE-TYPE:none;
	MARGIN:0;
	PADDING:0}

#nav ul li a {
	COLOR:#000;
	DISPLAY:block;
	HEIGHT:27px;
	MARGIN:0;
	PADDING:20px 0 0 0;
	TEXT-DECORATION:none;
	WIDTH:95px}

#nav ul li a:visited {
	COLOR:#000;
	TEXT-DECORATION:underline}

#nav ul li a:hover {
	BACKGROUND:url('images/nav-bg-hover.png') no-repeat center bottom;
	COLOR:#000;
	TEXT-DECORATION:none}

/* LOGO
--------------------------------------------------------------------*/
#logo {
	BACKGROUND:#000 url('images/logo-bg.jpg') no-repeat left top;
	CLEAR:both;
	HEIGHT:300px;
	MARGIN:0 auto 10px auto;
	POSITION:relative;
	TEXT-ALIGN:right;
	WIDTH:940px}

#logo h1#logo-text a {
	BORDER:none;
	COLOR:#fff;
	FONT:normal 1.3em Verdana, Verdana, Geneva, sans-serif;
	LETTER-SPACING:2px;
	MARGIN:0;
	PADDING:0;
	POSITION:absolute;
	RIGHT:20px;
	TEXT-DECORATION:none;
	TEXT-TRANSFORM:none;
	TOP:7px}

#logo h1#logo-text a:hover {
	COLOR:#F3EFDE;
	LETTER-SPACING:2px;
	TEXT-DECORATION:none;
	TEXT-TRANSFORM:none}

#logo h2#slogan {
	COLOR:#fff;
	FONT:normal 0.8em Verdana, Verdana, Geneva, sans-serif;
	LETTER-SPACING:3px;
	MARGIN:0;
	PADDING:0;
	POSITION:absolute;
	RIGHT:28px;
	TEXT-TRANSFORM:none;
	TOP:53px}

/* SIDEBAR
--------------------------------------------------------------------*/
.sidebar-box {
		BACKGROUND:#ffffff;
		FONT:normal 0.85em Verdana, Verdana, Geneva, sans-serif;
		MARGIN:0;
		PADDING:0 0 20px;
		TEXT-ALIGN:left;
		WIDTH:300px}
/* Box Nav
--------------------------------------------------------------------*/
	#boxnav {
		BACKGROUND:#ffffff;
		FONT:normal 0.85em Verdana, Verdana, Geneva, sans-serif;
		MARGIN:0;
		PADDING:0 0 10px;
		TEXT-ALIGN:left;
		WIDTH:300px}

		#boxnav ul {
			LIST-STYLE-TYPE:none;
			MARGIN-LEFT:0;
			PADDING-LEFT:0}

		#boxnav a {
			BACKGROUND:#ffffff;
			BORDER-BOTTOM:1px dashed #A89C85;
			COLOR:#76572E;
			DISPLAY:block;
			MARGIN:0 10px;
			PADDING:5px 0 5px 10px;
			WIDTH:260px}

		#boxnav a:link,#boxnav a:visited {
			COLOR:#76572E;
			TEXT-DECORATION:none}

		#boxnav a:hover {
			BACKGROUND-COLOR:transparent;
			COLOR:#464F1E}


.sidebar-box-twitter {
	BACKGROUND:#ffffff url(http://www.der-nordseeblog.de/css/tweet-tweet.gif) no-repeat left top;
	FONT:normal 0.8em Verdana, Geneva, Arial, Helvetica, sans-serif;
	MARGIN:0 0 0px;
	PADDING:95px 0 10px 10px;
	TEXT-ALIGN:left;
	WIDTH:290px}

/* sidebar - h2
--------------------------------------------------------------------*/
.sidebar-box h2, #boxnav h2 {
	BACKGROUND:url(images/h2-bg.gif) no-repeat left bottom;
	FONT:normal 1.2em Verdana, Geneva, Arial, Helvetica, sans-serif;
	LETTER-SPACING:2px;
	MARGIN:0px 10px 10px 10px;
	PADDING:12px 0 0 20px}

/* Twitter
--------------------------------------------------------------------*/
li.twitter-item {
	MARGIN:10px 0;
	PADDING:0}

p.twitter-message {
	FONT:normal 0.9em Verdana, Verdana, Geneva, sans-serif}

.twitter-timestamp {
	DISPLAY:none}

a.twitter-link {
	BORDER-BOTTOM:none;
	COLOR:#933000;
	FONT:normal 0.9em Verdana, Verdana, Geneva, sans-serif;
	PADDING:10px 10px 1px 0;
	TEXT-ALIGN:right;
	TEXT-DECORATION:none}

a.twitter-link:visited {
	BORDER-BOTTOM:none;
	COLOR:#000000;
	FONT:normal 0.9em Verdana, Verdana, Geneva, sans-serif;
	PADDING:10px 10px 1px 0;
	TEXT-ALIGN:right;
	TEXT-DECORATION:none}

a.twitter-link:hover {
	BORDER-BOTTOM:none;
	COLOR:#000000;
	FONT:normal 0.9em Verdana, Verdana, Geneva, sans-serif;
	PADDING:10px 10px 1px 0;
	TEXT-ALIGN:right;
	TEXT-DECORATION:none}

/* SIDEBAR - P
--------------------------------------------------------------------*/
#sidebar p
{
	COLOR:#000;
	MARGIN:2px;
	PADDING:5px;
	TEXT-ALIGN:left
}

/* SIDEBAR - NAVIGATION
--------------------------------------------------------------------*/
.sidebar-box ul,.sidebar-box-twitter ul {
	LIST-STYLE-TYPE:none;
	MARGIN:0;
	PADDING:0}

/* SIDEBARBOX - LINK
--------------------------------------------------------------------*/
.sidebar-box a {
	BACKGROUND:#F3EFDE;
	COLOR:#504532;
	DISPLAY:block;
	MARGIN:0 10px;
	PADDING:5px 0 5px 10px;
	TEXT-ALIGN:left;
	TEXT-DECORATION:none;
	WIDTH:270px}

.sidebar-box a:visited {
	BACKGROUND:#F3EFDE;
	COLOR:#000;
	TEXT-DECORATION:underline}

.sidebar-box a:hover {
	BACKGROUND:#fff;
	COLOR:#675941;
	TEXT-DECORATION:none}

/* SIDEBAR - LINK
--------------------------------------------------------------------*/
#sidebar a.steckbrief:link {
	BACKGROUND:transparent;
	BORDER:none;
	COLOR:#000;
	DISPLAY:inline;
	LETTER-SPACING:1px;
	MARGIN:0;
	PADDING:1px}

#sidebar a.steckbrief:visited {
	BACKGROUND:transparent;
	BORDER:none;
	COLOR:#000;
	DISPLAY:inline;
	LETTER-SPACING:1px;
	MARGIN:0;
	PADDING:1px;
	TEXT-DECORATION:underline}

#sidebar a.steckbrief:hover {
	BACKGROUND:#fff;
	BORDER:none;
	COLOR:#000;
	DISPLAY:inline;
	LETTER-SPACING:1px;
	MARGIN:0;
	PADDING:1px}

#sidebar a.steckbrief:active,#sidebar a.steckbrief:focus {
	BACKGROUND:transparent;
	BORDER:none;
	COLOR:#000;
	DISPLAY:inline;
	LETTER-SPACING:1px;
	MARGIN:0;
	PADDING:1px}

/* SIDEBAR - SUCHE
--------------------------------------------------------------------*/
#searchform {
	BACKGROUND-COLOR:transparent;
	BORDER:none;
	MARGIN:0 0 0 10px;
	PADDING-BOTTOM:20px;
	PADDING-RIGHT:5px;
	WIDTH:295px}

#s {
	BACKGROUND-COLOR:#F3EFDE;
	BORDER-BOTTOM:1px solid #fff;
	BORDER-LEFT:5px solid #B70000;
	BORDER-RIGHT:1px solid #fff;
	BORDER-TOP:1px solid #fff;
	HEIGHT:17px;
	MARGIN-LEFT:0;
	PADDING:2px;
	VERTICAL-ALIGN:top;
	WIDTH:200px}

.s {
	COLOR:#634A3A}

.searchbutton {
	BACKGROUND-COLOR:#F3EFDE;
	BORDER:1px solid #fff;
	COLOR:#634A3A;
	HEIGHT:23px;
	MARGIN-LEFT:1px;
	PADDING:0 2px 2px;
	VERTICAL-ALIGN:top;
	WIDTH:55px}

/* Footer
--------------------------------------------------------------------*/
/* FOOTER
--------------------------------------------------------------------*/
#footer {
	BACKGROUND:#ffffff;
	CLEAR:both;
	HEIGHT:160px;
	MARGIN:0 auto;
	POSITION:relative;
	TEXT-ALIGN:center;
	WIDTH:940px}

	#state-sh {
		BACKGROUND:url('images/footer-bg.gif') no-repeat left top;
		HEIGHT:262px;
		MARGIN:0 auto;
		clear:both;
		POSITION:relative;
		WIDTH:940px}


	#site {
		BACKGROUND-COLOR:#FFFFFF;
		FLOAT:left;
		FONT:0.8em Verdana, Verdana, Geneva, sans-serif;
		HEIGHT:110px;
		MARGIN-LEFT:0;
		MARGIN-TOP:0;
		PADDING:40px 5px 5px;
		TEXT-ALIGN:left;
		WIDTH:250px}

	#mittefooter {
		BACKGROUND-COLOR:#FFFFFF;
		FLOAT:left;
		HEIGHT:150px;
		MARGIN-LEFT:0;
		MARGIN-TOP:0;
		PADDING:5px;
		TEXT-ALIGN:center;
		WIDTH:405px}

	#copyright {
		BACKGROUND-COLOR:#FFFFFF;
		FLOAT:left;
		FONT:0.8em Verdana, Verdana, Geneva, sans-serif;
		HEIGHT:110px;
		MARGIN-LEFT:0;
		MARGIN-TOP:0;
		PADDING:40px 5px 5px;
		TEXT-ALIGN:right;
		WIDTH:250px }

#footer-bottom {
	BACKGROUND:#ffffff url('images/footer-bottom-bg.gif') no-repeat left top;
	HEIGHT:30px}

#footer-bottom-empty {
	BACKGROUND:url('images/ribbon-footer-bg.png') no-repeat left top;
	HEIGHT:10px}

		#copy {
			BACKGROUND:url('images/copy.png') no-repeat center top;
			COLOR:#76572E;
			MARGIN:0 auto 10px;
			PADDING:0px 0px 0px;
			TEXT-ALIGN:center;
			WIDTH:300px;
			HEIGHT:150px;}

		#mittefooter p,#copy p {
			COLOR:#000000;
			FONT:normal 0.7em Verdana, Geneva, Arial, Helvetica, sans-serif;
			LETTER-SPACING:1px;
			LINE-HEIGHT:1.1em;
			MARGIN:0 5px;
			PADDING:0 0 5px}

#copy span.extlink {
	DISPLAY:inline;
	LEFT:-3000px;
	OVERFLOW:hidden;
	POSITION:absolute;
	TOP:-3000px;
	WIDTH:0}

#copy a.extern:link {
	BACKGROUND:#D3CBB6 url(images/external.gif) no-repeat 100% 0;
	COLOR:#241F17;
	PADDING:1px 20px 2px 2px;
	TEXT-DECORATION:none}

#copy a.extern:visited {
	BACKGROUND:url(images/external.gif) no-repeat 100% 0;
	COLOR:#000;
	PADDING:1px 20px 2px 2px;
	TEXT-DECORATION:none}

#copy a.extern:hover {
	BACKGROUND:#DED9C9 url(images/external.gif) no-repeat 100% 0;
	BORDER-BOTTOM:none;
	COLOR:#34301F;
	PADDING:1px 20px 2px 2px;
	TEXT-DECORATION:none}

#copy a.extern:active,#copy a.extern:focus {
	BACKGROUND:#fff url(images/external1.gif) no-repeat 100% 0;
	BORDER:1px solid #C00;
	COLOR:#C00;
	PADDING:1px 20px 2px 2px;
	TEXT-DECORATION:none}
