/* ----------------------------------------------
	Screen-Stylesheet
	Layout for: Beyond Print
	Author: Jan Brendemühl
	Author URI: http://www.jabre.com						
-------------------------------------------------*/

@import "reset.css";
@import "defaults.css";

/*------------------------------------------------
	General
--------------------------------------------------*/
	
body {
	margin: 0px;
	padding: 0px;
	background: #fff;
	color: #333;
	font: normal normal normal 14px/21px Georgia,"Times New Roman",Times,serif;
}


/*------------------------------------------------
	Basic Elements
--------------------------------------------------*/
	
div { position: relative; margin: 0; padding: 0; }

h1, h2, h3, h4 {
	font: normal normal normal 14px/21px "Lucida Grande", Geneva, Helvetica, Arial, sans-serif;
	margin: 0;
}

h1 { font-size: 24px; line-height: 28px; margin: 0 0 14px 0; }
h2 { font-size: 18px; line-height: 21px; margin: 0 0 7px 0; }
h3 { font-size: 16px; line-height: 21px; margin: 0 0 7px 0; font-weight: bold; }
h4 { font-weight: bold; }
h5 { font: normal normal normal 14px/21px Georgia,"Times New Roman",Times,serif; }

h4.smallcol, .widget h4, .imagearchive li div h4 { 
	font-size: 16px;
	line-height: 21px;
	font-weight: normal;
	padding: 0 0 7px 0;
}

hr {
	height: 1px;
	margin: 0;
	background: #9d9d9d;
	border: none;
}

a {
	color: #31709F;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

p {
	margin: 0 0 14px 0;
	padding: 0px;
}

li {
	margin: 0 0 7px 0;
}

.lucida {
	font: normal normal normal 14px/21px "Lucida Grande", Geneva, Helvetica, Arial, sans-serif;
}

img {
	background: #fff;
	padding: 6px;
	border: 1px solid #DFDFDF;
	margin: 0 0 14px 0;
}

#sidebar img, #header img, #teaser img {
	background: transparent;
	padding: 0;
	border: none;
	margin: 0;
}
	
table {
	width: 100%;
	margin: 0 0 20px 0;
}
	
table caption {
	padding: 5px 10px;
	background: #5d5d5d;
	color: #fff;
	margin: 0 0 3px 0;
}

th, td {
	padding: 5px 10px;
}

th {
	background: #5d5d5d;
	color: #fff;
}

td {
	background: #fff;
}

pre {
	margin: 0 0 21px 0;
	padding: 19px;
	background: #fff;
	line-height: 14px;
	border: 1px solid #3a3a3a;
	font-family: Courier, serif;
}

blockquote {
	padding: 0 0 0 35px;
	margin: 0 0 14px 21px;
	font-style: italic;
	font-size: 16px;
	color: #6F6F6F;
	background: #fff url("../images/blockquote.gif") no-repeat left top;
}

strong, b		{ font-weight: bold; }
em				{ font-style: italic; }

.clear  		{ clear: both; }

.aligncenter, div.aligncenter { display: block; margin: 0 auto; }
.aligncenter	{ margin-bottom: 18px!important; }
.alignleft		{ float: left; margin: 0 10px 15px 0; }
.alignright		{ float: right; margin: 0 0 15px 10px; }

.left 			{ float: left; position: relative; }
.right 			{ float: right; position: relative; }

img.right		{ margin: 0 0 14px 14px; }
img.left		{ margin: 0 14px 14px 0; }

.mrg-r-3	{ margin: 0 3px 0 0; }

.wp-caption {
	padding: 14px 0 14px 0;
	margin: 0 0 28px 0;
	border: 0;
	font-style: italic;
	border-top: 1px dashed #D9D9D9;
	border-bottom: 1px dashed #D9D9D9;
	text-align: left;
}

.wp-caption img, .post .teaser img {
	margin: 0 0 7px 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p, .post .teaser p {
	margin: 0;
	padding: 0;
}

.no-border-a {
	border: 0 none;
}

.no-border-b {
	border-bottom: 0 none;
}

.no-border-t {
	border-top: 0 none;
}


/*------------------------------------------------
	Basic Layout
--------------------------------------------------*/

/* Ausrichtung der Seite in der Mitte, Seitenbreite */
#wrap {
	width: 100%;
	margin: 0 auto;
	background: transparent;
}

#top-bar {
	display: none;
}

#header {
	height: 90px;
	background: transparent;
	border-bottom: 1px solid #D9D9D9;
	margin: 0 0 2px 0;
}

