/* Banner */

#kopfbanner {
/* �ndern */
height: 130px;
border-bottom: 2px solid #7594D4;
background-image: url(images/banner.jpg);

/* nicht �ndern */
width: 425px;
background-color: #58c;
color: #000;
}

/*
Dunkelblau #134B87
Dunkelrot #CC304E
Mittelblau: #7594D4
Hellblau: #DEEFFF
Blau rechte Bl�cke: #B2CAE3
*/


/* Seitenaufbau */

body {
font-size: 90%;
font-family: verdana, sans-serif;
text-align: center;
/* #9E1932 */
background: #C2D3E4; /* url(images/wsc-hintergrund-oben.gif) repeat-x;*/
color: #E8C8CE;
background-attachment: fixed;

margin: 0;
padding: 0;
}

.page {
width: 990px;

text-align: left;
margin: auto;
}

#page {
background: #F4F8F9 url(images/wsc-hintergrund-cmsblog.gif) repeat-y center;
color: #333;
position: relative;
}

/* Tags allgemein */

h1, h2, h3, h4, h5, h6, table, p {
font-size: 100%;
margin-top: 0;
}

input, checkbox, textarea, select, button {
font-family: sans-serif;
font-size: 100%;
}

a img {
border-width: 0;
}

h1, h2 {
font-family:  georgia, serif;
font-weight: normal;
}

blockquote {
margin: 0;
margin-left: 5px;
padding-left: 5px;

color: #134B87;
border-left: 4px solid #7594D4;
}

code, pre {
font-size: 1em;
font-family: 'Courier New', monospace;
}

pre {
color: #134B87;
background: #fff;
overflow: auto;
}

li h5 {margin:0}

q {
font-style: italic;
}

html>body q {
font-style: normal;
quotes:"\201E" "\201C";
}

html>body q q {
quotes:"\201A" "\2018";
}

/* Kopfzeile 1 */

#head {
position: fixed;
top: 0;
z-index: 10;

width: 990px;
height: 36px;

margin: auto;
text-align: center;

/*border-bottom: 1px solid #E8C8CE;*/
background: #9E1932 url(images/wsc-hintergrund-oben.gif) repeat-x;
color: #E8C8CE;
}

#head * {
margin: 0;
}

#head span {
display: block;
}

/* Kopfzeile 1, Haupt�berschrift  */

#head h1 {
float: left;
width: 565px;

padding-top: 3px;
font-size: 28px;
}

/* Kopfzeile 1, Beschreibung und Sprungmarken  */

#head2 {
float: left;
width: 425px;
padding-top: 4px;
font-size: 17px;
text-align: left;
color: #E8C8CE;
background: inherit;
}

html>body #head2 {
padding-top: 0.9em;
}

#head2 p {
position: absolute;
top: 2px;
width: 425px;
color: #E8C8CE;
font-size: 60%;
margin: 0;
text-align: center;
}

#head2 h2 {
text-align: center;
margin: 0;
}

#head2 a {
color: #E8C8CE;
}

/* Kopfzeile 2 */

#kopfnav {
width: 990px;
clear: both;
text-align: center;
float: left;
}

html>body #kopfnav {
margin-top: 36px;
}

#kopfnav * {
margin: 0;
padding: 0;
}

/* Kopfzeile 2, Navigationsliste (links) */

#navcontainer {
width: 565px;
background: #134B87;
color: #fff;
padding-top: 8px;
padding-bottom: 4px;
float: left;
min-height: 22px;
}

html>body #navcontainer {
padding-top: 7px;
padding-bottom: 3px;
}

#navcontainer li {
display: inline;
}

#navcontainer ul {
display: block;
padding: 0 5px;
}

#navcontainer a {
background: #CC304E;
color: #fff;
text-decoration: none;
padding: 2px 6px;
border: 1px solid #999;
font-size: 90%;
}

#navcontainer a:visited {
background: #CC304E;
color: #E8C8CE;
}

#navcontainer a.extern {
background: #1C4B97;
}

#navcontainer a:hover {
border: 1px inset #8A0E25;
background: #d00;
color: #fff;
}

/* Kopfzeile 2, Suche und Schriftgr��e (rechts) */

#searchform {
background: #134B87;
color: #fff;
width: 425px;
padding-top: 5px;
padding-bottom: 1px;
float: left;
min-height: 26px;
}

#searchform input, #searchform button {
padding: 1px 0;
}

#s {
width: 200px;
background: #C2D3E4;
color: #fff;
/*border: 1px solid #DEEFFF;*/
border-width: 0;
padding-bottom: 2px !important;
}

#s:hover, #s:focus {
background: #DEEFFF;
color: #000;
}

#sbutton, #searchform button {
/*border: 1px solid #E8C8CE;*/
border-width: 0;
background: #CC304E;
color: #E8C8CE;
font-weight: bold;
font-size: 90%;
}

#searchform form, #searchform form * {
display: inline;
}

#searchform button {
width: 2em;
}

#sbutton:hover, #searchform button:hover {
background: #CC304E;
color: #fff;
/*border: 1px inset #E8C8CE;*/
}

/* Seiteninhalt */

#content {
clear: both;
width: 565px;
float: left;
padding-bottom: 4em;
padding-top: 20px;
}

/* Seiteninhalt, Abschnitt */

#content .post {
margin-bottom: 40px;
width: 460px;
position: relative;
left: 104px;
font-family: 'bitstream vera sans', sans-serif;
background: #F4F8F9;
}

/* Seiteninhalt, Abschnitt, �berschrift */

#content h2 {
font-family: georgia, serif;
font-size: 160%;
font-weight: normal;
padding-left: 12px;
padding-right: 12px;
text-align: center;
}

