/*
Theme Name: fs
Theme URI: 
Description: explizit for fs designet.
Version: 0.1
Author: fs
Author URI: http://www.fselbig.de/

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php
background-color: #7698be;
*/
/*margin oben, rechts, unten, links
padding:oben, rechts, unten links.
/* fs-style*/

* {margin: 0; padding: 0; border: 0; list-style: none;}
 body {font: 75%/150% "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif; color: #666; text-align: left; background: url(images/navlinks.png) repeat-y top left;}



p {
	font-size: 1.1em;
	
}
#sizer {margin: 0 auto; width: 100%; text-align: left; max-width: 100%;}
#expander {margin: 0 -335px; min-width: 650px; position: relative;}

/*\*/
* html #expander {height: 0;}
/* */



/*#kopf {background: url('images/page_header.jpg') repeat-x; text-align: left; padding-top: 30px; border: 1px solid black;}*/

/*#kopfbild {height: 50px; list-style: none;}*/
#kopf {height: 67px; background-color: #D4DDE4; min-width: 40em;}
/*
#kopfbild {height: 65px; background: url('images/logo2klein.gif') no-repeat; list-style: none; padding: 3px 20px 2px 0;background-position: 97% 2px; }
*/



#kopf_a {float: left; text-align: left; width: 220px; padding: 20px 40px 10px 20px; }
/* #kopf1 {padding-right: 40px; padding-left: 20px; border: 0;} */
#kopf_a a {font-size: 26px; color: #FF973D; }
#kopf_a a:hover {color: #7698BE; text-decoration: none; border-top: 5px solid #7698BE; border-bottom: 5px solid #7698BE;}



#kopf_b {color: #666; font-size: 11px; font-weight: normal; text-align: center; padding: 25px 0 0 0px; border: 0;}
#kopf_b p {display: inline;}
#kopf_b .w {display: inline; color: #000; font-weight: bold; border: 0;}
#kopf_b  a {display: inline;color: #467AA7; font-weight: bold;}
#kopf_b  a:hover {color: #FF973D; font-weight: bold;}

#kopf_c {float: right; width: 65px; height: 65px; background: url('images/logo2klein.gif') no-repeat; list-style: none; padding: 3px 20px 2px 0; border: 1px;}

/*navigation in Kopfzeile*************************************************************************************/
#navigation {display: block; background: url('images/page_nav.png') repeat-x; text-align: center; height: 25px; padding: 2px 0; border-top: 1px solid #fff; border-bottom: 2px solid #ccc; }

#nav1 {padding: 0px 10px; min-width: 1000px; margin: 0 10px;}
#nav1, #nav ul {text-align: left; font-size: 1.1em; list-style: none; font-weight: normal; z-index: 7;}
#nav1 li {float: left; padding: 0; margin: 0;}
#nav1 a {border-right: 5px solid #eee; display: block; line-height: 30px; padding: 0 15px; color: #aaa; text-decoration: none; font-weight: bold;}
#nav1 a:hover {border-right: 5px solid #fda; color: #000; background: #ccc;}


#nav1 li ul {margin: 0; padding: 0; font-size: 1em; border: 1px solid #ddd; background: url('images/page_nav.png') repeat #eee; position: absolute; left: -999em; height: auto; width: 16em;}
#nav1 li li {width: 16em; margin: 0;}
#nav1 li ul a {border-left: 1em solid #fda; margin: 0;}
#nav1 li ul a:hover {border-left: 1em solid #f90;}
#nav1 li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {left: auto;z-index:8;}
#nav1 li:hover, #nav li.sfhover { color: #000; background: #ccc;z-index:8;}
.selected {color:red}
/*leerzeile unter Kopf*/
#kopf2 {
	background: url('images/headleft.png') top left repeat-y;
	background-color: #fff;
	height: 15px;
	margin-top:0px;
	margin-left:0px;
	padding: 0;
}


/*seite*/

#container {
	clear: both;
	margin: 0;
	padding: 0; 
}

