/*	Stammtisch Design by GR ; based on
	Default WordPress by Dave Shea || http://mezzoblue.com
	Modifications by Matthew Mullenweg || http://photomatt.net
*/

/* Definition Grundfarben: */
/* dunkelblau: #001480 */
/* mittelblau: #8093ff	*/
/* hellblau: 	#bfc9ff	*/
/* gold: #807640 	Akzentfarbe */
/* Grundschrift: */
/* 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif */
/* "AGaramond", 'Times New Roman', Times, serif */


/*<group=Elemente>*/

/*<group=Farben Schriften>*/

body {
	color: #000;
	background: #fff url(svk_front_lite.gif) no-repeat 10% 0 ;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	font-size: 0.93em;
}

h2 {
	font: 600 150% "AGaramond", "Times New Roman", Times, serif;
	letter-spacing: 0.1em;
	clear: both;

}

h3 {
	font: bold 135% "AGaramond", "Times New Roman", Times, serif;
}

p, li, dd, .feedback {
	font-size: 100%;
	font-family:'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	letter-spacing: -1px;
	line-height: 175%;
}


/*<group=a Anker>*/

a {
	color: #807640;
}

a img {
	border: none;
}

a:visited {
 	color: #333; 
}

a:hover {
	color: #9a8;
}

/*</group>*/

dt {
font-weight: bolder;
}

code {
	color: #225;
}

kbd {
	display: block;
}

kbd:before {
	content: "% > ";
	color: #048;
	}

acronym, abbr, span.caps {
	cursor: help;
/*	font-size: 90%;  */
	letter-spacing: .07em;
}

pre {
	font-family: Monaco, monospace;
	line-height: 110%;
	background: #eee;
}

cite {
	font-style: normal;
}

cite:before {
	content: "> ";
	color: #048;
	}


/*</group>*/

/*<group=Abstände Ränder>*/

html {
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	padding: 0;
}

h1  {
padding: 50px 10px 20px 20%;
}

h2 {
	margin: 15px 0 2px 0;
	padding-bottom: 2px;
	border-bottom: 1px dotted #ccc;
	clear: both;
}

h3 {
	margin: .5em 0 0 0;
	clear: both;
}

p, ul, li, dd, .feedback {
	margin: 0.2em 0;
}

img.right, object.right {
text-align: right;
float: right;
margin: 0.4em 0 0 0.5em;
border: 1px dotted #999;
padding:  0.3em;
}

img.left {
text-align: left;
float: left;
margin: 0.4em 0.5em 0 0;
border: 1px dotted #999;
padding:  0.3em;
}

blockquote {
	border-left: 5px solid #ccc;
	margin: 0.5em 0;
	padding-left: 5px;
	font-style: italic;
}

dd {
margin: 0 0 0 2em;
padding: 0 0 0.5em 0;
}

pre {
	margin: 0.2em 1em;
	padding: 0.5em 0.2em;
}

acronym, abbr {
	border-bottom: 1px dashed #333;
}

kbd {
	margin:  0 2em;
	padding-left: 2.5em;
	background-color: #ddd;
	text-indent: 0;
}

kbd:before {
	border: 1px dotted #666;
	margin-left: -2.5em;
	}


/*</group>*/

/*</group>*/

/*<group=spezielle Bereiche IDs>*/

#rap, #gal {
width: 100%;
position: static;
}

/*<group=ID header>*/

/* Tanteks Box Model Hack */
#header {
	height: 160px;
	voice-family: "\"}\""; 
	voice-family:inherit;

	height: 90px;
}

/* Be nice to Opera: */
html>body #header {
	height: 90px;
}


/*<group=Farben und Schriften>*/

#header {
	background: #001480 url(svk_front_dark200.gif) no-repeat 10% 0;
	letter-spacing: 0.1em;
}

h1#header  {
	font: italic normal 200% "AGaramond", 'Times New Roman', Times, serif;
}

#header a {
	color: #fff;
	text-decoration: none;
}

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

/*</group>*/

/*<group=Abstände Ränder>*/

#header {
	margin: 0;
}

/*</group>*/

/*</group>*/

#content {
	margin: 30px 0 30px 12em;
	padding-right: 210px;
	max-width: 55em;
}

#content.wide {
	max-width: 65em;
}

#content p {
	text-indent: 1em;
}

#content ul {
	margin: 0.5em 0;
	padding: 0;
}

#content li {
	margin: 0.2em 0 0.2em 1em;
	padding: 0;
}

#content p:first-child, #content h2 + p, #content h3 + p {
	text-indent: 0;
}

/*<group=ID navi>*/

#navi {
	position: absolute;
	top: 160px;
	left: 0%;
	width: 11em;
}

/*<group=Farben und Schriften>*/
#navi {
	background: #bfc9ff;
}

#navi h2 {
	color: #807640;
	font-family: "AGaramond", 'Times New Roman', Times, serif;
	font-size: 135%;
	font-variant: small-caps;
	font-weight:  bold;
}

