/* CSS Document Kraskovic */

body {
margin: 0;
padding: 0;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 13px;
background-color: #E1F0FF;
}

#page {
width: 900px;
margin: 0 auto;
}

/* Kopf */

#header {
width: 900px;
height: 223px;
margin:0 auto;
overflow:hidden;
}

#logo {
width:900px;
height:120px;
background-image:url(../images/logo.gif);
background-position:left;
background-repeat:no-repeat;
margin: 0 auto;
}

.logo_slogan {
width: 500px;
height:30px;
padding:80px 0 0 0;
position: relative;
background-image:url(../images/slogan.gif);
background-position:bottom;
background-repeat:no-repeat;
float:right;
}

#leiste {
width:900px;
height:101px;
position: relative;
}

img.leiste {
width:124px;
height:95px;
margin:3px 1px 0px 0px;
}

img.leiste_last {
width:124px;
height:95px;
margin:3px 0px 0px 2px;
}

#line {
width:900px;
height:2px;
border-top:2px solid #FF0000;
margin:0 auto;
}

/* Inhalt */

#content {
width:900px;
height:700px;
margin:2px 0 0 0;
clear:both;
}

/* Navigation */

#nav_back {
width:220px;
height:698px;
float:left;
background-image:url(../images/back_nav.gif);
background-position:left;
background-repeat:no-repeat;
}

#navcontainer {
width:220px;
height:698px;
float:left;
background-color: #666666;
opacity: 0.80;
moz-opacity: 0.80;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80, FinishOpacity=80);
margin-bottom: 2px;
}

#sidebar{
width:196px;
font-size:100%;
}

.sidelink{
display:block;
width:196px;
margin:1px 0 2px 0;
padding:2px 0 2px 24px;
font-size:100%;
font-variant: normal;
text-align:left;
color:#FFFFFF;
text-decoration:none;
}

.sidelink:hover,.menuheader{
width:196px;
background:#FFFFFF repeat-x;
color: #222222;
text-decoration:none;
}

.sidelink a:hover{
width:196px;
background:#FFFFFF repeat-x;
color: #222222;
text-decoration:none;
}

#byline {
height:30px;
}

/* Hauptinhalt */

#text {
width:680px;
height:698px;
float: right;
margin: 0 auto;
background-image:url(../images/back_text.gif);
}

#text_s {
width:680px;
height:698px;
float: right;
margin: 0 auto;
background-image:url(../images/back_text.gif);
}

#text_s p {
font-size:13px;
font:Geneva, Arial, Helvetica, sans-serif;
font-weight:bold;
color:#333333;
}

#text_k {
width:680px;
height:698px;
float: right;
margin: 0 auto;
background-color: #F4F4F4;
}

#scroll {
width: 550px;
max-height:600px;
/*padding:0px 5px 0px 10px;*/
overflow: auto;
}


/* Fußzeile */

#footer {
width:900px;
height:21px;
background-color: #E1F0FF;
margin:0 auto;
border-top:2px solid #FF0000;
text-align: center;
clear:both;
}

#footer p {
font-size:85%;
text-decoration:none;
color: #000099;
padding:3px 0 0 0;
}

#footer a {
text-decoration:none;
color: #000099;
}

#footer a:hover {
text-decoration: underline;
color: #000099;
}

/* Schriften */

h1, h3 {
font-family: Geneva, Arial, Helvetica, sans-serif;
color:#000099;
}

h1 { 
font-size: 130%;
} 

h3 { 
font-size: 200%; 
color:#C34E23; 
letter-spacing: 0px;
}

p, h1, h3 {
margin: 10px 15px;
padding: 0;
}

p {
color:#000000;
font-family: Arial, Helvetica, sans-serif;
font-size:13px;
}

ul, ol {
margin: 10px 30px;
padding: 0 15px;	
}

h2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 110%;
font-weight:bolder;
font-variant:small-caps;
color: #000099;
padding-left:25px;
margin:5px 0 10px 0;
float:left;
background-image:url(../images/nav.gif);
background-repeat:no-repeat;
}

h3 {
color:#000099;
font-weight:bold;
font-size:13px;
}

/* Links */
a {
color:#000099; 
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

/* Bilder */

img.no-border {
border: none;
}

img.float-right {
margin: 5px 0px 5px 65px; 
border: 1px solid #DADADA;
}

img.float-left {
margin: 5px 15px 5px 0px;
border: 1px solid #DADADA;
text-align: left;
}

img.test {
border-style:solid;
border-width:1px;
border-color: #FF0000;
padding: 2px;
margin: 5px;
}

img.start {
border-style: solid;
border-width:1px;
border-color: #000099;
padding: 2px;
margin: 5px;
}


/* Scrollen */

#scroll {
width: 670px;
height: 650px;
background:transparent;
overflow: auto;
}

/* Blockquote*/

blockquote {
margin:15px 50px 15px 50px;
font: bold 1.3em/1.5em 'Trebuchet MS', Sans-serif;   
border: 1px dotted #000099;
color: #ffffff;
background-color:#000099;
text-align:center;
}