@charset "utf-8";

@font-face {
  font-family: 'CaputReg';
  src:  url('font/CapObersteinreg.eot#iefix') format('embedded-opentype'),
        url('font/CapObersteinreg.woff') format('woff'),
        url('font/CapObersteinreg.svg') format('svg');
  font-weight:  normal;
  font-style:   normal;
}

@font-face {
  font-family: 'CaputBold';
  src:  url('font/CapObersteinbold.eot#iefix') format('embedded-opentype'),
        url('font/CapObersteinbold.woff') format('woff'),
        url('font/CapObersteinbold.svg') format('svg');
  font-weight:  bold;
  font-style:   normal;
}

@font-face {
  font-family: 'CaputItalicBold';
  src:  url('font/CapObersteinitalicbold.eot#iefix') format('embedded-opentype'),
        url('font/CapObersteinitalicbold.woff') format('woff'),
        url('font/CapObersteinitalicbold.svg') format('svg');
  font-weight:  bold;
  font-style:   italic;
}

@font-face {
  font-family: 'CaputItalicReg';
  src:  url('font/CapObersteinitalicreg.eot#iefix') format('embedded-opentype'),
        url('font/CapObersteinitalicreg.woff') format('woff'),
        url('font/CapObersteinitalicreg.svg') format('svg');
  font-weight:  normal;
  font-style:   italic;
}

/**********************************************************************/
/* Template: serokratie 2.1                                           */
/* Author: serotonic                                                 */
/*                                                                    */
/**********************************************************************/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6,
p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del,
dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub,
sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form,
label, legend, table, caption, tbody, tfoot, thead, tr, th, td, hr {
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	outline: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	background: transparent;
}

body {
	text-align: center;
	font: 1em/160% CaputReg, helvetica, sans-serif;
	color: #444;
	background: url(img/bg.png) repeat-y 48% top #fff;
}

q a:before {
	text-decoration: underline !important;
}

#content a:active,
#sidebar a:active {
  position: relative;
  top: 1px;
  left: 1px;
}

a.img {display: block;}

img {
	border: none;
	margin: 0;
}

/* lightbox */

#imageDataContainer {
	min-height: 4em;
	font: 1em/160% CaputReg, helvetica, sans-serif;
}

.serokratie_comment_content,
.serendipity_comment h4 {
  margin-left: 143px !important;
  padding-left: 0 !important;
  width: 453px;
}

.serendipity_comment h4 {
  margin-bottom: 3em;
}

/* Avatare */

#avatar {
  display: block;
  float: right;
  height: 50px;
  width: 50px;
  margin-top: -4px;
}

#avatar > img,
#avatar a {
  opacity: 0.4;
}

#avatar a:focus,
#avatar a:hover {
  opacity: 1;
}

#avatar img {
  -moz-border-radius: 10px;
  border-radius: 10px;
  border: 1px solid #fff;
}

/* Soziale Netzwerke */

p.share span {
  display: inline-block;
  height: 20px;
  width: 20px;
  padding: 0;
  overflow: hidden;
  margin: 4px 0px;
}

p.share a {
  display: block;
  height: 100%;
  width: 100%;
  text-decoration: none;
  background-image: url(img/icons-share.png);
  background-repeat: no-repeat;
}

p.share a:hover {
  background-color: transparent !important;
  background-position: bottom left;
}

p.share .flattr a         {  background-position: -42px 0px !important;  }
p.share .flattr a:hover   {  background-position: -42px -20px !important; }

p.share .facebook a       {  background-position: 1px 0px !important;  }
p.share .facebook a:hover {  background-position: 1px -20px !important; }

p.share .twitter a        {  background-position: -21px 0px !important;  }
p.share .twitter a:hover  {  background-position: -21px -20px !important; }


hr {
	border-style: solid;
	border-color: #cae8e3;
	border-width: 1px 0 0 0;
}

div.entry-footer,
p.serokratie_commentlink,
.clearer,
#clearer {
  display: block;
	border-width: 0 !important;
	clear: both;
}

