/*
	filename:	/css/gen__screen.css
	version:	1.0 - 2007-02-13- mkr
	
	author:		frank (dot) klein (at) gpm (dot) de 
	validated by W3C CSS Validator // jigsaw.w3.org
*/

* { 
	margin: 0; 
	padding: 0; 
}

html {
	font-size: 100%; /* for IE*/
}

html > body {
	font-size: 16px; /* for everyone else*/
}

/* that's it. default: 1em = 16px */
/* elements keeping their parents font size */
input, select, th, td, li li, li p, td p, q p {
	font-size: 1em;
}

li dfn {
	display: none;
}

body {
	background: #fff url(/img/body_background.gif) repeat-y ;
	/*background: #fff;*/
	font-family: Verdana, Geneva, sans-serif;
}

#main {
	background: #fff url(/img/main_background.jpg) repeat-x 100px 0;
	margin-left: 5px;
	padding-left: 60px;
}


#visual {
	margin-bottom: 30px;
	margin-left: -65px;
}

#visual img {
	display: block;
}


/* --------- Content --------- */

#main #layercontent {	
	width: 595px;
	float: left;
	line-height: 1.65;
}

* html #main #layercontent {	
	margin-right: -3px;
}

#main #layercontent .beitrag h1 {
	font-family: Trebuchet MS, Helvetica, sans-serif;
	font-size: 1.25em;
	
	color: #6B695D;
	text-decoration: none;
}


#main #layercontent .beitrag h1 a,
#main #layercontent .beitrag h1 a:link,
#main #layercontent .beitrag h1 a:visited {
	font-family: Trebuchet MS, Helvetica, sans-serif;

/*
	font-size: 1.25em;
	
*/
	line-height: 1.2;
	color: #6B695D;
	text-decoration: none;
}

#main #layercontent .beitrag h1 a:hover,
#main #layercontent .beitrag h1 a:active
{
	font-family: Trebuchet MS, Helvetica, sans-serif;

	color: #6B695D;
	text-decoration: underline;
}

#main #layercontent .beitrag {
	margin-bottom: 30px;
}

#main #layercontent .beitrag p {
	font-family: Verdana, Geneva, sans-serif;
	font-size: .6875em;

	margin-bottom: 10px;
	color: #6B695D;
}

#main #layercontent .beitrag p.textRight {
	text-align: right;
}

#main #layercontent .beitrag p a,
#main #layercontent .beitrag p a:link,
#main #layercontent .beitrag p a:visited {
	text-decoration: underline;
	color: #2E88D2;
}

#main #layercontent .beitrag p a:hover,
#main #layercontent .beitrag p a:active {
	text-decoration: none;
}

#main #layercontent .beitrag p.kommentare {
	font-size: 0.62em;
	/* font-style: italic; */
	margin-bottom:  15px;
}

#main #layercontent .aktuell h1 {
	color: #358BCF;
}

#main #layercontent .aktuell h1,
#main #layercontent .aktuell h1 a,
#main #layercontent .aktuell h1 a:link,
#main #layercontent .aktuell h1 a:visited,
#main #layercontent .aktuell h1 a:hover,
#main #layercontent .aktuell h1 a:active {
	color: #358BCF;
}

#main #layercontent .weiterer {
	width: 280px;
/*	height: 240px;*/
	float: left;	
}

#main #layercontent .antwort {
	overflow: hidden ! important;
}

#main #layercontent .antwort h2 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.8em;
	
	color: #6B695D;
}

#main #layercontent .antwort {
	margin-left: 0px;
	margin-bottom: 0px;
}

#main #layercontent .antwort.level2{
	margin-left: 20px;
}

#main #layercontent .antwort.level3{
	margin-left: 40px;
}

#main #layercontent .antwort.level4{
	margin-left: 60px;
}

#main #layercontent .antwort.level5{
	margin-left: 80px;
}


/* --------- Formulare im Content --------- */

#main #layercontent .beitrag  form#formKommentar input,
#main #layercontent .beitrag  form#formKommentar label,
#main #layercontent .beitrag  form#formKommentar textarea {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.63em;	
	color: #6E6F65;
}