#head-nav {
	display: none;
}

#navigation {
	display: none;
}

#container {
	padding: 28px 0 0 0;
	background: #fff;
	border-bottom: 2px solid #D9D9D9;
}

#stage {
	width: 100%;
	float: right;
	background: transparent;
}

#sidebar {
	display: none;
}

#content {
	float: left;
	background: transparent;
}

#colright {
	float: right;
	background: transparent;
	width: 30%;
}

#colright img {
	width: 100%;
}

#footer {
	margin: 28px 0 28px 0;
	background: #fff;
}

.col-width-474 {
	width: 60%;
}

.col-width-804 {
}

.twocols {
}


/*------------------------------------------------
	header
--------------------------------------------------*/

.head-logo {
	float: right;
	display: block;
	width: 303px;
	height: 60px;
	margin: 15px 25px 0 0;
}


/*------------------------------------------------
	Archivansicht
--------------------------------------------------*/

.pos2 {
	padding: 0;
	margin: 0 0 7px 0;
	border-bottom:1px dashed #D9D9D9;
}

.pos2 h2 {
	margin: 0 0 7px 0;
}

.pos2 .meta {
	margin: 14px 0 7px 0;
	font: italic normal normal 12px/14px "Lucida Grande", Geneva, Helvetica, Arial, sans-serif;
}

.pos2 .meta a {
	color: #BF8217;
}

.imagearchive li {
    width: 385px;
    min-height: 250px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    margin: 0 0 7px 0;
    padding: 0;
    zoom: 1;
    *display: inline;
    _height: 250px;
}

.img-rightcol {
	margin: 0 0 0 30px !important;
}

.imagearchive li div{
	padding: 7px 0 0 0;
}

.imagearchive p, .imagearchive li div h4 {
	padding: 0 0 0 0;
}

.archiv-meta {
	font: normal normal normal 12px/14px "Lucida Grande", Geneva, Helvetica, Arial, sans-serif;
	color: #6F6F6F;
	margin: 0 0 4px 0;
	padding: 0 0 3px 0 !important;
	border-bottom: 1px dashed #D9D9D9;
}

.img-frame {
	width: 385px;
	padding: 1px 0;
	margin: 7px 0 7px 0;
	background: #5f5f5f;
	text-align: center;
	display: block;
}

.imagearchive .img-frame {
	width: 385px;
}

.img-frame img {
	padding: 0;
	margin: 0;
}

.archive-nav {
	border-top: 1px dashed #D9D9D9;
	border-bottom: 1px dashed #D9D9D9;
	font: normal normal normal 14px/16px "Lucida Grande", Geneva, Helvetica, Arial, sans-serif;
	margin: 0 0 21px 0;
	padding: 5px 5px;
}

.archiv-prev {
	float: left;
	position: relative;
}

.archiv-next {
	float: right;
	position: relative;
}

.archiv-pages {
	text-align: center;
}

.archiv-pages li {
	display: inline;
	padding: 0 3px;
}

.archivenav {
	margin: 7px 0 14px 0;
	font: normal normal normal 14px/16px "Lucida Grande", Geneva, Helvetica, Arial, sans-serif;
}



/*------------------------------------------------
	Artikel
--------------------------------------------------*/

.post ol, .post ul {
	margin: 0 0 14px 35px;
	line-height: 21px;
}

.post ol li {
	list-style-type: decimal;
}

.post ul li {
	list-style-type: disc;
}

.post .teaser {
	padding: 0 0 14px 0;
	margin: 0 0 28px 0;
	border: 0;
	font-style: italic;
	text-align: left;
}

.postmeta {
	margin: 21px 0 14px 0;
	padding: 7px 0;
	font: normal normal normal 12px/14px "Lucida Grande", Geneva, Helvetica, Arial, sans-serif;
	border-top: 1px dashed #D9D9D9;
	border-bottom: 1px dashed #D9D9D9;
	color: #6F6F6F;
	text-align: right;
}

.postmeta a {
	color: #BF8217;
}

.subcontent {
	float: right;
	background: transparent;
	width: 328px;
	margin: 0 0 14px 14px;
}

.subcontent .widget {
	margin: 0 0 14px 0;
	padding: 7px 14px 7px 14px;
	border-top: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;
	background: #f5f5f5;
}

.pst-print {
	text-align: right;
	line-height: 21px;
	margin: 0;
	vertical-align: middle;
}

.pst-print img {
	padding: 0 0 0 14px;
	vertical-align: middle;
}