#navi ul li {
	font: normal normal 100%/125% 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
}

#navi ul li.active span {
	color: #000;
	background: #8093ff url(rightarrow.gif) 100% 50% no-repeat;
	text-decoration: none;
	display: block;
	padding: 0.5em 0.3em;
	width:  10em;
}

#navi ul li.active a.active {
	background: #8093ff url(rightarrow.gif) 100% 50% no-repeat;
}

#navi ul li a {
	color: #000;
	text-decoration: underline;
	display: block;
	width:  10em;
}
#navi ul li a:hover {
	background: #8093ff;
}

#navi ul ul li.active span {
	width:  9em;
}

#navi ul ul li a {
	width: 9em;
}

/*</group>*/

/*<group=Abstände>*/

#navi {
	padding: 0 3px;
}

#navi ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#navi ul li {
	margin: 0;
	padding: 0 0 1px 0; /*border-bottom: dotted 1px #ccc;*/
}

#navi ul ul li {
	margin: 0 0 0 1em;
	padding: 0 0 1px 0; /*border-bottom: dotted 1px #ccc;*/
}

#navi ul li a {
	padding: 0.5em 0.3em;
	border-bottom: 1px solid #809080;
	border-right: 1px solid #809080;
	border-top: 1px solid #bbb;
	border-left: 1px solid #bbb;
	
}

#navi ul li a:hover {
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#navi li.active span {
	padding: 0.5em 0.3em;
	border-bottom: 1px solid #bbb;
	border-right: 1px solid #bbb;
	border-top: 1px solid #809080;
	border-left: 1px solid #809080;
}

#navi li.active a.active {
	padding: 0 -0.3em 0 0;
}

/*</group>*/

/*</group>*/

/*<group=ID menu>*/

#menu {
	position: absolute;
	top: 160px;
	right: 0%;
	width: 200px;
}

#menu input#s {
	width: 10em;
}

/*<group=ID menu Farben Schriften>*/

#menu {
	background: #bfc9ff;
}

#menu h3 {
	color: #807640;
	font-variant: small-caps;
}

#menu ul {
	color: #333;
	font-weight: bold;
	list-style-type: none;
}

#menu ul li {
	letter-spacing: 0.1em;
}

#menu ul ul {
	font-variant: normal;
	font-weight: normal;
	line-height: 100%;
	list-style-type: none;
	text-align: left;
}

#menu ul ul li {
	font: normal normal 85%/140% 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	letter-spacing: 0;
	margin:  0;
	padding:  0;
}

#menu ul ul li a {
	color: #000;
	text-decoration: underline;
	display: block;
	
}

#menu ul ul li a:hover {
	background: #8093ff;
}

#menu ul ul ul.children {
	font-size: 142%;
}

#menu form {
	margin: 0 0 0 13px;
}

#menu input {
	color: #000;
	background: #eee;
	border: 1px solid #999;
}

/* 
My Comment */

/*</group>*/

/*<group=Abstände Ränder>*/

#menu {
	padding: 0;
}

#menu ul {
	margin: 0;
	padding: 0 3px;
}

#menu ul li {
	margin-top: 10px;
	padding-bottom: 2px; /*border-bottom: dotted 1px #ccc;*/
}

#menu ul ul li a {
	padding: 0.5em 0.3em;
	border-bottom: 1px solid #809080;
	border-right: 1px solid #809080;
	border-top: 1px solid #bbb;
	border-left: 1px solid #bbb;
	
}

#menu ul ul li a:hover {
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#menu ul ul ul.children {
	padding-left: 4px;
}

/*</group>*/

/*<group=__Untermenues>*/

/*<group=ID ressourcen>*/

/*<group=Farben und Schriften>*/

#ressourcen {
	background: #bfc9ff;
	padding: 0 3px;
}

/*</group>*/

#ressourcen ul {
margin-bottom: 20px;
}

/*</group>*/

/*<group=ID suchen andere>*/

/* Tanteks Box Model Hack */
#search, #other {
	position: absolute;
	right: 0%;
	width: 280px;
	height: 30px;
	voice-family: "\"}\""; 
	voice-family:inherit;

	height: 25px;
}

/* Be nice to Opera: */
html>body #other {
	height: 25px;
}


#search {
	top: -10px;
	white-space: nowrap;
}

#other {
top: -40px;
}

/*<group=Farben u Schrift>*/

#search, #other {
	background: #8093ff;
	text-align: right;
	padding: 0.2em;
}

#search div, #search form {
	font-size: 90%;
	display: inline;
}

#search h3 {
	display: inline;
}

/*</group>*/

/*<group=ID Suche Abstände Ränder>*/


#search br {
	display: none;
}

#search form {
padding-top: 0.2em;
padding-bottom: 0.5em;
}


/*</group>*/

/*<group=Abstände etc>*/

#other li  {
display: inline;
}

#menu li#other ul li a {
	padding: 0.1em 1em 0.1em 1em;
float: left;
}

#other h3  {
display: none;
}

