body {
height:100%;
widrh:100%;
padding:0;
margin:0;
font-family: Verdana, arial, helvetica, sans-serif;
font-size:11px;
background:url();
background-color:#000000;
background-repeat:no-repeat;
background-attachment:fixed;
}


#header {
position:fixed;
width:97%;
height:140px;
left:0px;
background:url();
background-color:#000000;
background-position:0px 0px;
text-align:left;
z-index:10;
border: 0px dotted red;}

#header a:link {font-family: arial, helvetica, sans-serif; color: #ffffff;cursor:pointer;margin-bottom:20px;font-weight:bold;} 
#header a:visited {color: #ffffff;cursor:pointer;font-weight:bold;} 
#header a:hover {color: #e60003;font-weight: bold;cursor:pointer} 
#header a:active {color: #e60003;font-weight: bold;cursor:pointer} 


#contentArea {
padding:0px;
padding-top:152px;
text-align:left;
background-color:;
width:850px;
overflow:auto;
border: 0px dotted red;
z-index:1;}


#middleContent {
display:block;
margin-top:0px;
margin-bottom:0px;
margin-left:0px;
width:840px;
float:left;
padding-left:0px;
padding-right:0px;
text-align:left;
background:url();
border: 0px dotted yellow;
z-index:1200;
overflow:hidden;}

#middleContentImages {
display:block;
margin-top:0px;
margin-bottom:-142px;
height:350px;
width:100%;
float:left;
margin-left:0px;
padding-left:0px;
padding-right:0px;
text-align:left;
background:url();
border: 0px dotted yellow;
z-index:1200;
overflow-x:scroll;
overflow-y:hidden;
}


.artImage {margin-right:25px;}
.artInfo {color:white;padding:0px;padding-left:5px;vertical-align:top;}
.artInfoBullet {color:white;padding:10px;padding-left:175px;}

#leftArtNavigation {width:25px;height:350px;float:left;background:black;text-align:center;vertical-align:middle;}
#rightArtNavigation {width:25px;background:black;text-align:center;vertical-align:middle;}



#footer {
position:fixed;
width:955px;
margin-left: 0px; 
left:0px; bottom:0px; 
color:#cccccc; 
font-size:11px; 
text-align:left; 
border: 0px dotted red;
background-color:#62a2b6;
}

#logo {
position:fixed;
width:160px;
margin-left: 0px; 
right:50px; top:50px; 
color:#666666; 
text-align:left; 
border: 0px dotted red;
z-index:1200;}


#navigationLeft {
position:fixed;
padding-left:0px;
padding-top:44px;
width:181px;
height:100%;
left:0px;
top:0px;
margin-top:0px;
padding-left:0px;
margin-left:0px;
border:0px solid green;
z-index:1500;
}

/* the only purpose of this div is to shove the content layer to the right */
#leftMenuSpacer {
display:block;
width:181px; 
border: 0px dotted green;
float:left;
min-height:400px;}


/* custom style for middle content used for the agenda */
#middleInnerContentVeranstaltungen {
display:block;
margin-top:0px;
margin-bottom:10px;
margin-left:10px;
margin-right:10px;
text-align:left;
border: 0px dotted blue;
background:#ffffff;
}




#newsTicker {
display:block; 
width:197px; 
float:left; 
margin-top:0px;
padding:0px; 
padding-top:62px; 
margin-left:0px; 
text-align:left; 
line-height:19px;
border: 0px dotted blue;
background:url();
background-repeat: no-repeat;
}

#clear {clear:both;}

/* E N D   L A Y O U T */ 
/*---------------------------------------*/ 


/* C U S T O M   I T E M S */ 
/*---------------------------------------*/ 

.breadCrumbLink {
font-size:11px;
text-decoration:none;
}

.searchTxtInput{
width:103px;
height:15px;
margin-left:4px;
margin-top:5px;
font-size:11px;
font-family:Arial;
color:#666666;
border:1px solid #A5BCCB;
background-color:#CEE2E8;
}

.searchTxtInputClicked{
background-color:#FFFFFF;
}

.basicPageTitle{
color:#BC2C22;
font-size:15px;
font-family:Verdana;
font-weight:bolder;
margin-top:42px;
margin-left:20px;
margin-bottom:8px;
z-index:2000;
}

/* used on the right side for content 
without green header bar
 */ 
.boxNoHeaderBarTop{
width:100%;
padding-left:5px;
padding-right:5px;
padding-top:0px;
padding-bottom:0px;
font-size:11px;
font-weight:bolder;
color:#B23737;
border:none;
line-height:14px;
letter-spacing:1px;
}

.boxNoHeaderBarBody{
width:100%;
padding-left:5px;
padding-right:5px;
padding-bottom:5px;
font-size:11px;
color:#605E5E;
border:none;
line-height:12px;
letter-spacing:0px;
}

.boxNoHeaderBarBody P{
font-size:11px;
color:#605E5E;
line-height:15px;
}