#main #layercontent .beitrag  form#formKommentar .kommentarinput,
#main #layercontent .beitrag  form#formKommentar textarea {
	border: 1px solid #D7D7D9;
}


#main #layercontent .beitrag  form#formKommentar textarea {
	width: 300px;
	margin-bottom: 15px;	
}


#main #layercontent .beitrag  form#formKommentar .kommentarinput,
#main #layercontent .beitrag  form#formKommentar .kommentarTextArea {
	display: block;
}

#main #layercontent .beitrag  form#formKommentar .kommentarinput {
	height: 18px;
	width: 250px;
	margin-bottom: 15px;
	padding-top: 4px;
}

#main #layercontent .beitrag .captcha {
	display: block;
	height: 18px;
	width: 250px;
	margin-bottom: 15px;
	padding-top: 4px;
	border: 1px solid #D7D7D9;

}

#main #layercontent .beitrag  form#formKommentar .kommentarTextArea {
	height: 250px;
	width: 500px;
}


 
#main #layercontent .beitrag  form#formKommentar .kommentarsubmit {
	width: 75px ! important;
	background: #fafafa;
	border: 1px solid #D7D7D9;
	margin: 0 ! important;
	padding: 0 ! important;
}
#main #layercontent .beitrag  form#formKommentar .isnosubmit {
}

#main #layercontent .beitrag  form#formKommentar .remembermeCheck {
	margin-right: 5px;
	display: block;
	float:left;
}



#main #layercontent .beitrag  form#formKommentar .remembermeLabel {
	display: block;
}

* html #main #layercontent .beitrag  form#formKommentar .remembermeLabel {
	padding-top: 4px;
}


/* --------- Biographie --------- */

#main #layercontent .biographie h1 {
	font-family: Trebuchet MS, Helvetica, sans-serif;
	font-size: 1.25em;
	
	color: #358BCF;
}

#main #layercontent .biographie h2{
	font-family: Verdana, Geneva, sans-serif;
	font-size: .6875em;

	color: #6B695D;
}

#main #layercontent .biographie {
	margin-bottom: 30px;
}

#main #layercontent .biographie p {
	font-family: Verdana, Geneva, sans-serif;
	font-size: .6875em;

	margin-bottom: 10px;
	color: #6B695D;
}

#main #layercontent .biographie p a {
	text-decoration: underline;
	color: #2E88D2;
}

#main #layercontent .biographie p a:hover {
	text-decoration: none;
}

#main #layercontent .biographie img.pida {
	float: left;
	padding-right: 10px;
	padding-bottom: 0px;
}


/* --------- rechte Spalte --------- */

#main #layerbox {
	width: 230px;
	margin-left: 597px;
}

* html #main #layerbox {	
	margin-left: 594px;
}

#main #layerbox .box{
	margin-left: 50px;
	margin-bottom: 25px;
}

#main #layerbox .box h2{
	font-family: Trebuchet MS, Helvetica, sans-serif;
	font-size: 0.94em;
	color: #6B695D;
	margin-bottom: 8px;
}

#main #layerbox .box h3{
	font-family: Verdana, Geneva, sans-serif;
	font-size: .6875em;

	padding-left: 10px;	
	color: #6B695D;
	background: transparent url(/img/box_h3_bullet.gif) no-repeat 0 6px;
}

#main #layerbox .box p{
	font-family: Verdana, Geneva, sans-serif;
	font-size: .6875em;
	line-height: 1.65;
	color: #6B695D;
	margin-bottom: 10px;
	padding-left: 10px;
}

#main #layerbox .box p.author{
	padding-left: 0px;
	margin-bottom: 15px;
}


#main #layerbox .box img#tombuserImg{
	margin-bottom: 8px;	
	padding-left: 15px;
	display: block;
}

#main #layerbox .box p a {
	text-decoration: none;
	color: #6B695D;
}

#main #layerbox .box p a:hover {
	text-decoration: underline;
}

#main #layerbox .box p img.tnImg {
	border: 1px solid #6B695D;
	margin: 5px 0 5px 0;
}


#main #layercontent ul {
	margin-left: 30px;
}

