body {
height:100%;
padding:0;
margin:0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
background:url(../myGfx/bgBody.gif);
background-color:#ffffff;
background-repeat:no-repeat;
background-attachment:fixed;
overflow-y:hidden;
}

html {height: 100%}

#container { 
margin: 0px auto; 
padding:0px; 
text-align: left; 
width: 881px; 
min-height:99.99%; 
border-left: 1px solid #574c8f; 
border-right: 1px solid #574c8f; 
border-top: 0px solid white; 
border-bottom: 0px solid white; 
background: #ffffff url("../myGfx/bg.jpg") no-repeat top left;} 


#header {
position:fixed;
width:881px;
height:110px;
margin: 0px auto;
background-position:0px 0px;
text-align:left;
z-index:5;
border: 0px dotted red;}

#navigationLeft {
position:fixed;
top:146px;
padding-left:0px;
padding-top:10px;
padding-right:5px;
margin-top:0px;
margin-left:0px;
width:220px;
height:100%;
border:0px dotted green;
z-index:10;
}

#contentArea {
padding:0px;
padding-top:225px;
text-align:left;
width:880px;
border: 0px dotted red;
z-index:1;}

#leftMenuSpacer {
width:220px;
float:left; 
border: 0px dotted green;}

#middleContent {
width:640px;
float:left;
margin-top:0px;
margin-bottom:0px;
margin-left:0px;
padding-left:10px;
padding-right:10px;
text-align:left;
line-height:19px;
border: 0px dotted green;
background$: #e0e0e0;
}

#newsTicker {
width:215px; 
float:left; 
margin-top:0px;
padding:0px; 
padding-top:0px; 
padding-left:5px; 
text-align:left; 
line-height:19px;
background$: #efefef;
border: 0px dotted blue;
}



#footer {
position:fixed;
width:883px;
height:25px;
margin: auto 0px; 
bottom:0px; 
color:#ffffff; 
font-size:10px; 
text-align:left; 
border: 0px dotted red;
background-color:#574c8f;
}

#logo {
position:fixed;
width:180px;
margin-left: 0px; 
left:0px; bottom:20px; 
color:#cccccc; 
text-align:left; 
border: 0px dotted red;
z-index:200;}