#content h2 a {
text-decoration: none;
color: #000;
}

#content h2 strong {
font-size: 70%;
display: block;
}

#content h2 a:hover {
text-decoration: underline;
}

/* Seiteninhalt, Abschnitt, Text */

#content .storycontent {
min-height: 4em;
}

#content .storycontent, #content .navigation  {
background: transparent;

position: relative;
padding-left: 12px;
padding-right: 12px;
line-height: 160%;
}

#content .navigation  {
width: 330px;
left: 108px;
height: 2em;
}

#content .navigation .alignleft {
float: left;
}

#content .navigation .alignright {
float: right;
}

#content .storycontent a, #content .navigation a {
color: #CC304E;
}

#content .storycontent a:visited, #content .navigation a:visited {
color: #333;
}

#content .storycontent a:hover, #content .navigation a:hover {
color: #000;
}

/* Linker Rand */

#content .meta a {
color: #000;
}

#content .meta a:visited {
color: #555;
}

#content .meta {
position: absolute;
left: 1px;
top: 0;
left: -113px;
width: 100px;

text-align: center;
/*font-family: sans-serif;*/
background: #DFE7ED;
color: #000;

padding: 0 5px;
overflow: hidden;

line-height: 140%;
font-size: 80%;
}

#content .meta img {
padding: 4px;
}

html>body #content .t, html>body #content .meta {
width: 90px;
}

html>body #content .meta {
left: -103px;
}


/* Navigation */

#menu {
width: 425px;
float: left;
padding-bottom: 3em;
font-size: 90%;
}

#menu * {
margin: 0;
padding: 0;
font-family: verdana, sans-serif;
color: #000;
list-style-type: none;
}

#menu a {
color: #009;
text-decoration: none;
font-weight: bold;
}

#menu a:visited {
color: #007;
}

#menu a:hover {
color: #CC304E;
}

#menu .box_r1 {
width: 210px;
float: left;
padding-left: 5px;
}

html>body #menu .box_r1 {
width: 205px;
}

#menu .box_r2 {
width: 210px;
float: left;
padding-left: 5px;
}

html>body #menu .box_r2 {
width: 205px;
}

#menu .box, #menu .navbox  {
background: #F4F8F9;/*#C2D3E4;*/
border: 2px solid #DCE8E7;
margin-bottom: 5px;
}

#menu .box h2, #menu .navbox h2 {
background-image: url(images/verlauf205.gif);
color: #fff;
padding: 2px 5px;
font-weight: bold;
}

#menu .box_r {
width: 420px;
float: left;
padding-left: 5px;
}

html>body #menu .box_r {
width: 415px;
}

#menu .box_r h2 {
background: #DEEFFF url(images/verlauf420.gif) repeat-y;
}

#menu .box_r .box {
background: #C2D3E4;
}
#menu div.box {
padding: 5px;
}

#menu li li, #menu .content  {
/*display: block;*/
padding: 2px 5px;
}


#menu li {
/*display: block;*/
display: inline;
}



/* Fu�zeile */

#footer {
clear: both;
width: 990px;
/*position: fixed;*/
bottom: 0;
font-size: 80%;
}

#footer * {
margin: 0;
padding: 0;
}

#footer_left {
background: #9E1932;
color: #E8C8CE;
width: 565px;
float: left;
}

#footer_left li {
display: inline;
}

#footer_left ul {
display: block;
text-align: center;
padding: 2px 5px;
}

#footer a {
background: transparent;
color: #fff;
text-decoration: none;
}

#footer_left a {
font-weight: bold;
}

#footer a:visited {
background: transparent;
color: #ddd;
}

#footer a:hover {
background: #E08DA1;
color: #fff;
}

#footer_right {
width: 425px;
float: left;
background: #9E1932;
color: #E8C8CE;
}

#footer_right p {
padding: 2px 5px;
}

/* Default-Klasssen */

br.clear {
clear: both;
}

.clear {
clear: both;
overflow: hidden;
height: 0.1px;
font-size: 0.1px;
line-height: 0.1px;
}

.linie {
clear: both;
}

#menu .linie {
font-size: 0.1px;
height:  0.1px;
overflow: hidden;
}

.center {
text-align: center;
}

/* Extras */

.comment, #content fieldset, #content legend {
background: #eee;
padding: 4px;
margin-bottom: 0.7em;
/*border: 1px solid #7594D4;*/
border-width: 0;	
}

.comment blockquote {
padding: 0;
margin: 0;
border-width: 0 !important;
}

#comment {
width: 98%;
}

#commentform p {
margin-bottom: 0.5em;
font-size: 90%;
}

#content input {
/*border: 1px solid #7594D4;*/
}

#meinsenfdazu_linkleiste, #nds  {
padding: 5px;
margin: 5px;
background: #C2D3E4;
border: 2px solid #DCE8E7;
}

#nds h2 {
font-size: 120%;
float: left;
padding-right: 10px;
}
#nds p {
float: right;
width: 68%;
}

.hide {
position: absolute;
left: -2000px;
}

.alle, .alle ul {
margin: 0;
padding: 0;
}

.alle ul {
border-top: 1px solid #000;
}

.alle li {
margin: 0;
padding: 0;
list-style-type: none;
font-weight: bold;
}

.alle li li {
width: 440px;
font-weight: normal;
border-top: 1px solid #ccc;
margin-bottom: 0.2em;
padding-bottom: 0.2em;
}

.alle li li strong, .alle li li small  {
display: block;
}

.alle li li strong strong {
font-size: 90%;
}

.alle li li strong a {
text-decoration: none;
}

.center {
text-align: center;
}