/* CSS JCPWeb */

html, body {
overflow:auto;
width:100%;
height:100%;
padding:0px;
border:none;
margin:0px;
background-image:url(../bgstyle/jcpbg1000x50.png);
background-repeat:repeat-y;
}

body.textbg {
background-image:url(../bgstyle/jcpbg680x430.gif);
background-repeat:repeat-y;
}


/* Schriften */

body,table,tr,td,div,pre {
font-family:Arial,Verdana,Helvetica,sans-serif;
font-size:9pt;
font-style:normal;
font-variant:normal;
font-weight:normal;
word-spacing:normal;
letter-spacing:normal;
text-transform:none;
text-decoration:none;
text-align:left;
color:#000000;
}

font.small {
font-size:7pt;
}


/* Links allgemein */

a:link {
text-decoration:none;
color:#000000;
}

a:visited {
text-decoration:none;
color:#000000;
}

a:focus {
text-decoration:none;
color:#ff0000;
}

a:hover {
text-decoration:none;
color:#ff0000;
}

a:active {
text-decoration:none;
color:#ff0000;
}


/* Ueberschriften */

h1 {
margin:5px;
font-family:'Comic Sans MS',Arial,Verdana,Helvetica,sans-serif;
font-size:12pt;
font-style:normal;
font-weight:bold;
text-align:left;
color:#5a7177;
}

h2 {
margin:5px;
font-family:'Comic Sans MS',Arial,Verdana,Helvetica,sans-serif;
font-size:10pt;
font-style:normal;
font-weight:bold;
text-align:left;
color:#5a7177;
}

h3 {
margin:5px;
font-family:'Comic Sans MS',Arial,Verdana,Helvetica,sans-serif;
font-size:8pt;
font-style:normal;
font-weight:bold;
text-align:left;
color:#5a7177;
}


/* Absatzkontrolle */

p {
margin:10px;
}

p.pcenter {
margin:10px;
text-align:center;
}

p.pnull {
margin:0px;
text-align:left;
}

hr {
margin-left:10px;
margin-top:15px;
margin-right:10px;
margin-bottom:15px;
color:#c2c2c2;
}


/* Listen */

ul {
list-style-type:circle;
color:#000000;
}


/* Grafik und Strukturierung */

div#container {
position:absolute;
width:900px;
height:640px;
padding:0px;
border:1px dotted #ffffff;
margin-top:-320px;
margin-left:-450px;
top:50%;
left:50%;
}

div#header {
position:absolute;
width:900px;
height:160px;
padding:0px;
border:none;
top:0px;
left:0px;
background-image:url(../bgstyle/jcpbg900x160.gif);
background-repeat:no-repeat;
}

div#title {
position:absolute;
width:780px;
height:120px;
padding:0px;
border:none;
top:21px;
left:109px;
}

div#menu {
position:absolute;
width:220px;
height:430px;
padding:10px;
border:none;
top:160px;
left:0px;
float:left;
background-image:url(../bgstyle/jcpbg220x430.gif);
background-repeat:no-repeat;
}

div#content {
overflow:auto;
position:absolute;
width:680px;
height:430px;
padding:0px;
border:none;
top:160px;
left:220px;
background-image:url(../bgstyle/jcpbg680x430.gif);
background-repeat:repeat-y;
}

div#footer {
position:absolute;
width:900px;
height:50px;
padding:0px;
border:none;
top:590px;
left:0px;
background-image:url(../bgstyle/jcpbg900x50.gif);
background-repeat:no-repeat;
}


/* Sonstige Strukturierung */

iframe.mainframe {
overflow:auto;
position:absolute;
width:678px;
height:428px;
padding:0px;
border:none;
margin:0px;
}

#qwindowtable {
table-layout:auto;
width:100%;
height:100%;
border-collapse:collapse;
border-spacing:0px;
empty-cells:show;
margin:0px;
background-color:#ffffff;
}

#qwindowtable td {
padding:0px;
vertical-align:middle;
font-size:8pt;
text-align:center;
}