#mitte-einstellen {
	position: relative;
  width: 100%;
  padding-bottom: 9em;
}



/*spalte links************************************************************************************************/
#links {	
	
	position: absolute;
  top: 0px;
  left: 0px;
  width: 200px;
}



#links h2.pages, #links li h2 {
	background-color: #7698be;
	border: none;	
}

#links ul {
	margin: 0;
	padding: 0 0 0 0;
}

#links li {
	margin: 0 0 10px 0;
	list-style: none;
	font-size: 1.1em;
}

#links h2.pages {
	color: #fff;
	background-image: url(images/bg_corner_topright.gif);
	background-position: top right;
	background-repeat: no-repeat;
	margin: 0 0 10px 0;
	padding: 5px 0 5px 20px;
}


#links li h2 {
	background-image: none;
	color: #fff;
	font-size: 1.2em;
	margin: 30px 0 5px 0;
	padding: 5px 0 5px 20px;
}
#links li h2 a{
	background-image: none;
	color: #fff;
	font-size: 1.1em;
	margin: 0 0;
	padding-left: 0;
	
}
#links li h2 a:hover{
	color: #000;
	text-decoration: underline;
	background-color:#FF973D;
	margin: 0 20px 0 0;
	padding: 0 0;
	
}
#links li.zwei {
	background-image: none;
	margin: 0 0;
	padding-left: 20px;
}
#links a {
	
	color: #467AA7;
	font-weight: bold;
	text-decoration: none;
	padding-left: 20px;
	display:block;

}

#links a:hover {
	color: #000;
	text-decoration: underline;
	background-color:#FF973D;
}

#links li li {
	padding: 0;
	margin: 0 0 0 20px;
	font-size: 0.9em;
}

#links  li li a {
	background: url(images/bg_bullet_full_1.gif) left no-repeat;
	padding-left: 15px;
	line-height: 20px;
	display:block;
width:165px;
}

#links li li a:hover {
	background: url(images/bg_bullet_full_2.gif) no-repeat left;
	color: #000;
	text-decoration: underline;
	background-color:#FF973D;
}

#links li li li {
	padding: 0;
	margin: 0 0 0 10px;
	font-size: 0.8em;	
}

#links li li li a {
	background: url(images/bg_bullet_half_1.gif) left no-repeat;
	padding-left: 10px;
	line-height: 20px;
}

#links li li li a:hover {
	background: url(images/bg_bullet_half_2.gif) left no-repeat;
	color: #2a5a8a;
	text-decoration: underline;
}

#links li.recentcomments {
	padding: 2px 0;
	margin: 0 10px 0 10px;
	font-size: 1em;
	border-bottom: 1px solid #BEBEBE;
}

#links li.recentcomments a {
	font-size: 1em;
	background-image: none;
}

#links li#recentposts ul li.recentposts a {
	padding: 0;
	margin: 0;
	background-image: none;
	font-size: 0.95em;
} 

#links li#recentposts ul li.recentposts {
	border-bottom: 1px solid #BEBEBE;
	margin: 0 10px 0 10px;
	padding: 2px 0 2px 0;
}

#links div.textwidget {
	padding: 2px 10px 2px 10px;
	margin: 0;
}

#links div.textwidget p {
	font-size: 1em;
	padding: 0;
	margin: 0; 
}

#links div#calendar_wrap {
	text-align: center;
	margin: 0;
	padding: 0 0 0 10px;
}

#links #wp-calendar {
	text-align: center;
}

#links #wp-calendar a {
	text-decoration: none;
}

#links td {
	font-size: 0.9em;
	border: 1px solid #BEBEBE;
	padding: 3px;
	background-color: #ffffff;
}
#links td a {
	font-size: 1em;
	text-align: center;
	margin: 0;
	padding: 0 0 0 0px;
}

#links td.pad {
	border: none;
	background: transparent;
}

#links td#prev, #sidebar td#next {
	border: none;	
	background: transparent;
}