/*</group>*/

/*</group>*/

/*<group=ID Archive Abstände Ränder>*/

li#archives h3 {
padding: 30px 0 0 0.5em;
}

li#archives li {
margin: 0 0 0 0.5em;
padding:  0;
}

li#archives a {
display: inline;
border: 0;
padding: 0;
}

/*</group>*/

/*<group=ID Meta Abstände Ränder>*/

li#meta h3 {
padding: 10px 0 0 0.5em;
}

li#meta li {
margin: 0 0 0 0.5em;
padding:  0;
}

li#meta p {
font-size: 90%;
line-height:  110%;
margin: 0.3em 0 0.3em 0.5em;
}

li#meta a {
display: inline;
border: 0;
padding: 0;
}

#menu #meta form {
	margin: 0 0 0 0.5em;
}

#meta label {
font-size: 90%;
line-height:  110%;
letter-spacing: -0.06em;
}


/*</group>*/

/*<group=ID Kalendermodul>*/

#wp-calendar {
	border: 1px solid #ddd;
	empty-cells: show;
	font-size: 14px;
	margin: 0 auto;
	width: 90%;
	color: #555;
}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
}

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

#wp-calendar a:hover {
	background: #8093ff;
	color: #807640;
}

#wp-calendar caption {
	font-family: "AGaramond", 'Times New Roman', Times, serif;
	color: #807640;
	font-size: 16px;
	font-style:  italic;
	text-align: center;
	padding: 0 3px;
}

#wp-calendar td {
	color: #333;
	font: normal 12px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	letter-spacing: normal;
	padding: 2px 0;
	text-align: center;
}

/* #wp-calendar td.pad:hover { */
/* 	background: #fff; */
/* } */

#wp-calendar #today {
	background: #eee;
}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
	color: #333;
}

/*</group>*/

/*</group>*/

/*</group>*/

#foot {
	background: #001480;
	border-top: double 3px #aba;
	border-bottom: solid 1px #001480;
	color: #fff;
	text-align: center;
	margin: 1em 0 0 0;
	
}

#foot a:link, #foot a:hover {
	color: #fff;
}

@media screen {
body>div#foot
	{
	position: fixed;
	width:  100%;
	height: 6em;
	bottom: 0;
	}
}

@media screen {
body>div#rap
	{
	margin: 0 0 7em 0;
	}
}

/*</group>*/

/* Verschiedenes*/

/* classes used by the_meta() */
/*<group=ID Kommentare >*/

ol#comments li p {
	font-size: 100%;
}
h3#comments, h3#postcomment {
	margin: 0.5em 0 0 0;
	font-size: 125%;
	font-weight: normal;
	border-bottom: 1px dotted #ccc;
}

#commentform input[type="text"], #commentform textarea {
	background: #f3f3f3;
	border: 1px solid #333;
	padding: .2em;
}

#commentform input[type="text"]:focus, #commentform textarea:focus {
	background: #fff;
}

#commentform textarea {
	width: 100%;
}

#commentlist li ul {
	border-left: 1px solid #ddd;
	font-size: 110%;
	list-style-type: none;
}

/*</group>*/

/*<group=.meta Meta Info bei Kommentaren, Artikeln etc.>*/

ul.post-meta {
	list-style: none;
}

.meta {
	font-size: 95%;
}

.meta, .meta a {
	color: #808080;
	font-weight: normal;
	letter-spacing: 0;
}

.meta li, ul.post-meta li {
	display: inline;
}

ul.post-meta span.post-meta-key {
	font-weight: bold;
}

.meta ul {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
}

/*</group>*/

.storycontent {
	margin: 0.6em 0 0 0;
}

h3.storytitle {
	margin: 0;
}

.storytitle a {
	text-decoration: none;
}

a.external  {
padding-right: 16px;
background: url(external.gif) top right no-repeat;
border: 0px dotted #f33;
}


.hidden {
display:  none;
}

.credit {
	font-size: 85%;
	padding: 3px;
}

p.credit {
padding: 0.5em 0;
}

#content p.author {
padding: 0.5em 0;
font-style: italic;
text-indent: 0;
}

p.last {
text-align: right;
clear: both;
}

.copyleft {
position: absolute;
right: 0;
width: 180px;
padding: 2em 0.5em;
border: 1px dotted #333;
line-height: 150%;
}

.copyleft:before {
content: "Hinweis:";
font-size: 150%;
font-weight: bold;
display: block;
background-color: #bfc9ff;
}

/* Next/Prev-Links bei BlogEintraegen */
.navigation {
	display: block;
	text-align: center;
	padding-bottom: 1.8em;
}

.storycontent img.right {
text-align: right;
float: right;
margin: 0.4em 0 0 0.5em;
padding:  0.3em;
}

.alignright {
	float: right;
	}
	
.alignleft {
	float: left
	}
/* Ueberschrift BlogEintrag in neuerZeile */
.post h2 {clear: both;}

.feedback {
	color: #333;
	text-align: right;
	clear: both;
}