/*
#main #layerbox .box ul {
	margin: 0;
	padding: 0;
}


#main #layerbox .box ul li{
	list-style: none;
	font-size: .6875em;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: normal;
	margin: 0 0 0 0px;
	padding:0 0 0 10px;
	background: transparent url(/img/box_h3_bullet.gif) 0 5px no-repeat;
}
*/
#main #layerbox .box ul {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.68em;
	font-weight: normal;
	line-height: 1.5em;
	/*margin-bottom: 15px;*/
/*	padding-left: 10px;*/
}

#main #layerbox .box ul li {
	font-size: 1em ! important;
	list-style: none;
	margin: 0 ! important;
	padding:0 0 0 10px;
	background: transparent url(/img/box_h3_bullet.gif) 0 6px no-repeat;
}

#main #layerbox .box li ul {
	font-size: 1em ! important;
}



#main #layerbox .box ul li a,
#main #layerbox .box p a.textLink {
	text-decoration: underline;
	color: #6B695D;
}

#main #layerbox .box ul li a:hover,
#main #layerbox .box p a:hover.textLink {
	text-decoration: none;
}

#main #layerbox .box p.noMargin {
	margin: 0px;
}


 p.infoMeta {
	border-top: 1px solid #E7E7E7;
	padding: 2px 5px;
	text-align: right;
	border-bottom: 1px solid #E7E7E7;
	background: #F8F8F8;
}




/* --------- Formulare rechte Spalte --------- */

#main #layerbox .box form#searchform {
	margin-bottom: 15px;
	width: 230px;
}
#main #layerbox .box input {
	font-family: Verdana, Geneva, sans-serif;
	color: #6E6F65;
	height: 21px;
	border: 1px solid #D7D7D9;
}

#main #layerbox .box .searchinput {
	font-size: 0.63em;
	height: 17px;
	width: 200px;
	margin-right: 6px;
	padding-top: 4px;
	height: 18px ! important;
	float: left;
}

* html #main #layerbox .box .searchinput {
	margin-right: 3px;
}

#main #layerbox .box .divSubmit .submitbutton {
	border: none;
	width: 18px;
	height: 18px;
}

#main #layerbox .box .divSubmit {
	padding-top: 3px;
	margin-left: 4px;
	float: left;
}

#main #layerbox .box form#blogabo {
	padding-left: 10px;
	margin-bottom: 7px;
}

#main #layerbox .box .inputblogabo {
	font-size: 0.63em;
	height: 18px;
	width: 210px;
	margin-bottom: 5px;
	padding-top: 4px;
}

#main #layerbox .box .submitblogabo {
	font-size: 0.63em;
	background: #fafafa;
	width: 90px;	
	margin-bottom: 5px;
}

table {
	margin: 0 0 10px 0;
}

table tr td {
	font-size: .625em;
	color: #6B695D;
	padding: 4px;
}

/* --------- RSS InfoLayer --------- */

#rssInfo {
	position:absolute;
	top:899px; 
  	left:757px;
	z-index:1;
	font-family: Verdana, Geneva, sans-serif;
	font-size: .6875em;

	color: #6B695D;
	width: 200px;
	padding: 10px;
	background: #f8f8f8;
	border: 1px solid #D7D7D9;
	display: none;
}

* html #rssInfo {
	top:895px; 
}


/* --------- others --------- */

.clearall {
	clear: both;
}

.space0 {
	line-height: 0;
}

.marginRight30 {
	margin-right: 30px;
}

/* following added from backend */


a.arrowRight {
	background: transparent url(/img/core_icon-arrow-right.gif) no-repeat 0 4px;
	padding-left: 13px;
	margin-left: 4px;
	text-decoration: none;
}


a.arrowLeft {
	background: transparent url(/img/core_icon-arrow-left.gif) no-repeat 0 4px;
	padding-left: 13px;
	margin-left: 4px;
	text-decoration: none;
}


/* generic blog styles */


abbr,
acronym {
	border-bottom: 1px dotted #c00 ! important;
	cursor: help ! important;
	letter-spacing: 0.1em ! important;
}

blockquote {
	padding-left: 5px ! important;
	border-left: 4px solid #ccc;
	margin: 10px 25px ! important;
	font-size: 1em ! important;
	color: #ccc ! important;
}

blockquote a,
blockquote a:link,
blockquote a:visited {
	text-decoration: underline;
	color: #2E88D2 ! important;
}