.simpleclear {clear: both;}


/*** entry footer **/

div.entry-footer {
  text-align: right;
  margin: 2.5em 0 40px 0;
  border-top: 1px solid #cae8e3 !important;
}

.serendipity_Entry_Date.serokratie_message,
div.entry-footer.digest {
  margin-bottom: 100px;
}

p.share,
p.commentlink {
  float: right;
}

p.commentlink {
  padding: 2px 0.5em 0 0.5em;
}


.zg-label {
  clear: left;
  margin: 0.3em 0;
}

.zg-label img {
  width: 45px;
  height: auto;
}


/*** Farben ***/

a, a:link, a:visited, a:focus, a:hover, a:active  {text-decoration: none;}
.serendipity_entry a                              {border-bottom: 1px dotted #9fcabf;}
.serendipity_entry a.img                          {border-bottom: 0px;}

a:focus,
a:hover,
.serendipity_entry *[title]:hover,
.serendipity_entry *[title]:focus {
	color: #022023 !important;
}

small,
#trackbacks .serendipity_comment_source,
#serendipity_banner h1 a,
.trivia, .zutaten, .note, .bu, .edit, .via, .link,
div.bb-quote, .serokratie_title p, #suche input,
address a, .serokratie_title h2 a,
#sidebar li a, #sidebar, #footer                {color: #777}

#serendipity_banner h1 a:focus,
#serendipity_banner h1 a:hover,
#serendipity_banner h1 a:active                 {color: #555 !important;}

::selection,
::-moz-selection,
::-webkit-selection                             {color: #fff} /* */

hr,
#serendipity_banner h2,
.medialist a.fb:after,
.medialist span:after,
.serokratie_entrydate span.monthyear,
.serokratie_comment_source a span,
.serokratie_comment_source a:focus span,
.serokratie_comment_source a:hover span         {color: #fff}

#sidebar li a:focus, #sidebar li a:hover,
#sidebar a:focus, #sidebar a:hover	            {color: #022023}

#serendipity_banner h2 span,
#sidebar a, #footer a,
#suche input:focus, #suche input:hover,
.serokratie_entrydate span.day,
.serokratie_comment_source span.number,
.serokratie_comment_source a:hover span.number  {color: #9fcabf}

a, a:link, a:visited, a:focus, a:hover, a:active,
.color,
#serendipity_banner h1 a span,
.serendipity_msg_notice 									      {color: #38746b;}

.serendipity_msg_important,
.alert                    								      {color: #990000;}

.border																		      {border: 1px solid #777;}
#sidebar,																	      {border-top: 1px solid #9fcabf;}
.serendipitySideBarItem										      {border-bottom: 1px solid #9fcabf;}
.marginal                                       {border: 1px solid #38746b;}

.info                                           {background: #f2f2f2;}

#avatar a:focus, #avatar a:hover                {background: transparent !important;}

::selection,
::-moz-selection,
::-webkit-selection                             { background:#aaaaaa; }

#content input[type=text], #content textarea    {background: #f9f9f9;
	                                               border: 1px solid #999;
	                                               outline: 1px solid #fff;
	                                               }

#content input[type=text]:focus, #content input[type=text]:hover, #content input[type=text]:active,
#content textarea:focus, #content textarea:hover, #content textarea:active
                                                {
                                                 color: #022023;
                                                 border: 1px solid  #022023;
                                                 outline: 1px solid #fff;
                                                 }

#sidebar #suche input                           {background: #555;
                                                 border: 1px solid #555;
                                                }
#sidebar #suche input:focus,
#sidebar #suche input:hover                     {border: 1px solid #38746b;}

#sidebar #suche input:focus,
#sidebar #suche input:hover,
.serokratie_entrydate,
.serokratie_comment_source,
.medialist a.fb:after,
.medialist span:after                           {background: #38746b; }

a:focus, a:hover,
.serendipity_entry *[title]:hover,
.serendipity_entry *[title]:focus,
table.medialist tr:hover, ul.medialist li:hover,
#content input[type=text]:focus,
#content input[type=text]:hover,
#content input[type=text]:active,
#content textarea:focus,
#content textarea:hover,
#content textarea:active                          { background: #cae8e3; }

.serokratie_entrydate > span,
.serokratie_comment_source > a  {
	border-left: 1px solid #fff;
	background: #022023;
}

.medialist a.fb:before {
  background: #fff;
}

.medialist a.fb:hover:after,
.medialist span:after {
  background: #555;
}
.medialist span:after {
  color: transparent;
  background: transparent;
}

/*** Before/After/quotes ***/

#sidebar a:before															{content: "» "; letter-spacing: -0.05em; white-space: nowrap;}

a[href*=".rss"]:before								{content: url(img/xml.gif);}

p.bu cite:before,
blockquote cite:before                {content: "("}
p.bu cite:after,
blockquote cite:after                 {content: ")"}

.via:before 													{content: "Via ";}
.link:before 													{content: "Gehn’se doch auch mal nach: ";}
.edit:before 													{content: "Edit: ";}
.update:before    										{content: "Breaking news, my dear:";}

.serokratie_title p a 								{white-space: nowrap;}

q           {quotes: '»' '«';}
q q, q.shy 	{quotes: '›' '‹';}

cite:before, cite:after, q:before, q:after	{padding: 0.1em;}

.bb-code-title    {display: none;}
.bb-quote         {font-style: italic; margin-left: 15px;}
.bb-quote:before  {content: "» "}

#flickr a:before {
  content: "";
}

/*** Weitere Typo ***/

#sidebar					                        {line-height: auto;}
#serendipity_CommentForm p.serendipity_msg_notice,
.serokratie_title p, .bu,
h2            {line-height: 115%;}
.serokratie_comment_source span.timestamp {line-height: 95%;}
small,
h3, h4, h5, #footer,
#serokratie_feedbacknote,
.serokratie_comment_content,
.marginal, #serendipity_trackbacklist				{line-height: 140%;}

em, .intro, .note, q, q:before, q:after, .link, .link:before, .link:after,
p cite, cite, .serendipity_comment_source {
	font-style: italic;
}

em em, .intro em {
	font-style: normal;
	letter-spacing: 0.05em;
}

strong, dt,
.edit:before, .update:before,
#commentform_userdata label, #commentform_text label,
.serendipity_challengeresponse:before {font-weight: bold;}

.serokratie_title p span {
  display: inline-block;
  margin: 0 0.2em;
}

p cite {
	display: inline;
}

p.bu cite, blockquote cite, .update, .link, .via, .bu {
	display: block;
}

.marginal,
div.galerie a, div.galerie img                    {float: left;}
.floatleft 																				{float: left; margin: 0.3em 25px 10px 0;}
.floatright																				{float: right; margin: 0.3em 0 10px 25px;}

.marginal {
	width: 33%;
	padding: 1em;
	margin: 0.5em 2em 2em 0;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
.marginal > :first-child {
	margin-top: 0;
}



div.galerie {
  width: 625px;
  overflow-x: hidden;
}

div.galerie a,
div.galerie img {
  display: block;
  margin: 0 15px 15px 0;
}

div.galerie a img {
  width: auto !important;
  margin: 0px !important;
}

.zutaten {
	padding-top: 0px;
}

ul.medialist {
  margin-left: 0 !important;
  padding-left: 25px !important;
}

.medialist li {
  margin-bottom: 0em !important;
  padding-bottom: 0 !important;
}

.medialist li span, .medialist li a.fb {
  float: right;
}

.medialist.serien li a[href*="serotonic.de"] {
  float: left;
  width: 6.3em;
  height: 0.9em;
}

.serendipity_entry_body .medialist li a {
  border-bottom: 0px !important;
}

.buecher li {
  margin-bottom: 0.5em !important;
}

.medialist a.fb {
  color: #555;
}

.medialist a.fb:after,
.medialist span:after {
  display: inline-block;
  height: 1.15em;
  padding: 0 0.2em;
  margin: 0 0.1em 0 0.25em;
  line-height: 100%;
  font-size: 110%;
  content: "↗";
  -moz-border-radius: 6px;
  border-radius: 6px;
}


.medialist a.fb:before {
  display: inline;
  margin: 0;
  padding: 0;
  content: "";
}

ul.medialist li {
  position: relative;
}

ul.medialist a.note {
  position: absolute;
  right: 11em;
}

.medialist a.note {
  font-style: normal;
}

table.medialist a.note:before {
  padding-right: 0.1em;
  content: "(";
}
table.medialist a.note:after {
  content: ")";
}

table.medialist {
  border-collapse: collapse;
  margin-bottom: 3em;
}

table.medialist th {
  width: 60%;
  text-align: left;
}

table.medialist td {
  width: 18%;
}

table.medialist td.wertung {
  width: 22%;
}

.serokratie_commentlink, .bu, .bu cite, cite {text-align: right;}
.floatleft .bu  {text-align: left;}

#serokratie_blogroll 									{-moz-column-count: 3; column-count: 3; -moz-column-gap: 25px; column-gap: 25px;}
#content .serendipitySideBarItem ul 	{-moz-column-count: 2; -moz-column-gap: 5px; column-count: 2; column-gap: 5px;}

.serokratie_entrydate span.monthyear 													{text-transform: uppercase;}
.serokratie_staticpage .serokratie_entrydate span.monthyear 	{text-transform: none;}
h1, h2, h3, h4, h5, h6 																				{font-weight: normal;}
.zutaten h3                                                   {font-weight: bold;}

#serendipity_CommentForm p.serendipity_msg_notice {font-size: 250%;}
.serokratie_title h2 									{font-size: 160%;}
.serendipity_msg_important,
.serokratie_entrydate span.day,
.serendipity_comment h4,
.serendipity_commentBody a						{font-size: 110%;}
.serokratie_comment_source span.number{font-size: 115%;}
.serokratie_entrydate span.monthyear	{font-size: 55%;}
.serokratie_comment_source span.timestamp,
.marginal, #jumptoform,
#serokratie_feedbacknote, .bu					{font-size: 90%;}

/*** Abstände Typo ***/

.serokratie_title h2 												{margin-bottom: 0;}
.serokratie_title h2 .serokratie_entrydate	{margin-top: -0.05em;}

p, dl, ul, ol, blockquote, address, img, object, div.bb-quote, div.dialog, .serendipity_comment h4,
#commentform_userdata input, #serendipity_commentform_comment, .serendipity_comment_source,
.serendipity_challengeresponse, iframe {
								  						 margin-bottom: 1em;}
div.dialog 										{margin-bottom: 1em !important;}
.serokratie_comment_source span.timestamp,
.zutaten ul li,
.serendipity_entry li,
p.break, .pic.img             {margin-bottom: 0.25em;}
h1, h2, h3,
h2.serendipity_msg_important	{margin-bottom: 1em;}
.serokratie_comment_source span.timestamp {margin-bottom: 0.5em;}
h3            								{margin-top: 1.5em; margin-bottom: 0.25em;}
small                         {margin-top: 3em; display: block;}
h4, dt                        {margin-top: 2em;}
#commentform_text,
.bu														{margin-top: -1.15em;}
.serokratie_comment_source span.timestamp {margin-top: -0.3em;}
#serendipity_trackbacklist		{margin-top: -0.6em;}
.serendipity_entry_body h2,
div.bb-code-title 						{margin-top: 0.7em;}
.serokratie_title p					  {margin-top: 0.2em;}
h3, h4						 						{margin-right: 100px;}

blockquote.twitter-tweet,
.hentry hr,
.serendipity_comment hr				{margin: 2em 0;}
#comments h3, #trackbacks h3  {margin: 30px 0; font-weight: bold;}

div.dialog p                  {margin-bottom: 0; text-indent: 10px;}
p.indent                      {text-indent: 1.5em;}
div.nocommentlink							{margin-bottom: 1em; height: 1em;}

blockquote							 			{border-left: 1em solid #efefef; padding: 0.1em 0 0.1em 1em; font-style: italic;}
div.bb-quote 									{padding: 0.2em 0 0.7em 0;}

#serendipity_CommentForm p.serendipity_msg_notice {margin: 0 0 400px 0;}
#feedback                     {padding: 80px 0 0 0;}
#feedback #serendipity_comment_CommentForm {margin-top: -100px;}

.info                                           {margin-bottom: 1em; padding: 0.5em;}
.info h3                                        {margin-top: 0; }
.info > :last-child                             {margin-bottom: 0em;}

/*** Abstände Layout ***/

#serendipity_CommentForm .serendipity_msg_important,
.serokratie_title 						{margin-bottom: 40px;}
#sidebar 											{margin-bottom: 12em;}

#serendipity_CommentForm 			      {margin-top: 100px;}
#serendipity_CommentForm.nocomment  {margin-top: 0px !important;}

#commentform_options p 				{margin-top: 0.7em;}
#jumptoform										{margin: 0 0.4em;}

#content .serendipitySideBarItem h3,
#content .serokratie_archiv h3 						{margin-top: 0px;}
.serokratie_entrydate span.monthyear      {margin-top: -0.6em;}

.serendipity_entry_body ol,
.serendipity_entry_body ul 		{padding-left: 40px;}
.zutaten ul 		              {padding-left: 10px;}
.serokratie_title p,
#comments #trackbacks div.serendipity_comment {padding-left: 142px;}


#commentform_options 							{padding: 1.4em 0 5em 0;}
#trackbacks .serendipity_comment 	{padding-top: 1em; border-top: 1px solid #cae8e3;}
#comments #trackbacks .serendipity_comment 	{border-top: none; border-bottom: 1px solid #cae8e3;}
.serendipitySideBarItem 					{padding: 20px 0;}

/*** Ausblenden ***/

h6 { /* Struktur */
	position: absolute;
	top: -200em;
	left: -200em;
}

.temp, .author, #serokratieMainMenu label {
    position: absolute;
    top: -200em;
    left: -200em;
}

.sidebar, .serendipity_edit_nugget, .serendipity_comment_bbcode, .serendipity_comment_spamblock,
.serendipity_karmaVoting, .serendipity_karmaVoting_exits_sep, .serendipity_karmaVoting_exits,
.serendipity_karmaVoting_exits_num, #serendipity_CommentForm legend,
#serendipity_trackbacklist .serendipity_comment_source b,
#serendipity_trackbacklist .serendipity_comment_source br,
.category_link_all,
.serendipity_comment_unstrip_tags,
.serendipity_challengeresponse br {
	display: none !important;
}

#skiplinks {
	display: inline;
	height: 1px;
	width: 1px;
	overflow: hidden;
}


#skiplinks a {
    position: absolute;
    top: -200em;
    left: -200em;
}

#skiplinks ul,
#skiplinks ul li {
	list-style-type: none;
	display: inline;
	margin-left: 0;
	padding-left: 0;
}

#skiplinks a:focus {
    display: block;
    top: 10px;
    left: 10px;
}

/*** Layout ***/

#wrapper {
	position: relative;
	margin: 0 auto;
	width: 980px;
	padding-bottom: 40px;
	text-align: left;
}

#content {
	float: left;
	width: 600px;
	margin-left: 1em;
}

#sidebar {
	margin-left: 700px;
	width: 280px;
}

#serendipity_pageFooter {
	text-align: left;
}

#footer {
	width: 280px;
	margin: -7em 0 0 700px;
}


/*** Bildersetzung ***/

.serendipity_entry img {
  max-width: 100%;
  height: auto;
}

/*** Header ***/

#serendipity_banner {
  margin: 90px 0 130px 0;
}