#links #today {
	background-color: #ffff99;
}

	
/*rechte Spalte************************************************************************************************/
#rechts {	
	position: absolute;
  top: 110px;
  right: 0px;
  width: 200px;
  margin: 0;
	padding: 0;
  
  /*height: 300px;*/
  /*background-color: #fc0;*/
}

/* Colour of right sidbar menu header */
#rechts h2 {
	background-color: #7698be;
	border: none
}

/* Colour of right sidebar menu body */
#rechts ul ul, #rechts li, #rechts li li, #rechts li li li {
	background-color: #d4dde4;
	border: none
}

#rechts ul {
	list-style: none;
	width: 186px;
	margin: 0 0 10px 0;
	padding: 0 0 5px 0;
	overflow: hidden;
}


#rechts ul ul {
	margin: 0;
	padding: 0;
}

#rechts span {
	background: url(images/bg_corner_topleft.gif) top left no-repeat;
	padding: 5px 5px 5px 10px;
	
}

#rechts h2 {
	background-image: url(images/bg_corner_topright.gif);
	background-position: top right;
	background-repeat: no-repeat;
	padding: 4px 0 5px 0;
	margin: 0 0 7px 0;
	font-size: 1.2em;
	color: #fff;
}

/* Change spacing below right hand menus */
#rechts li {
	margin: 0 0 15px 0;
	padding: 0 0 15px 0;
}

#rechts li li {
	background-image: none;
	margin: 0;
	padding: 0 0 0 10px;
	border-bottom: none;
}

#rechts li li li {
	margin: 0;
	padding: 0 10px 0 10px;
	border-bottom: none;

}

#rechts a {
	line-height: 16px;
	text-decoration: none;
	margin: 0 0 5px 5px;
}

#rechts li li a {
	background: url(images/bg_bullet_full_2.gif) left no-repeat;
	padding-left: 12px;
}

#rechts li li li a {
	background: url(images/bg_bullet_half_2.gif) left no-repeat;
	padding-left: 12px;
}

#rechts a:hover {
	text-decoration: underline;
}


#rechts li.recentcomments {
	padding: 2px 10px 5px 0;
	margin: 0 10px 0 10px;
	border-bottom: 1px solid #89AAD6; 
}

#rechts li.recentcomments a {
	background-image: none;
}

#rechts li.recentposts {
	padding: 2px 0 5px 0;
	margin: 0 10px 0 10px;
	border-bottom: 1px solid #89AAD6; 
}

#rechts li.recentposts a {
	margin: 0;
	padding: 0;
	background-image: none;
}

#rechts div.textwidget {
	padding: 2px 10px 2px 10px;
}

#rechts div.textwidget p {
	font-size: 1em;
	padding: 0;
	margin: 0; 
}
#rechts div#calendar_wrap {
	text-align: center;
	margin: 0;
	padding: 5px 5px 0 7px;
}

#rechts #wp-calendar {
	text-align: center;
}

#rechts #wp-calendar a {
	text-decoration: none;
}

#rechts td {
	font-size: 0.9em;
	border: 1px solid #89AAD6;
	padding: 3px;
	background-color: #ffffff;
}

#rechts td.pad {
	border: none;
	background: transparent;
}

#rechts td#prev, td#next {
	border: none;	
	background: transparent;
}