blockquote a:hover,
blockquote a:active {
	text-decoration: none;
	color: #2E88D2 ! important;
}

ol {
	list-style: decimal inside;
}

li {
	color: #6B695D;
	font-size: 0.6875em;
}

#main #layercontent li a,
#main #layercontent li a:link,
#main #layercontent li a:visited {
	text-decoration: underline ! important;
	color: #2E88D2 ! important;
}

#main #layercontent li a:hover,
#main #layercontent li a:active {
	text-decoration: none ! important;
	color: #2E88D2 ! important;
}


/* page: < 1 2 3 > */
#navShortArticles {
	clear: both;
	color: #6B695D;
	font-size: .6875em;
	border-top: 1px solid #E7E7E7;
	padding-top: 10px;

}

#navShortArticles span {
	font-weight: bold;
	padding: 0 0 0 0;
}

#navShortArticles a,
#navShortArticles a:link,
#navShortArticles a:hover {
	font-weight: bold;
	padding: 0 0 0 0;
	color: #2E88D2;
}

#navShortArticles a:hover,
#navShortArticles a:active {
	padding: 0 0 0 0;
	color: #2E88D2;
}

/* =tagcloud */
.tagcloud {
	font-size: 8px;
	line-height: 1.1 ! important;
	text-align: left;
	padding: 4px 2px ! important;
	background: #f8f8f8;
}

/* = highlight */
.highlight {
	background-color: yellow;
	font-weight: bold;
}

/* image */
img.left {
	float:left; 
	margin: 0 10px 5px 0;
}

img.center {
	margin: 0 auto 5px auto;
	text-align: center;
}

img.right {
	float:right; 
	margin: 0 0 5px 10px;
}


/* backend */
.required_error {
	color:#f00 ! important;
	font-weight:bold;
}

.imagecontainer {
	float: right;
	padding:3px;
	font-variant: normal;
	font-size: 90%;
	background-color: #eee;
	margin-left: 10px;
	border:1px solid #ccc;
}

.imagecontainer img {
	padding:4px;
}

.imagecontainer p {
	margin-left: 7px;
	color: #5F5F5F;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

#commentform {
	background: #F3F2F2 ! important;
	padding: 4px 6px;
	margin: 0 10px 10px 10px;
	border: 1px solid #ccc
}

.commentpreview {
	background: #F3F2F2 ! important;
	padding: 4px 6px;
	margin: 0 10px 10px 10px;
	border: 1px solid #ccc
}

.captchapict {
	border: 1px solid #ccc
}


/* =clearing floats without structural markup
-------------------------------------------------------------------------*/

/* clearfix, http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
	content: ".";
	display: block;
	height:0;
	clear: both;
	visibility: hidden;
}

/* winIE7 */
.clearfix { display:inline-block; }
/* winIE6 */
* html .clearfix { height: 1%; }
/* safari, winIE, stripped macIE hide */
.clearfix { display: block; }


/* float environment using overflox: hidden;*/
.floatbox { overflow:hidden; } 
/* winIE6, stripped the macIE stuff*/
* html .floatbox {width:100%;}



/* ajax suche */
 
#searchsuggestStage {
	position: relative;
	height: 25px;
}

#searchsuggest {
	position: absolute;
	background: transparent;
	border-bottom: 1px solid #D7D7D9;
	width: 202px;
	padding: 0;
	top: 24px;
	left: 0px;
}

#searchsuggest a span {
	font-weight: bold;
}

#searchsuggest a,
#searchsuggest a:link,
#searchsuggest a:visited {
	border-right: 1px solid #D7D7D9;
	border-left: 1px solid #D7D7D9;
	display: block;
	background: #fff;
	font-size: 10px;
	line-height: 1.5;
	text-decoration: none;
	padding: 2px 4px;
	color: #6E6F65;
}

#searchsuggest a:hover,
#searchsuggest a:active { 
	background: #fff;
	text-decoration: none;
	color: #6E6F65;
}

#searchsuggest .selected { 
	background: #66B7D2 ! important;
	text-decoration: none ! important;
	color: #fff ! important;
}

.skip {
	display: none ! important;
}

p.copyright img {
    vertical-align: middle;
}