#serendipity_banner h1 {
  position: relative;
  float: left;
  text-align: right;
  width: 620px;
  margin-right: 80px;
  /*padding-top: 8px;*/
  padding-top: 36px;
  font-size: 560%;
  letter-spacing: -0.025em;
}

#serendipity_banner h1 span {
  letter-spacing: 0em;
  position: absolute;
  font-size: 33%;
  /*top: -0.8em;*/
  top: 0em;
  right: 6.60em;
}

#serendipity_banner h2 {
  font-size: 150%;
}

/*** Sidebar ***/

#sidebar h5 {
  font-size: 110%;
  color: #9fcabf;
	margin-bottom: 0.5em;
}

#flickr {
	height: 200px;
}

#flickr div.flickr_badge_image {
  display: block;
  width: 75px;
  height: 75px;
  overflow: hidden;
  float: left;
  margin: 0 18px 10px 0;
  outline: 1px solid #000;
}

#sidebar li {
	list-style: none;
}

/*** Einräge ***/

.serokratie_entrydate,
.serokratie_comment_source {
	display: block;
	float: left;
	margin: 0 20px 20px 0;
}

.serokratie_entrydate > span,
.serokratie_comment_source > a  {
	display: block;
	margin-left: 27px;
	min-width: 70px;
	padding: 4px 15px 4px 10px;
}