/* 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;
}






#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 #584c8f;
background-color:#bbb4d8;
}

.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:11px;
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: 11px; display: block;} 
#p7TMctrl a:link {color: #574c8f;cursor:pointer} 
#p7TMctrl a:visited {color: #574c8f;cursor:pointer} 
#p7TMctrl a:hover {color: #f16d00;font-weight: normal;cursor:pointer} 
#p7TMctrl a:active {color: #f16d00;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:#574c8f;text-decoration:none;cursor:pointer} 
#p7TMnav div a:visited{font-size:11px;line-height:18px;font-weight:bold;color:#574c8f;text-decoration:none;cursor:pointer;} 
#p7TMnav div a:hover {color:#f16d00;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 11px;font-size:11px;line-height:12px;text-align:left;border:none;margin-left:10px} 
#p7TMnav div div a {font-size:11px;line-height:12px;font-weight:normal;color:#574c8f;text-decoration:none;margin-left:0px} 
#p7TMnav div div a:visited{font-size:11px;line-height:12px;font-weight:normal;color:#574c8f;margin-left:0px;margin-right:0px;padding: 0px;text-decoration:none;margin-left:0px} 
#p7TMnav div div a:hover {font-weight:normal;color:#f16d00;text-decoration:none;margin-left:0px} 
#p7TMnav div div a:active{font-size:11px;font-weight:normal;color:#f16d00;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:#ff0000;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: #f16d00!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: Verdana, 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:11px; 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:11px; 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:#574c8f;font-weight:bold; font-size:15px; line-height:21px; margin-top: 7px; margin-bottom: 3px;}
h2 {color:#574c8f;font-weight:bold; font-size:13px; line-height:21px; margin-top: 7px;margin-bottom: 3px;}
h3 {color:#574c8f;font-weight:bold; font-size:11px; line-height:21px; margin-top: 7px;margin-bottom: 3px;}
h4 {color:#574c8f;font-weight:bold; font-size:11px; line-height:21px; margin-top: 7px;margin-bottom: 3px;}
h5 {color:#574c8f;font-weight:bold; font-size:11px; line-height:21px; margin-top: 7px;margin-bottom: 3px;}

p  {color:#574c8f;font-weight:normal; font-size:11px; line-height:18px; margin:0px;margin-bottom:5px;}
td {color:#574c8f;font-weight:normal; font-size:11px; line-height:18px; margin:0px;vertical-align:top;}
ul {color:#574c8f;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:#574c8f;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:#f16d00;text-decoration:underline;}
a:visited {color:#f16d00;text-decoration:underline;}
a:hover   {color:#BC2C22;text-decoration:underline;}
a:active  {color:#f16d00;text-decoration:underline;}

a.buttonLink:link   {background:#c10516;color:#ffffff;font-weight:normal; font-size: 11px; line-height: 16px; text-decoration:none;border: 2px outset;padding-bottom:2px;width:95%;display: block;text-align: center;}
a.buttonLink:visited{background:#c10516;color:#ffffff;font-weight:normal; font-size: 11px; line-height: 16px; text-decoration:none;border: 2px outset;padding-bottom:2px;width:95%;display: block;text-align: center;}
a.buttonLink:hover  {background:#ff0000;color:#ffffff;font-weight:normal; font-size: 11px; line-height: 16px; text-decoration:none;border: 2px outset;;padding-bottom:2px;width:95%;display: block;text-align: center;}
a.buttonLink:active {background:#c10516;color:#ffffff;font-weight:normal; font-size: 11px; line-height: 16px; text-decoration:none;border: 2px outset;padding-bottom:2px;width:95%;display: block;text-align: center;}

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

a.brightLink         {color:#ffffff;text-decoration:none;font-weight: normal;}
a.brightLink:visited {color:#ffffff;text-decoration:none;font-weight: normal;}
a.brightLink:hover   {color:#ff0000;text-decoration:underline;font-weight: normal;}
a.brightLink:active  {color:#ffffff;text-decoration:none;font-weight: normal;}

.tableRowEven{background: #FFFFFF;}
.tableRowUnEven{background: #f9f9f9;}

#mainTable {width: 710px;}
#mainTableEditMode {width: 710px; border: 0px dotted red;}
table.mainTableEditMode {border-collapse:collapse;}

#mainTableLeftColumn {width: 170px; padding:13px;padding-top:15px;}
#mainTableLeftColumnEditMode {width: 170px; padding:13px; padding-top:15px; border: 0px dotted red;border-right: none;}
#mainTableRightColumn {width: 440px; padding:13px;padding-top:15px;}
#mainTableRightColumnEditMode {width: 540px; padding:13px; padding-top:15px; border: 0px dotted red;}
#mainTableFullColumn {width: 100%; padding:13px;padding-top:15px;}
#mainTableFullColumnEditMode {width: 100%; padding:13px; padding-top:15px; border: 0px dotted red;}

.productTable {width: 100%;padding: 0px; margin: 0px; border:1px solid #ffffff; background-color: white;}

table.borderOnAllSides {border-collapse:collapse; background-color: #f9f9f9;margin-bottom:10px;}
.borderOnAllSides td {border:1px solid #999999; background-color: #f9f9f9; padding:4px;}

.tableIconColumn{background-color: #d6d6d6; vertical-align: bottom;width: 27px; border-right: 1px solid #ffffff;padding: 0px;}


.noBorderOnRightSide {border-right: 1px solid #ff0000;}
.noBorderOnLeftSide {border-left: 1px solid #ff0000;}


/* 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;}

.ContentOnBottomOfPage {display: none;}

/*--- + ---------------------------------------------------------------- + ----*/
/* styles for the shop */
/*--- + ---------------------------------------------------------------- + ----*/

.fornSideBackSideLabel {font-size:11px; line-height:11px; color:#999999;margin-top: 0px;padding-top: 0px;}
/* .pagination {font-size:11px; line-height:15px; color:#000000;margin-top: 0px;padding-top: 0px; padding-left:3px; padding-right: 3px; background: #FFFFFF; height:15px; filter:alpha(opacity=75)} */

.cardSelectionHeaderOnePage {
font-family: Arial,Helvetica,Geneva,sans-serif;
font-weight:normal;
font-size: 11px;
color: #ffffff;
line-height: 11px;
background-color: #5678b8; 
border: 1px solid #95927F;
}

.cardSelectionHeaderTwoPage {
font-family: Arial,Helvetica,Geneva,sans-serif;
font-weight:normal;
font-size: 11px;
color: #ffffff;
line-height: 11px;
background-color: #b0454d; 
border: 1px solid #95927F;
}


.productImage {border: 1px dashed #cccccc;}
form {margin: 0px; padding: 0px;}


.stepsContainer {
position:absolute;
width:200px;
height: 20px;
z-index:10;
left: 15px;
top: 0px;
padding-left: 5px;
border-left: 1px solid white;
border-right: 1px solid white;
border-bottom: 1px solid white;}

.steps {
font-weight:bold;
font-size: 17px;
line-height: 17px;
color: #c10516;
padding-top:3px;
}

.vGrid{width: 1px; height: 1000px;border-left: 0px dotted #66ffff;z-index: 10;}
.hGrid {width: 1000px; height: 1px; border-top: 0px dotted #66ffff;z-index: 10;}