/* Start of CMSMS style sheet 'S02 - Gut gegen Nordwind' */
* {
margin:auto;
padding:0;
}

body {
       min-width:700px;
        min-height: 450px;
        background: url(uploads/layout/04-blau/hintergrund5.jpg) top left repeat;
	background-color: #001c3e;
	/* text-align: center; */
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;

}

/********************
CONTAINER - margin auto fuer Zentrierung. Position relativ! Umschliesst alle folgenden divs! Deren Position ist dann: absolute.
*********************/
.container {
        margin:auto auto auto auto;
	position:relative;
	visibility:visible;
	width:710px;
        height: 650px;
	/* height: 560px; */
	z-index:0;
	/* background-color: #666666; */
        background: url(uploads/layout/04-blau/hintergrund5-5.jpg) top left repeat;
}

/********************
Lesebereich - fuer den gesamten Hintergrund!
*********************/
.main {
	position:absolute;
	visibility:visible;
	width:700px;
	height:450px;
	overflow: hidden;
        background: url(uploads/layout/lesebereich_nordwind.jpg) top left no-repeat;
	background-color: #2861b0;
	background-repeat: no-repeat;
	background-position: center center;
	z-index: 1;
	margin: 0px auto;
	top: 100px;
	left: 5px;
	visibility: visible;
}


/********************
TEXTH - Div fuer den Text!
*********************/
.texth {
	position:absolute;
	visibility:visible;
	overflow: auto;
	width:633px;
	height:324px;
	z-index:3;
	top:58px;
	left:33px;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: left top;

        scrollbar-face-color:#2861b0;
        scrollbar-arrow-color:#FFFFFF;
        scrollbar-track-color:#2861b0;
        scrollbar-shadow-color:#2861b0;
        scrollbar-highlight-color:'';
        scrollbar-3dlight-color:#2861b0;
        scrollbar-darkshadow-Color:'';
}


.schrift {
	position:absolute;
	visibility:visible;
	width:796px;
	height:63px;
	overflow: hidden;
        background: url(uploads/layout/03-wellen/schrift.jpg) top left no-repeat;
	background-repeat: no-repeat;
	background-position: center center;
	z-index: 4;
	margin: 0px auto;
	top: 600px;
	left: 0px;
	visibility: visible;
}

/********************
NAVI_01 - Div fuer die Navigation horizontal.
*********************/
.navi_01 {
	position:absolute;
	visibility:visible;
	overflow: hidden;
               width: 127px;
	height:52px;
	z-index:5;
	top:392px;
               left:40px;
	/* background-color: #336600; */
}

/********************
NAVI_02 - Div fuer die Navigation horizontal.
*********************/
.navi_02 {
	position:absolute;
	visibility:visible;
	overflow: hidden;
                width: 127px;
	height:52px;
	z-index:6;
	top:392px;
                left:163px;
	/* background-color: #336600; */
}

/********************
NAVI_03 - Div fuer die Navigation horizontal.
*********************/
.navi_03 {
	position:absolute;
	visibility:visible;
	overflow: hidden;
                width: 127px;
	height:52px;
	z-index:7;
	top:392px;
                left:311px;
	/* background-color: #336600; */
}

/********************
NAVI_04 - Div fuer die Navigation horizontal.
*********************/
.navi_04 {
	position:absolute;
	visibility:visible;
	overflow: hidden;
                width: 127px;
	height:52px;
	z-index:8;
	top:392px;
                left:407px;
	/* background-color: #336600; */
}

/********************
NAVI_05 - Div fuer die Navigation horizontal.
*********************/
.navi_05 {
	position:absolute;
	visibility:visible;
	overflow: hidden;
                width: 127px;
	height:52px;
	z-index:9;
	top:392px;
                left:537px;
	/* background-color: #336600; */
}



/********************
PRINT - Div fuer den Printbutton.
*********************/
div.print {
  float: right;
  padding: 0em 0.5em 0 0;
 /* width: 49%; */
  text-align: right;
  valign: bottom;
}


/********************
CONTENT STYLING
*********************/
/*
wenn ein Bild als Link "a" verwendet wird, erscheint kein Rand
*/
img {
   border: 0;
}

/********************
CONTENT - Ende
*********************/

/********************
Image ROTATOR
*********************/
.rotator{
        margin:5px 17px 5px 17px;
}


/********************
TEXT
*********************/
p {
   /* font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; */
   margin: 0.5em 0.5em 0 0.2em;
   color: #ffffff; 
}

h1{
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 2em; 
   text-align: left; 
   line-height: 2em;
   margin: 0 0 1.3em 0;
}

h2{
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 1.5em; 
   text-align: left; 
   line-height: 1.3em;
   margin: 0 0 1.5em 0;
}
h3 {
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   color: #ffffff; 
   font-size: 1.6em;
   line-height: 1em;
   margin: 0 0 0.5em 0;
}
h4{
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 1.2em; 
    text-align: left; 
    line-height: 1.3em;
    margin: 0 0 0.5em 0;
}
h5{
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 1.1em; 
    text-align: left; 
    line-height: 1.3em;
    margin: 0 0 0.5em 0;
}
h6 {
   font-size: 9.5pt;
   line-height: 1.4em;
   margin: 0 1.5em 0 1.5em;
   font-weight: normal;
}


blockquote {
   margin: 0.5em 1.5em 0 1.5em;
}

strong, b {
/* explicit setting for these */
   font-weight: bold;
}

em, i {
/* explicit setting for these */
   font-style:italic;
}

/* Wrapping text in <code> tags. Makes CSS not validate */
code, pre {
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
 font-family: "Courier New", Courier, monospace;
 font-size: 1em;
}

pre {
   border: 1px solid #000;  /* black border for pre blocks */
   background-color: #ddd;
   margin: 0 1em 1em 1em;
   padding: 0.5em;
   line-height: 1.5em;
   font-size: 90%;
}

/********************
LINKS - Aenderungen wirken sich auf die Menues aus!!!!

*********************/
a,
a:link {
   color: #bbc100;
   text-decoration: none;
}
a:active {
   color: #bbc100;
   text-decoration: none;
}

 a:visited {
   color: #bbc100;
   text-decoration: none;
}


a:hover {
   color: #ffffff;
   text-decoration: none;
}
/* End of 'S02 - Gut gegen Nordwind' */