/* Navigation */

.nostyle {
visibility:hidden;
display:block;
width:180px;
height:30px;
padding:0px;
border:none;
margin:0px;
}

.uptodate {
display:block;
width:180px;
height:30px;
padding:0px;
border:none;
margin:0px;
}

.button_01 {
display:block;
width:180px;
height:30px;
padding:0px;
border:none;
margin:0px;
background-image:url(../button/seite_01_01.png);
}

.button_01:visited {background-image:url(../button/seite_01_01.png);}
.button_01:focus {background-image:url(../button/seite_01_03.png);}
.button_01:hover {background-image:url(../button/seite_01_02.png);}
.button_01:active {background-image:url(../button/seite_01_03.png);}

.button_02 {
display:block;
width:180px;
height:30px;
padding:0px;
border:none;
margin:0px;
background-image:url(../button/seite_02_01.png);
}

.button_02:visited {background-image:url(../button/seite_02_01.png);}
.button_02:focus {background-image:url(../button/seite_02_03.png);}
.button_02:hover {background-image:url(../button/seite_02_02.png);}
.button_02:active {background-image:url(../button/seite_02_03.png);}

.button_03 {
display:block;
width:180px;
height:30px;
padding:0px;
border:none;
margin:0px;
background-image:url(../button/seite_03_01.png);
}

.button_03:visited {background-image:url(../button/seite_03_01.png);}
.button_03:focus {background-image:url(../button/seite_03_03.png);}
.button_03:hover {background-image:url(../button/seite_03_02.png);}
.button_03:active {background-image:url(../button/seite_03_03.png);}

.button_04 {
display:block;
width:180px;
height:30px;
padding:0px;
border:none;
margin:0px;
background-image:url(../button/seite_04_01.png);
}

.button_04:visited {background-image:url(../button/seite_04_01.png);}
.button_04:focus {background-image:url(../button/seite_04_03.png);}
.button_04:hover {background-image:url(../button/seite_04_02.png);}
.button_04:active {background-image:url(../button/seite_04_03.png);}

.button_05 {
display:block;
width:180px;
height:30px;
padding:0px;
border:none;
margin:0px;
background-image:url(../button/seite_05_01.png);
}

.button_05:visited {background-image:url(../button/seite_05_01.png);}
.button_05:focus {background-image:url(../button/seite_05_03.png);}
.button_05:hover {background-image:url(../button/seite_05_02.png);}
.button_05:active {background-image:url(../button/seite_05_03.png);}

.button_06 {
display:block;
width:180px;
height:30px;
padding:0px;
border:none;
margin:0px;
background-image:url(../button/seite_06_01.png);
}

.button_06:visited {background-image:url(../button/seite_06_01.png);}
.button_06:focus {background-image:url(../button/seite_06_03.png);}
.button_06:hover {background-image:url(../button/seite_06_02.png);}
.button_06:active {background-image:url(../button/seite_06_03.png);}

.button_07 {
display:block;
width:180px;
height:30px;
padding:0px;
border:none;
margin:0px;
background-image:url(../button/seite_07_01.png);
}

.button_07:visited {background-image:url(../button/seite_07_01.png);}
.button_07:focus {background-image:url(../button/seite_07_03.png);}
.button_07:hover {background-image:url(../button/seite_07_02.png);}
.button_07:active {background-image:url(../button/seite_07_03.png);}

.button_08 {
display:block;
width:180px;
height:30px;
padding:0px;
border:none;
margin:0px;
background-image:url(../button/seite_08_01.png);
}

.button_08:visited {background-image:url(../button/seite_08_01.png);}
.button_08:focus {background-image:url(../button/seite_08_03.png);}
.button_08:hover {background-image:url(../button/seite_08_02.png);}
.button_08:active {background-image:url(../button/seite_08_03.png);}

.button_09 {
display:block;
width:180px;
height:30px;
padding:0px;
border:none;
margin:0px;
background-image:url(../button/seite_09_01.png);
}