#rechts #today {
	background-color: #ffff99;
}
/*mitte *******************************************************************************************************/
#mitte {margin: 0 10px 0px 220px; /*background-color:#7698be;*/text-align: center; }
#mitte2 {margin: 0 210px 0px 210px; /*background-color:#7698be;text-align: center;*/}
#mitte p {margin: 0.5em 0.5em 1em 0; line-height: 1.5em; text-align: left;}
#mitte p.fett {font-weight: bold;}
#mitte p.zentriert {text-align: center;}
#mitte p.fluss {text-align: right; float: right;}
#mitte p.unter {display:inline;text-decoration: underline;}
#zentr {text-align: center;}
#mitte p.prefix {	margin-left: 20px; padding: 0;	font-size: 1em;}
#mitte h1, #mitte h2, #mitte h3 {font-family: Georgia, "Times New Roman", Times, serif; margin: 0; text-align: center;}
#mitte h1 { padding: 10px 0;font-size: 6em; color: #999; font-family: Georgia, "Times New Roman", Times, serif; text-decoration: underline; color: #666;}
#mitte h1 a {margin-left: 20px; text-align: left; color: #467AA7;}
#mitte h1 a:hover {margin-left: 20px; text-align: left; color: #666;}
#mitte h2 { padding: 10px 0;	font-size: 1.8em;	color: #646464;	border-bottom: none;}
#mitte h2.mittel {font-size: 1em; color: #666;}
#mitte h2.riesig {display:inline;font-size: 2em;}
#mitte h2.unter {text-decoration: underline; color: #999; font-size: 2em; padding: 1em 0 0 0;}
#mitte h2.unterb {text-decoration: underline; color: #999; font-size: 3em; padding: 1em 0 1em 0;}
#mitte h2 a { color: #467AA7;}
#mitte h2 a:hover {color: #666;}
#mitte h3 {padding: 10px 0 0 0; text-align: center;	font-size: 1.5em;	color: #646464;}
#mitte h3.liste {float: left;padding: 10px 0; text-align: left; font-size: 1.5em;	color: #646464;}

#mitte h3 a {font-size: 1em;color: #467AA7; text-decoration: none;}
#mitte h3 a:hover {color: #666; background-color:#FF973D;}

#mitte h4 {	font-size: 1.2em;	color: #646464;}
/*#mitte h3 {display:inline; color: #000 important!; font-size: 1em; text-align: left; margin: 0 10em;}*/

#mitte h4.fett {font-family: Georgia, "Times New Roman", Times, serif; font-size: 2em; color: #999; text-align: center; padding: 1em 0 0 0; text-decoration: underline; border-style: solid; border-width:5px 0 0 0;}
#mitte ul, #mitte ol {margin: 0 3em; padding: 0.5em;}
#mitte ul li {font-size: 1.2em; list-style: none;text-align: center; }
#mitte ol li {margin: 0 3em; padding: 0.2em; list-style: none;}
#mitte a {color: #467AA7;}
#mitte a:hover {color: #000;}
#mitte .post, #mitte .page {	margin: 10px 0;	padding: 0 15px 10px 15px;}




#mitte .mgross {text-align: left;	font-size: 1.5em;	color: #646464;}
#mitte img {text-align: center;}
#mitte .bruch {clear: both;margin: 25px 0;}
#mitte.entry, #mitte.entrytext {
	overflow: hidden;
}

#mitte2 {margin: 0 210px 0px 210px; /*background-color:#7698be;text-align: center;*/}
#mitte2 p {margin: 0.5em 0.5em 1em 0; line-height: 1.5em; text-align: left;}
#mitte2 p.zentriert {text-align: center;}

#bruch2 {display: block; background: url('images/page_nav.png') repeat-x; height: 5px; padding: 2px 0; border-top: 1px solid #fff; border-bottom: 2px solid #ccc; }
.dis {text-align: center;}
.abst {margin: 0 15px 0 15px}
.unsichtbar {display: none;}
* html.entry, * html.entrytext {
	overflow: visible;
	height: 1px;
}
.counterbild {display: inline;}
.linie {border-bottom: 2px solid #ccc;}

#zentriert  {margin-left:auto;}
.enger {margin: 0 80px 0 25px;}



/* Begin Base Elements */


/* Footer */


#footer {

left: 210;
bottom: 0;
width: 100%;
background: #dfdfdf;

	
	
margin-top: -7.5em;
	background: url(images/bg_foot.jpg) no-repeat top left;
	height: 50px;
	text-align: center;
}

#footer p {
	padding: 10px 0 2px 0;
	color: #7d7d7d;
	font-size: 0.9em;
}

#footer a {
	text-decoration: underline;
	color: #7d7d7d;
}

