@charset "utf-8";
/* CSS Document */

div {
 padding: 1px 0;
}
body {
 margin: 0;
 padding: 0;
 background: #232b36;
 font-size: 100.01%;
 line-height: 1.5;
 font-family: "Trebuchet MS", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
 color: #121212;
}
#container {
 margin: 0 auto;
 width: 960px;
 padding: 0;
 height: 100%;
 position: relative;
 background: #fff;
}

/*Kopfbereich*/

#header {
 width: 100%;
 height: 100px;
 background: transparent url(imgs/headback1.jpg) repeat-x top left;
 margin: 0;
 padding: 0;
}
#logo {
 float: left;
 margin-top: 20px;
}
#logo h1, #logo h1 a {
 padding: 0;
 margin: 0;
 color: #3151a2;
 text-decoration: none;
 outline: 0;
}
#logo img, #logo a {
 border: 0;
}
#topright {
 float: right;
 width: 284px;
}

/*Topnavigation*/

#topnav {
 width: 100%;
 background: #393939 url(imgs/navi.gif) repeat-x top left;
 font-family: Tahoma, Geneva, sans-serif;
 font-size: 0.85em;
 margin: -3px 0 0;
 padding: 0;
 float: left;
}
#navi {
 margin: 0 0 0 240px;
 padding: 0;
 list-style-type: none;
}
#navi li {
 float: left;
 position: relative;
}
#navi li a {
 display: block;
 text-decoration: none;
 color: #d8d8d8;
 padding: 8px 11px 12px 14px;
 font-weight: bold; 
}
#navi li a:hover, #navi li a:active {
 color: #fff;
 background: #393939 url(imgs/hover.gif) repeat-x top center;
}
#navi li a.hic {
 color: #333;
 background: #8fcf5c;
}

/*Suchfeld*/

#suchform {
 background: transparent;
 float: right;
 margin: 2px 0 0;
 width: 160px;
}
#suchfeld {
 background-color: #393939;
 border: 0;
 float:left;
 margin:0;
 padding: 9px 25px 8px 8px;
 width: 90px;
 color: #fff;
}
#butt {
 background: #363636 url(imgs/cherche.gif) no-repeat scroll top left;
 border: none;
 cursor: pointer;
 float: right;
 height: 22px;
 margin: 10px 0 0 0;
 width: 28px;
}

/* Klammer Hauptteil Sidebar */

#main {
 margin: -3px auto;
 background: #589bc5 url(imgs/back01.jpg) no-repeat top left;
 float: left;
 width: 960px;
 padding: 0;
 display: inline;
 position: relative;
}

/*Hauptteil*/

#content {
 width: 750px;
 float: right;
 display: inline;
 background: #f4f4f4;
 padding: 0;
 margin: 0;
 font-size: 95%;
}
#content .distance {
 padding: 20px 40px;
}
#content h1, #content h2 {
 font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;	
}
#content h2 {
 margin: 1.5em 0 0.5em;
}
#content h2.short {
 margin-bottom: 0;
}
#content p {
 margin: 0 0 0.75em;
 padding:0;
}
#content blockquote {
 background: transparent url(imgs/zitat.gif) no-repeat top left;
 margin: 2em 2em 2em 0;
 padding: 0;
 font-size: 85%;
}
#content blockquote p {
 padding: 10px 30px 0 55px;	
}
#content a:link {
 color: #3151a2;
 text-decoration: underline;
}
#content a:visited {
 color: #6886d1;
 text-decoration: none;
}
#content a:hover, #content a:active, #content a:focus {
 color: #fff;	
 background-color: #589bc5;
 text-decoration: underline;
}
dl#chronik {
 margin: 30px 20px;
 padding: 0;
}
dl#chronik dt {
 background: #d25d7c;
 padding: 0 0 0 5px;
 color: #fff;
 font-weight: bold;
 margin-top: 20px;
}
dl#chronik dd {
 margin-top: 5px;
}
.dropCap {
 float: left;
 font-size: 4em;
 line-height: 0.9em;
 padding: 0 5px 0 0;
 font-family: Georgia, "Times New Roman", Times, serif;
 color: #d25d7c;
 font-weight: bold;
}
#autor {
 background: #f0f0f0 url(imgs/stift.png) no-repeat scroll 96% 50%;
 border: 1px solid #cecfd0;
 display: block;
 margin: 3em 0 1.5em;
 padding: 15px 80px 15px 15px;
 -moz-border-radius: 8px;
 -webkit-border-radius: 8px;
 font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
 font-size: 85%;
}
.picright {
 float: right;
 margin: 0 0 5px 25px;
 padding: 6px;
 background: #fff;
 border: 1px solid #eee;
}