.serokratie_entrydate span.day,
.serokratie_entrydate span.monthyear,
.serokratie_comment_source a.trace,
.serokratie_comment_source span.timestamp {
	display: block;
}

#content .serendipitySideBarItem {
	padding: 0px;
	border: 0;
}

#content .serendipitySideBarItem li, ul.linklist li {
	list-style: none;
}

.archiv {
  width: 600px;
  overflow: hidden;
}

.archiv div.wrapper {
  width: 700px;
}

.serokratie_archiv {
	float: left;
	width: 160px;
	margin: 0 55px 2em 0;
}

.serokratie_archiv dl {
	line-height: 120%;
	min-height: 15em;
	clear: left;
}

.serokratie_archiv dt {
	margin: 0;
	width: 4.5em;
	float: left;
	font-weight: normal;
}

.serokratie_archiv dd {
	padding: 0;
	text-align: right;
}

/*** Kommentare und Trackbacks ***/

div.serendipity_comment {
  position: relative;
}

span.gravatar {
  float: left;
}

#flattr, #gplus, #fblike {
	display: inline;
	margin-left: 10px;
}

#flattr iframe, #fblike iframe, #gplus {
  height: 27px;
}

.serendipity_comment hr.clearer {
	border-top: 1px solid #cae8e3 !important;
	width: 100%;
}