.button_09:visited {background-image:url(../button/seite_09_01.png);}
.button_09:focus {background-image:url(../button/seite_09_03.png);}
.button_09:hover {background-image:url(../button/seite_09_02.png);}
.button_09:active {background-image:url(../button/seite_09_03.png);}

.navigation_blind {
display:inline;
padding:0px;
border:none;
text-align:left;
font-size:8pt;
color:#99aace;
}

.navigation_blind a {
color:#99aace;
}

.navigation_blind a:hover {
color:#ffffff;
}


/* Bilder */

img {
border:none;
}

img.floatleft {
padding:2px;
margin-top:0px;
margin-right:10px;
margin-bottom:10px;
margin-left:0px;
float:left;
}

img.floatright {
padding:2px;
margin-top:0px;
margin-right:0px;
margin-bottom:10px;
margin-left:10px;
float:right;
}

img.gallery {
width:150px;
height:105px;
padding:2px;
border:1px solid #c2c2c2;
margin:0px;
}

img.gallery_sm {
width:70px;
height:49px;
padding:2px;
border:1px solid #c2c2c2;
margin:0px;
}

img.gallery_big {
padding:2px;
border:1px solid #c2c2c2;
margin:0px;
}

img.gallery_sbig {
padding:2px;
border:1px solid #c2c2c2;
margin:0px;
}

img.sponsoren {
width:150px;
height:80px;
padding:2px;
border:1px solid #c2c2c2;
margin:4px;
}

img.w3c_butten {
width:57px;
height:20px;
padding:2px;
border:none;
}

img#adventcalendar {
position:absolute;
width:300px;
height:105px;
right:15px;
top:100px;
}


/* Stadtteilfest */

div#stadtteilfest {
overflow:hidden;
display:block;
position:absolute;
width:210px;
height:315px;
padding:2px;
border:1px solid #c2c2c2;
margin-top:255px;
margin-left:600px;
font-size:9pt;
font-weight:bold;
text-align:left;
color:#5a7177;
}


/* Kalenderfenster */

div#kalender {
overflow:hidden;
display:block;
position:absolute;
width:168px;
height:185px;
padding:2px;
border:1px solid #c2c2c2;
margin-top:288px;
margin-left:424px;
font-size:9pt;
font-weight:bold;
text-align:left;
color:#5a7177;
}


/* 90 Jahre Freital */

div#jubilaeum {
overflow:hidden;
display:block;
position:absolute;
width:138px;
height:220px;
padding:4px;
border:none;
margin-top:255px;
margin-left:230px;
font-size:8pt;
}


/* ZDF Heute-Ticker */

div#heuteticker {
overflow:hidden;
display:block;
position:absolute;
width:468px;
height:75px;
padding:2px;
border:1px solid #c2c2c2;
margin-top:482px;
margin-left:124px;
font-size:9pt;
font-weight:bold;
text-align:left;
color:#5a7177;
}


/* Webflyer */

div#webflyer {
overflow:hidden;
display:block;
position:absolute;
width:210px;
height:315px;
padding:2px;
border:1px solid #c2c2c2;
background-color:#ffffff;
margin-top:-160px;
margin-left:-107px;
top:50%;
left:50%;
font-size:9pt;
font-weight:bold;
text-align:left;
color:#ff0000;
}

img.webflyer {
width:210px;
height:300px;
padding:0px;
border:none;
margin:0px;
}

div#close {
position:absolute;
width:13px;
height:13px;
padding:1px;
top:2px;
right:2px;
border:none;
background-color:#ff0000;
text-align:center;
cursor:pointer;
}

#close a {
font-family:Arial,Verdana,Helvetica,sans-serif;
font-size:8pt;
font-weight:bold;
color:#ffffff;
text-decoration:none;
color:#ffffff;
}


/* Copyright */

div#c {
overflow:hidden;
display:block;
position:absolute;
width:250px;
height:35px;
padding:0px;
border:none;
left:375px;
bottom:8px;
font-size:7pt;
text-align:center;
color:#99aace;
}


/* Schluss */