.pst-print a {
	line-height: 21px;
	vertical-align: middle;
}



/*------------------------------------------------
	Video-Detail
--------------------------------------------------*/

.video-player {
	width: 1029px;
	background: #5f5f5f;
	padding: 1px 0;
}

.video-player a {
	margin: 0 auto;
}

.video-ad {
	width: 1029px;
	text-align: center;
	margin: 21px 0;
}




/*------------------------------------------------
	Photostrecke
--------------------------------------------------*/

.imagepost .wp-caption {
	margin: 0 0 35px 0;
}

.imagepost .wp-caption img {
	margin: 0 0 7px 0;
	padding: 0;
}

.imagepost .wp-caption p {
	margin: 0;
	padding: 0;
}



/*------------------------------------------------
	Rechter Block
--------------------------------------------------*/

#colright .widget {
	margin: 0 0 14px 0;
	padding: 0 0 7px 14px;
	border-bottom: 1px solid #D9D9D9;
}

#colright img {
	background: transparent;
	padding: 0;
	border: 0 none;
	margin: 0 0 14px 0;
}



/*------------------------------------------------
	Sidebar
--------------------------------------------------*/

#sidebar {
	border-top:1px dashed #D9D9D9;
}

#sidebar .widget {
	margin: 0 0 14px 0;
	padding: 0 0 7px 0;
	border-bottom: 1px dashed #D9D9D9;
}

.widget{
	font-family: "Lucida Grande", Geneva, Helvetica, Arial, sans-serif;
}

.widget img {
	padding: 0px;
	margin: 0 0 7px 0;
	border: none;
}

.widget .adv, .widget .adask {
	font-size: 12px;
	line-height: 14px;
}

.widget .adv {
	margin: 7px 0 7px 0;
}

.widget .adask {
	margin: 7px 0 14px 0;
	text-align: right;
}

.widget-termine {
	margin: 0 0 14px 0;
}

.widget-termine li em {
	display: block;
	float: left;
	width: 100px;
}

.widget-termine li a {
	display: block;
	float: right;
	width: 195px;
	
}



/*------------------------------------------------
	Kommentare
--------------------------------------------------*/

#participate {
	margin: 35px 0 28px 0;
	padding: 28px 0 0 0;
	border-top: 1px dashed #D9D9D9;
}

#respond {
 	display: none;
}

.comment {
	padding: 14px 0 0 0;
}

.comment ul li {
	margin: 0 0 0 28px;
}

.comment h4 span {
	padding: 0 7px 0 0;
	margin: 0 7px 0 0;
	border-right: 2px solid #31709F;
	font-weight: normal;
}

.comment p {
	margin: 0 0 7px 0;
}

.comment-meta {
	font: normal normal normal 13px/14px "Lucida Grande", Geneva, Helvetica, Arial, sans-serif;
	color: #6F6F6F;
}

#respond h3 {
	margin: 0 0 14px 0;
}




/*------------------------------------------------
	footer
--------------------------------------------------*/

#footer p {
	font-family: "Lucida Grande", Geneva, Helvetica, Arial, sans-serif;
	text-align: center;
	font-size: 12px;
}





/*------------------------------------------------
	Forms
--------------------------------------------------*/

form p {
	margin: 0;
}

fieldset {
	margin: 0 0 28px 0;
	padding: 14px 0px 14px;
	background: transparent;
	border: none;
}

legend {
	color: #5D5D5D;
	font-size: 14px;
}

label {
	font: normal normal normal 12px/14px "Lucida Grande", Geneva, Helvetica, Arial, sans-serif;
	display: block;
	margin: 0 0 2px 0;
}
	
input, textarea {
	width: 30%;
	height: 19px;
	padding: 2px;
	margin: 0 5px 10px 0;
	color: #5D5D5D;
	background: #fff;
	border: 1px solid #8BBBDF;
}

textarea {
	width: 80%;
	height: 150px;
}

select {
	margin: 0 0 10px 0;
	width: 130px;
}

input.radio, input.checkbox {
	width: auto;
	height: auto;
	margin: 0px;
	padding: 0px;
	background: #fff;
}

input.submit, input.button {
	height: 31px;
	text-align: center;
	color: #5D5D5D;
	font-weight: bold;
	letter-spacing: -0.025em;
	cursor: pointer;
	background: #D9D9D9 url("../images/button_bg.gif") repeat-x left top;
	border: none;
}


.post form { 
	text-align:center;
}