#footer a:hover {
	text-decoration: none;
	color: #000;
}
.clearingdiv {
	clear:both;
	height:30px;
	width:1px;
}

.date {color: #ccb; padding: 0.5em 1em; text-align: right; float: right;}
.date1 {font-size: 3em; display: block;}
.date2 {font-size: 2em; display: block;}
.date3 {font-size: 2em; display: block; font-weight: bold; color: #bba}

.more-link {display: inline; }
.pageInfo {font-size: 0.8em; color: #aaa; text-align: right; border-top: 1px dashed #ccc; border-bottom: 1px dashed #ccc; padding: 1em; clear: both;}

.fifty {width: 40%; text-align: center;}

.boxedup {background: #fff url('images/gradient.png') top repeat-x; border: 1px solid #eee; padding: 0.5em; margin: 0.5em;}
.boxedin {background: #fff url('images/gradient.png') 0 -20px repeat-x; border-top: 1px solid #eee; padding: 0 1em; margin: 0 120px 0 0.5em; text-align: right;}

/* End Base Elements */

/* Begin Layout Elements */





/*sie sind hier-Navi*/
#navi01 {float: left; border-bottom: 0px;Border: 1px;}
#navi01 h2 {display: inline; padding: 0; text-align: left; font-size: 1em;}
#navi01 h2.vor {display: inline; font-size: 0.9em; padding: 0; text-align: left; font-weight: 100;}
#navi01 h2.unter {display: inline; font-size: 1em;  font-weight: bold; padding: 0; text-align: left; text-decoration: underline; color: #000;}
#navi01 h2 a {color: #467AA7; text-align: left; font-size: 1em; font-weight: bold; display: inline;}
#navi01 h2 a:hover {color: #000; font-size: 1em; text-decoration: underline;}
/*ende sie sind hier*/




/* End Layout Elements */

/* Begin Navigation Elements */



/* End Navigation Elements */

/* Begin Form Elements */

/*** Comments Display ***/

.postmetadata {
	background:#e8e9ea;
	font-size: 0.9em;
	border: 1px solid #b0b0b0;
	padding: 0px;
	margin: 0px;
}

ol.commentlist li {
	border: 1px solid #b0b0b0;
	padding: 10px;
	margin-bottom: 10px;
}

ol.commentlist li cite {
	text-transform: capitalize;
}

ol.commentlist li p {
	padding-top: 10px;
}

.alt {
	background:#e8e9ea;
}

#searchCSS {font-size: 0.9em; position: absolute; top: 6px; right: 5px;}
#searchform {text-align: center;}
#searchform #s {width: 115px; font-size: 9px; padding: 2px; border: 1px solid #ccc;}
#searchform #s:focus {border: 1px solid #aaa; background: #fafafa;}
#searchsubmit {font-size: 9px; background: #fff url('icons/icon_search.gif') 1px 1px no-repeat; cursor: pointer; padding: 0 0 0 15px; border: 1px solid #aaa;}
#searchsubmit:hover {border: 1px solid #999;}
#submit {cursor: pointer;}

.entry form {text-align: center;}

select {width: 140px;}
#commentform input {width: 170px; padding: 2px; margin: 5px 5px 1px 0; border: 1px solid #ccc; background: #f9f9f9;}
#commentform textarea {width: 100%; padding: 2px; border: 1px solid #ccc; background: #f9f9f9;}
#commentform #submit {color: #666; background: #eee; vertical-align: top;}
#commentform #submit:hover {border: 1px solid #aaa; background: #ddd;}
#commentform input:focus, #commentform textarea:focus, #searchform #s:focus {background: #fff;}

.comment_no {padding: 10px 0; float: right; font-size: 3em; color: #ccc;}

.commentlist {padding: 20px; margin: 0;}
ol.commentlist {margin: 0 !important; padding: 0 !important;}
.commentlist li {clear: both;  list-style-type: none !important; padding: 10px !important; background: #fff url('images/gradient.png') 0 -10px repeat-x;  margin: 10px !important;}
.commentlist li:hover {background-position: 0 0;}

.commentmetadata {border-top: 1px dashed #ec5; clear: both; text-align: right; font-size: 0.8em; font-weight: normal; color: #ca5; margin-top: 20px !important;}
.commentlist h6 {text-align: left; font-size: 0.8em; font-weight: normal; color: black; padding:10px!important;}
.commentlist h6 a{text-align: left; font-size: 0.8em; font-weight: bold; color: blue; padding:10px!important;}

#column1 blockquote.commented {margin-left: 5px; padding: 0 10px 10px 20px; font-style: italic; color: #963; background: url('images/blockquote.gif') 0 0 no-repeat !important;}
#column1 blockquote.commented blockquote, #column1 blockquote.commented ul, #column1 blockquote.commented ul li {background: none !important; margin: 0 !important; padding: 0 !important;}

.commentlist .gravatar {display: block; float:left; padding: 3px; margin: 0 20px 5px 0; border: 2px solid #ccc; background: #eee;}

.alt {clear: both;}

/* End Form Elements */


/* Begin Images */

p img {padding: 0;}
p img[alt="an image"] {float: left; margin: 0 7px 2px 0;}
img.inl {display: inline;}
img.alignright {padding: 5px 1px; margin: 0 0 2px 1px; display: inline;}
img.alignleft {padding: 5px 1px; margin: 0px 1px 0px 0; display: inline;}
img.alignleftb {padding: 5px 1px; margin: 0 10px 2px 0; display: inline;float: left;}
img.alignrightb {padding: 5px 1px; margin: 0 0 2px 0; display: inline;float: right;}
.alignrightc {display: inline;float: left;padding: 5px 1px; margin: 0 0 2px 0;}
.center {display: block; margin-left: auto; margin-right: auto;}
.alignright {float: right;}
.alignleft {float: left;}

.images {width: 95%; text-align: center;}
.images img {float: left; clear: both; margin: 0 auto;}

/* End Images */

/* Special Fixes */
img {max-width: 100%;}

/* Fix by Andy Skelton */

.entry, .entrytext {
	overflow: hidden;
}

* html.entry, * html.entrytext {
	overflow: visible;
	height: 1px;
}

* html.entry p, * html.entrytext p {
	width: 99%;
	overflow: hidden;
}

.entrytext {
	padding-top: 0px;
}
.bruch3 {clear: both;}
/* \*/
* html #wrapper1, * html .outer a, * html .container-left, * html .container-right, * html .outer, * html h2 {height: 1%;}
* html .outer p {margin-right: -4px;}
#column2 {margin-right: -1px;}
#column3 {margin-left: -1px;}
* html #column2 {margin-right: -2px;}
/* Holly Hack */

/*mittig zwei boxen*/

.aussen3 {	width: 1000px;
	text-align: center;
        padding: 10px;
	margin: 0 auto;
	min-width: 138px;/*Opera/Mozilla brauchen dies breite aenderbar*/}
.innen3 {width: 100%;/*  für IE Win */}
.boxb01 {width: auto;
	min-width: 130px;
	margin-top: 10px;
	margin-right: 0.5em;
	margin-left: 0.5em;
	float: left;
	width: 47.4%;
	display: inline;}
.boxb01a {float: left;
	text-align: left;
	width: auto;}
.boxb01a img {display: inline;
	margin: 2px;
	padding: 2px;}
.boxb02 {	width: auto;
	min-width: 130px;
	margin-top: 10px;
	margin-right: 0.5em;
	margin-left: 0.5em;
	float: left;
	width: 47.4%;
	display: inline;}
.boxb02a {	float: left;
	text-align: left;
	width: auto;}
.boxb03a {	
	text-align: center;
	width: auto;}
	.boxplatz {	float: right;
	text-align: center;
	width: 80px;}
.boxb02a img {	display: inline;
	padding: 2px;
	margin: 2px;}
	
	/*unsichtbare Tabellen für live*/
	.blindtable {display: none; width: 100%;}
