body {
margin : 0;
height : 100%;
width : 100%;
background-color:#F8F8F8;
}
body, td, th {
font-family : Verdana, Arial, Helvetica, sans-serif;
letter-spacing : 0.1em;
font-size : 11px;
}
div#page {
clear : right;
float : right;
width : 1000px;
height : 100%;
padding-right : 50px;
top : 0;
bottom : 0;
}
div#menue {
width : 200px;
height : 100%;
float : right;
}
div#content {
clear : left;
float : left;
width : 700px;
height : 100%;
}
div#text {
width : auto;
margin-top : 30px;
margin-right : 0;
margin-bottom : 0;
margin-left : 20px;
}
div#sitemap {
width : auto;
margin-top : 150px;
margin-right : 0;
margin-bottom : 20px;
margin-left : 20px;
}
.mceVisualAid {
border : 1px dashed #bbbbbb;
}
div#banner {
background-color : #f8f8f8;
}
div#subbanner {
background-color : #f8f8f8;
text-align : right;
height : 16px;
padding-top : 1px;
border-bottom-width : 0;
border-bottom-style : solid;
border-bottom-color : #000000;
}
div#subbanner a {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
font-weight : normal;
color : #999999;
text-decoration : none;
background-color : #ffffff;
padding-top : 1px;
padding-right : 7px;
padding-bottom : 1px;
padding-left : 7px;
border : 1px solid #f4f4f4;
vertical-align : bottom;
}
div#subbanner a:hover {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
font-weight : normal;
color : #000000;
text-decoration : none;
background-color : #f4f4f4;
padding-top : 1px;
padding-right : 7px;
padding-bottom : 1px;
padding-left : 7px;
border-top-width : 1px;
border-right-width : 1px;
border-bottom-width : 1px;
border-left-width : 1px;
border-top-style : solid;
border-right-style : solid;
border-bottom-style : solid;
border-left-style : solid;
border-top-color : #f4f4f4;
border-right-color : #f4f4f4;
border-bottom-color : #f4f4f4;
border-left-color : #f4f4f4;
vertical-align : bottom;
}
div#menue {
float : right;
background-color : #f8f8f8;
height : 800px;
}
div#content {
background-color : #f8f8f8;
}
div#text a {
color : #329866;
}
div#text a:hover {
color : #ff6600;
text-decoration : none;
}
div#nav a:hover {
color : #329866;
background-color : #f4f4f4;
border-bottom-width : 1px;
border-bottom-style : solid;
border-bottom-color : #000000;
}
.hauptlink {
font-size : 11px;
font-weight : normal;
color : #666666;
text-decoration : none;
text-align : left;
display : block;
padding : 2px 4px 2px 2px;
background-color : #ffffff;
border-bottom-style : solid;
border-bottom-color : #999999;
border-bottom-width : 1px;
text-indent : 12px;
}
.hoverlink {
font-size : 11px;
font-weight : normal;
color : #329866;
text-decoration : none;
text-align : left;
display : block;
padding : 2px 4px 2px 2px;
background-color : #dadada;
border-bottom-style : solid;
border-bottom-color : #000000;
border-bottom-width : 1px;
text-indent : 12px;
background-attachment : scroll;
background-image : url(cms_grafik/pfeilrechts.gif);
background-repeat : no-repeat;
background-position : 1px 4px;
}
.sublink {
font-size : 10px;
color : #333333;
text-decoration : none;
display : block;
padding : 2px 4px 2px 2px;
text-align : left;
background-color : #ffffff;
border-bottom-width : 1px;
border-bottom-style : solid;
border-bottom-color : #999999;
text-indent : 20px;
}
.hoversublink {
font-size : 10px;
color : #000000;
text-decoration : none;
display : block;
padding : 2px 4px 2px 2px;
text-align : left;
background-color : #e8e8e8;
border-bottom-width : 1px;
border-bottom-style : solid;
border-bottom-color : #000000;
text-indent : 20px;
background-attachment : scroll;
background-image : url(cms_grafik/pfeilunten.gif);
background-repeat : no-repeat;
background-position : 12px 6px;
}
.subsublink {
font-size : 10px;
color : #333333;
text-decoration : none;
display : block;
padding : 2px 4px 2px 2px;
text-align : left;
background-color : #ffffff;
border-bottom-width : 1px;
border-bottom-style : solid;
border-bottom-color : #999999;
text-indent : 30px;
}
.hoversubsublink {
font-size : 10px;
color : #000000;
text-decoration : none;
display : block;
padding : 2px 4px 2px 2px;
text-align : left;
border-bottom-width : 1px;
border-bottom-style : solid;
border-bottom-color : #000000;
text-indent : 30px;
background-attachment : scroll;
background-image : url(cms_grafik/pfeilrechtsklein.gif);
background-repeat : no-repeat;
background-position : 22px 5px;
background-color : #efefef;
}
ul {
text-decoration : none;
list-style-type : square;
}
ol {
text-decoration : none;
}
.inputsubmit {
font-size : 15px;
font-weight : bold;
color : #ffffff;
text-decoration : none;
background-color : #a8a8a8;
border : 1px solid #a8a8a8;
padding-right : 0;
padding-left : 0;
}
.inputtext {
font-size : 15px;
font-weight : bold;
color : #a8a8a8;
text-decoration : none;
background-color : #ffffff;
border : 1px solid #a8a8a8;
}
h1 {
font-size : 17px;
font-weight : bold;
color : #FC7004;
}
h2 {
font-size : 16px;
font-weight : bold;
color : #FC7004;
}
h3 {
font-size : 15px;
font-weight : bold;
color : #FC7004;
padding-top : 0.5em;
border-bottom-width : 1px;
border-bottom-style : solid;
border-bottom-color : #C3DEF4;
}
h4 {
font-size : 14px;
font-weight : bold;
color : #FC7004;
padding-top : 0.5em;
border-bottom-width : 1px;
border-bottom-style : dashed;
border-bottom-color : #C3DEF4;
}
h5 {
font-size : 13px;
font-weight : bold;
color : #FC7004;
border-bottom-width : 1px;
border-bottom-style : dotted;
border-bottom-color : #C3DEF4;
}
h6 {
font-size : 12px;
font-weight : bold;
color : #FC7004;
}
.rahmen {
width : 468px;
}
.rahmen {
width : 468px;
}
table.rahmen td.ol {
background-image : url("ol.png");
background-repeat : no-repeat;
padding-top : 3px;
padding-left : 12px;
}
table.rahmen td.or {
background-image : url("or.png");
background-repeat : no-repeat;
}
table.rahmen td.ul {
background-image : url("ul.png");
background-repeat : no-repeat;
}
table.rahmen td.ur {
background-image : url("ur.png");
background-repeat : no-repeat;
}
#xsnazzy h3, #xsnazzy h4, #xsnazzy p {
margin : 0 10px;
}
#xsnazzy p {
padding-bottom : 1.5em;
}