.boxHeaderColTop{
width:100%;
height:26px;
margin-top:2px;
padding-left:5px;
padding-right:5px;
font-weight:bolder;
background-color:#5B9EB3;
color:#ffffff;
font-size:11px;
border:none;
line-height:15px;
vertical-align:middle;
}

.boxHeaderColBody{
width:100%;
padding-left:5px;
padding-right:5px;
padding-bottom:5px;
font-size:11px;
color:#605E5E;
border:none;
line-height:15px;
letter-spacing:0px;
background-color:#E8F2F6;
border-bottom:3px solid #ffffff;
}

.boxHeaderColBody P{
font-size:11px;
color:#605E5E;
line-height:15px;
}

/* END C U ST O M   I T E M S */ 
/*---------------------------------------*/ 


/* L E F T  N A V I G A T I O N  S E T T I N G S */ 
/*---------------------------------------*/ 
.menuAlign {text-align:left;} 
/*.menuActiveColor {color:black;background-color: #FFCC00; } */ 

div, td, p {text-align:left;} 

/*---------------------------------------*/ 
/* auf und zuklappen des Menubaums */ 
/*---------------------------------------*/ 
#p7TMctrl {margin: 0px 0px 0px 0px; font-size: 12px; display: block;} 
#p7TMctrl a:link {color: #ffffff;cursor:pointer} 
#p7TMctrl a:visited {color: #ffffff;cursor:pointer} 
#p7TMctrl a:hover {color: #B23737;font-weight: normal;cursor:pointer} 
#p7TMctrl a:active {color: #B23737;font-weight: normal;cursor:pointer} 
/*---------------------------*/ 

/*----NAV erste Ebene ----*/ 
/*---------------------------*/ 
#p7TMnav div {margin: 0px 0px 0px 10px;font-size:11px;line-height:18px;text-align:left;border-bottom:1px solid #CDCDCD;margin-left:0px;padding-top:1px;padding-bottom:1px} 
#p7TMnav div a {font-size:11px;line-height:18px;font-weight:bold;color:#ffffff;text-decoration:none;cursor:pointer} 
#p7TMnav div a:visited{font-size:11px;line-height:18px;font-weight:bold;color:#ffffff;text-decoration:none;cursor:pointer;} 
#p7TMnav div a:hover {color:#2F2F2F;font-weight:bold;text-decoration:none;cursor:pointer;} 
#p7TMnav div a:active{font-size:11px;line-height:18px;font-weight:bold;color:#B23737;text-decoration:none;cursor:pointer;} 
#p7TMnav div a.p7selected, #p7TMnav div a.p7selected:visited {color: #B23737; font-weight:bold;background-repeat: no-repeat;background-image: url(spacer.gif);background-position: 0 50%;padding: 0 0 0 0px !important;cursor:pointer} 