/*Sidebar*/

#sidebar {
 width: 210px;
 float: left;
 display: inline;
 position: relative;
 padding: 50px 0;
 font-size: 80%;
}
.sidelist {
 border-top: 1px solid #eee;
 list-style-type: none;
 margin: 0;
 padding: 0;
}
.sidelist li {
 border-bottom: 1px solid #eee;
 padding: 0;
}
.sidelist li a {
 color: #222;
 font-size: 0.92em;
 padding: 7px 15px 7px 17px;
 text-decoration: none;
 display: block;
 background: #aacce5;
 border-left: 5px solid #f3ab11;
}
.sidelist li a:hover, .sidelist li a:active, .sidelist li a:focus, .sidelist li a.curr {
 color: #000;
 background: #6587a0;
 border-left: 5px solid #f37e11;
}
.sidelist li a.curr {
 color: #000;	
}
.tipp {
 background: #e4eef5;
 width: 180px;
 margin: 0 8px 15px;
 padding: 5px;
 -moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 font-size: 85%;
 border: 1px solid #ccc;
}
.tipp p {
 margin: 0;
 padding: 0;
}
.tipp a {
 color: #3151a2;
 text-decoration: underline;
}
.tipp a:hover, .tipp a:active {
 color: #ae2b36;
 text-decoration: none;
}
.picrightside {
 float: right;
 margin: 0 0 2px 10px;
 padding: 4px;
 background: #fff;
 border: 1px solid #eee;
}

/*Footer*/

#footer {
 width: 100%;
 clear: both;
 background: url(imgs/headback.jpg) repeat-x top left;
 height: 100px;
 margin: 0;
 padding: 0;
}
#footer p {
 color: #fff;
 font-size: 80%;
 padding: 0;
 font-family: Tahoma, Verdana, Arial, sans-serif;
}
#ref {
 padding: 0 30px;
 clear: both;
}
#copy {
 float: left;
 width: 400px;
}
#creator {
 float: right;
 width: 250px;
 text-align: right;
}
#creator a {
 color: #373737;
 text-decoration: none;
}
#creator a:hover {
 color: #fff;
 text-decoration: underline;
}
#footnav {
 float: left;
 margin: 0;
 padding: 15px 0 5px 220px;
 list-style-type: none;
 color: #d8d8d8;
}
#footnav li {
 float: left;
 margin: 0;
 padding: 0 10px;
 list-style-type: none;
}
#footnav li a {
 color: #d8d8d8;
 text-decoration: none;
}
#footnav li a:hover, #footnav li a:active {
 color: #fff;
 background: #393939;
 text-decoration: underline;
}

/*Trennungsdiv*/

div.shortpage {
 height: 1px;
 margin: 2em 4em 16em 0;
 background-color: #f4f4f4;
}

div.dividermainend {
 height: 1px;
 margin: 2em 4em 2em 0;
 background-color: #f4f4f4;
}

hr {
 display: none;
}

.clearboth { clear: both; }

/* Kontaktformular */

fieldset {
 border: none;
 padding-bottom: 1em;
 position: relative;
}
label {
 color: #393939;
 margin-right: 1em;
 width: 80%;
}
textarea, input.inputtype-text {
 width: 80%;
}
textarea, input.inputtype-text, input[type="text"] {
 background-color: #f4f4f4;
 border: 1px solid #74afd1;
 font-family: "Segoe UI", Tahoma, Arial, Helvetica, sans-serif;
 padding: 4px 4px 2px;
}
input[type="text"]:focus, .inputtype-text:focus, textarea:focus {
 background-color: #fff;
 border: 1px solid #232b36;
}
button {
 border: 1px solid #aaa;
 border-top: 1px solid #fff;
 border-left: 1px solid #fff;
 line-height: 130%;
 cursor: pointer;
 color: #121212;
 width: auto;
 overflow: visible;
 background: #f3ab11;
 margin-top: 10px;
}
button[type]{
 padding: 5px 10px 5px 7px;
 line-height: 17px
}
button:focus, button:hover {
 color: #000;
 background-color: #f3f3f3;
 border: 1px solid #999
}
button:active {
 color: #000;
 border: 1px solid #fff;
 border-top: 1px solid #aaa;
 border-left: 1px solid #aaa;
 background: #dadada;
}
.warning {
 color: #c00;
 font-weight: bold;
}