#xsnazzy h2 {
padding-top : 0.5em;
}
#xsnazzy {
background : transparent;
margin : 1em;
}
.xtop, .xbottom {
display : block;
background : transparent;
font-size : 1px;
}
.xb1, .xb2, .xb3, .xb4 {
display : block;
overflow : hidden;
}
.xb1, .xb2, .xb3 {
height : 1px;
}
.xb2, .xb3, .xb4 {
background : #ffffff;
border-left : 1px solid #C3DEF4;
border-right : 1px solid #C3DEF4;
}
.xb1 {
margin : 0 5px;
background : #C3DEF4;
}
.xb2 {
margin : 0 3px;
border-width : 0 2px;
}
.xb3 {
margin : 0 2px;
}
.xb4 {
height : 2px;
margin : 0 1px;
}
.xboxcontent {
display : block;
background : #ffffff;
border : 0 solid #C3DEF4;
border-width : 0 1px;
color : #04347A;
}
/* Container */

.box{
width:80%;
margin:auto;
}

.box1{
padding:0px;
width: 1000px;
height: 120px;
background-image: url("http://www.openwcms.org/images/ap_40083_lichtspiel2_2.gif");
background-repeat: no-repeat;
background-position: top left;
}

.box2{
float:left;
padding-top:0px;
background-color: #f8f8f8;
padding:0px;
width:450px;
margin:20px 0 0 0px;
}


.box2a{
float:right;
padding:0px;
margin:10px 200px 0 400px;
}
.box3{
float:right;
padding:0px;
margin:10px 0 0 450px;
}
.footer{
clear:left;
width:75%;
margin:auto;
padding:10px;
}

.headfoot {display:block; height:100px; background:#f8f8f8; color:#000000; text-align:center; padding:0px;font-size:12px;}
#container {position:relative; display:block; background:#f8f8f8; border-left:450px solid #f8f8f8; border-right:250px solid #f8f8f8;}
#inner {display:block; margin-left:-350px; margin-right:-150px; padding:5px;}
#left {float:left; position:relative; width:450px; left:0px;}
#right {float:right; position:relative; width:240px; right:0px;}
#center {margin-left:550px; margin-right:350px; position:relative; display:block; height:1%;}
.clear {clear:both;}