/*----------------------------*/ 
/*----NAV zweite Ebene ----*/ 
/*----------------------------*/
#p7TMnav div div {margin: 0px 0px 0px 12px;font-size:11px;text-align:left;border:none;margin-left:10px} 
#p7TMnav div div a {font-size:11px;font-weight:normal;color:#ffffff;text-decoration:none;margin-left:0px} 
#p7TMnav div div a:visited{font-size:11px;font-weight:normal;color:#ffffff;margin-left:0px;margin-right:0px;padding: 0px;text-decoration:none;margin-left:0px} 
#p7TMnav div div a:hover {font-weight:normal;color:#000000;text-decoration:none;margin-left:0px} 
#p7TMnav div div a:active{font-size:11px;font-weight:normal;color:#B23737;margin-left:0px;margin-right:0px;padding: 0px;text-decoration:none;margin-left:0px} 
#p7TMnav div div a.p7selected, #p7TMnav div div a.p7selected:visited {color: #B23737; font-weight:normal;background-repeat: no-repeat;background-image: url(spacer.gif);background-position: 0 50%;padding: 0px 0px 0px 0px !important;cursor:pointer;} 
/*-----------------------------------------*/ 
/* PLUS und MINUS Marks */ 
/*-----------------------------------------*/ 
.p7plusmark {background-repeat: no-repeat; background-image: url(spacer.gif);background-position: 0 50%;padding: 0px 0px 0px 5px !important;} 
.p7minusmark {color:#e60003;background-repeat: no-repeat;background-image: url(spacer.gif);background-position: 0 50%;padding: 0px 0px 0px 5px !important;} 
.p7defmark {background-repeat: no-repeat;background-image: url(spacer.gif); background-position: 0 50%;padding: 0px 0px 0px 5px !important;} 
.p7currentmark {font-weight: normal;color: #B23737!important;background-repeat: no-repeat;background-image: url(spacer.gif);background-position: 0 50%;padding: 0px 5px 0px 5px !important;}



body.HardCoreWebEditor{
background-color: #eeeeee;
/* border-left: 1px solid white; */
color:#000000;
font-weight:normal;
background:url();
font-size: 13px;
line-height:21px; 
font-family: Arial,Helvetica,Geneva,sans-serif;
margin:0px;
padding: 0px;
height: 100%;
width: 100%;
overflow-x:hidden;
overflow-y:auto;
}

/*--- + ---------------------------------------------------------------- + ----*/
/* the openBOX specific styles*/
/*--- + ---------------------------------------------------------------- + ----*/

.imageLeft{margin-right:10px;}
.imageRight{margin-left:10px;padding-left:10px;}

/* the following styles trigger the display of the titles when a page is in edit mode */
/* in order to get accurate wysiwyg, these styles should be the same as styles for titles below */
.iptH1{border:0px dotted #CCCCCC;color:#333336;font-weight:bold; font-size:18px; line-height:20px;margin-top: 14px;margin-bottom: 7px;width:100%;height:24px;}
.iptH2{border:0px dotted #CCCCCC;color:#333336;font-weight:bold; font-size:16px; line-height:16px;margin-top: 14px;margin-bottom: 7px;width:100%;height:21px;}
.iptH3{border:0px dotted #CCCCCC;color:#333336;font-weight:bold; font-size:14px; line-height:16px;margin-top: 14px;margin-bottom: 7px;width:100%;height:21px;}
.iptH4{border:0px dotted #CCCCCC;color:#333336;font-weight:bold; font-size:12px; line-height:16px;margin-top: 14px;margin-bottom: 7px;width:100%;height:21px;}
.iptH5{border:0px dotted #CCCCCC;color:#333336;font-weight:bold; font-size:12px; line-height:16px;margin-top: 14px;margin-bottom: 7px;width:100%;height:21px;}
.iptH6{border:0px dotted #CCCCCC;color:#333336;font-weight:bold; font-size:10px; line-height:16px;margin-top: 14px;margin-bottom: 7px;width:100%;height:21px;}

/*--- + ---------------------------------------------------------------- + ----*/
/* the default styles*/
/*--- + ---------------------------------------------------------------- + ----*/

h1 {color:#ffffff;font-weight:bold; font-size:15px; line-height:21px; margin-top: 7px; margin-bottom: 3px;}
h2 {color:#ffffff;font-weight:bold; font-size:13px; line-height:21px; margin-top: 7px;margin-bottom: 3px;}
h3 {color:#ffffff;font-weight:bold; font-size:11px; line-height:21px; margin-top: 7px;margin-bottom: 3px;}
h4 {color:#ffffff;font-weight:bold; font-size:12px; line-height:21px; margin-top: 7px;margin-bottom: 3px;}
h5 {color:#ffffff;font-weight:bold; font-size:12px; line-height:21px; margin-top: 7px;margin-bottom: 3px;}

p  {color:#ffffff;font-weight:normal; font-size:11px; line-height:18px; margin:0px;}
td {color:#ffffff;font-weight:normal; font-size:11px; line-height:18px; margin:0px;vertical-align:top;}
ul {color:#ffffff;font-weight:normal; font-size:11px; line-height:18px; margin:0px; margin-left:25px;list-style-image:url(../myGfx/listBullet.gif);padding:0px;}
ol {color:#ffffff;font-weight:normal; font-size:13px; line-height:21px; margin:0px; margin-left:25px;}
hr {height: 1px; border-top: 0px dotted #999999;margin: 0px;padding: 0px;}

a         {color:#e60003;text-decoration:underline;}
a:visited {color:#e60003;text-decoration:underline;}
a:hover   {color:#ffcc00;text-decoration:underline;}
a:active  {color:#ff3300;text-decoration:underline;}

a.leftNav:link         {color:#ffffff;text-decoration:underline;}
a.leftNav:visited {color:#ffffff;text-decoration:underline;}
a.leftNav:hover   {color:#ffffff;text-decoration:underline;}
a.leftNav:active  {color:#ffffff;text-decoration:underline;}


.formButton {background-color:#c10516;color:#ffffff;font-weight:normal; font-size: 12px;width:95%;}

table.borderOnAllSides {border-collapse:collapse; margin-bottom:10px;}
.borderOnAllSides td {border:1px solid #999999; padding:4px;}
.tableIconColumn{background-color: #d6d6d6; vertical-align: bottom;width: 27px; border-right: 1px solid #ffffff;padding: 0px;}
.noBorderOnRightSide {border-right: 1px solid #e60003;}
.noBorderOnLeftSide {border-left: 1px solid #e60003;}


/* if option «icons for external hyperlink» is enabled, this class does tho job of drawing a icon for all such hyperlinks */
a.externalHyperlink:link, a.externalHyperlink:visited  {padding: 0 14px 1px 0px; background: url(../myGfx/iconExternalHyperlink.gif) right center no-repeat;}

/* style for input fields in forms */
.ipt100prc{width:100%;}
.btn100prc{background:#A71719;color:#ffffff; width:100%;height:23px;font-weight:normal; font-size:13px; line-height:15px;}
.input{color:#333336; font-weight:normal; font-size: 11px;border: 1px solid #333336; background: #DBE5EC;}

form {margin: 0px; padding: 0px;}