#trackbacks .serendipity_comment a 			{display: none;}
#trackbacks .serendipity_commentBody a  {display: inline;}

#trackbacks           { margin-bottom: 70px; }
#comments #trackbacks { margin-bottom: 0em; }


#trackbacks .serendipity_commentBody {
 height: 1.35em;
 overflow: hidden;
}

#trackbacks .serendipity_comment:first-child {
 margin-top: -1.5em;
 border: none;
}

#serokratie_feedbacknote {
  margin-top: 1.2em;
  width: 170px;
  margin-right: 30px;
  float: left;
}

#owneroptions {
  position: absolute;
  top: 5em;
  left: 0;
  line-height: 100%;
  font-size: 80%;
}

/*** Formulare ***/

#content input[type=text] {width: 200px;}
#content textarea {width: 98%; height: 12em;}

#suche input {width: 100%;}

#content input[type=text],
#serendipity_comment_CommentForm textarea {
	padding: 0.2em;
}

#content input[type=submit] {
  margin-top: 1em;
}

#serendipity_comment_beecaptcha:before {
  display: block;
  content: "Schlag den Bot:";
  font-weight: bold;
}

#serendipity_comment_beecaptcha label {
  font-weight: normal;
}
#serendipity_comment_beecaptcha input[type=text] {
  width: auto;
}