html, body {
  height:100%;
  min-height:100%;
  width:100%;
  margin:0;
  padding:0;
}
html > body, html > body #main {
  height:100%;
}

body {
      font-family: Helvetica, Verdana, Arial, sans-serif;
      font-size:11px; line-height:1.5em;
      color: #333;
      vertical-align: top;
}

#container {
  width:980px;
  height:100%;
  margin:0px auto;
}
#banner {
  background:url(banner.jpg);
  width:980px;
  height:145px;
}
#banner_links {
  font-size: 12px;
  text-align:left;
  padding:0px;
}
#banner_links a img {
  border:0;
}

#topmenu {
	 background: transparent;
         border-bottom:0px dotted #444;
         padding:0px 0px 0px 0px;
         height:55px;
}
#content {
         border-top:0px solid #ccc;
         border-left:0px solid #ccc;
         border-bottom:0px solid #444;
         border-right:0px solid #444;
         padding:0px 7px 20px 7px;
         background-image:url(bg_content.jpg);
         background-position: 0px 0px;
	 overflow:auto;
         width:966px;
}
#footer {
         padding:0px 7px 20px 7px;
         background-position: 0px 0px;
}

td.main_no {
         color: #fff;
         font-weight: bold;
	 background-color: transparent;
         border-right:2px dotted #444;
         border-bottom:3px  dotted #89712b;
}
td.main_act {
	 background-image:url(menu-active.gif);
         background-repeat:no-repeat; background-position: right;
         border-bottom:3px  dotted #89712b;
}
td.main_act a {
	 color: #fff;
         font-weight: bold;
         border-right:2px dotted #444;
         border-left:0px dotted #444;
         padding:7px 5px 3px 25px;
}
td.sub_no {
  background: transparent;
  border-top:0px solid #FFFFFF;
  border-left:0px solid #FFFFFF;
  border-right:2px  dotted #89712b;
}
td.sub_act {
  background-color: #fcfcfc;
  background-image:url(menu-sub-active.gif);
  background-repeat:no-repeat; background-position: left;
  border-top:0px solid #FFFFFF;
  border-left:0px solid #FFFFFF;
  border-right:2px  dotted #54451a;
}
td.sub_act a {
         color: #000;
         background-image:url(menu-sub-active.gif);
         background-repeat:no-repeat; background-position: left;
         border-bottom:0px  solid #fff;
         border-left:0px solid #222;
         padding:7px 5px 3px 25px;
}

td.sub_hover {
         background-color: #aaa;
        
}

a.menu {
	display:block;
	text-decoration:none;
	font-weight: inherit;
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	background-color: #888;
        padding:7px 5px 3px 25px;

}
a:visited.menu { color:#000; background-color:transparent; }
a:link.menu    { color:#000; background-color:transparent; }
a:hover.menu   { color:#000; background-image:url(menu-sub-active.gif);
         background-repeat:no-repeat; background-position: left;}
a:active.menu  { color:#000000; background-color:transparent; }

a.menuAct      {
	color:#000000;
	background-color:transparent;
	display:block;
	text-decoration:none;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

body {
	margin: 0;
        background:url(bg_body.jpg);
	padding:0;
}

p     { 
	font-size:1.0em; line-height:1.5em;
	color: #333;
	margin: 0; 
	padding: 0px 0px 0px 6px;
}


a {
	font-size: 1.0em;
	color: #B39B41;
	text-decoration: none;
	font-style: normal;
	line-height:1.5em;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	letter-spacing: normal;
	vertical-align: baseline;
	word-spacing: normal;
	white-space: normal;
}
a:hover {

	color: #a39B41;
	text-decoration: underline;
}
a:visited {
	color: #B39B41;
	text-decoration: none;
}
a:active {
	color: #FF0000;
	text-decoration: none;
}
h1 {
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #222;
	background-color: transparent;
	text-indent: 2pt;
	line-height: 1.5em;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
        border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #888;
	
}
h2 {
        font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #222;
	background-color: transparent;
	text-indent: 2pt;
	line-height: 1.5em;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
        border-bottom-width: 3px;
	border-bottom-style: none;
	border-bottom-color: #222;

}
h3 {
	font-size: 1em;
        font-weight: inherit;
}
h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	text-indent: 1pt;
	line-height: 0.1em;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
	border-bottom-width: thin;
	border-bottom-style: none;
	border-bottom-color: #000000;

}
h5 {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #222;
	text-indent: 0pt;
	line-height: 0.1em;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
	border-bottom-width: 0;
	border-bottom-style: none;
	border-bottom-color: #000000;
}
.csc-frame-frame1 {
  background-color:transparent;
  padding:5px;
  margin-bottom:10px;
  overflow:auto;
}

.input_big, .input_text, .input_select { padding-left: 2px; font-size: 100%; border: none; background-color: #DDDDDD; width: 250px}

.submit { background-color: #000000; color: #FFFFFF; width: 200px; font-weight: bold; padding:1px 2px; cursor: pointer}
.input_small { padding-left: 2px; font-size: 100%; border: none; background-color: #DDDDDD; width: 40px }
.input_sum { width: 40px }

textarea {
	font-family: helvetica, sans-serif;
}
	
form fieldset.csc-mailform { 
   border: 0; 
	padding: 1px; 
}

form fieldset.csc-mailform div.csc-mailform-field {
	margin: 0;
	padding: 0;
}	
	
form fieldset.csc-mailform div.csc-mailform-field label,
form fieldset.csc-mailform span.csc-mailform-label {
	font-size: 100%;
   margin-right: 0.5em; 
	width: 10em; 
	width: 35%;
	float: left;
}

form fieldset.csc-mailform div.csc-mailform-field { 
	padding: 0px; 
	margin: 5px;
}

form fieldset.csc-mailform div.csc-mailform-label { padding: 5px; font:  bold 10px verdana, arial, sans-serif; color: #000066; }

form fieldset.csc-mailform  div.csc-mailform-field img.captcha {
	position: relative;
	margin: 0 0 0 5px;
	top: 0px;
}	

form fieldset.csc-mailform div.csc-mailform-field input.captcharesponse {
	position: relative;
	top: -6px;
}


/***************************
 *  Default styles for the
 *    EXT rgaccordion
 * by Ringer Georg (just2b)
 ***************************/  



/* Toggle default */
h3.rgaccord1-toggle {
  background: url(img/plus.png) 0px center no-repeat;
  border-top:0px solid #eee;
  padding:2px 0 2px 18px;
  cursor:pointer;
  line-height: 13px;
  height: 13px;
  color:#B39B41
}

/* Toggle act item */
h3.act {
  background: url(img/minus.png) 0px center no-repeat;
  padding:2px 0 2px 18px;
}

/* Toggle default fŸr Termine */
.cal_list h3.rgaccord1-toggle {
  background: #eeeeee url(img/plus.png) 0px center no-repeat;
  color:#000000
}

/* Toggle act item fŸr Termine */
.cal_list h3.act {
  background:#cccccc url(img/minus.png) 0px center no-repeat;
  color:#000000
}

/* the content */
div.rgaccord1-content {
  width:730px;
  border-left:0px solid #ccc;
  border-right:0px solid #ccc;
}

/* remove margin of a CE */
div.rgaccord1-content .ce {
  margin-bottom:0;
}

/* remove the header inside the CE, twice is not nice */
div.rgaccord1-content h1 {
  display:none;
}

/* Kalendereinstellungen */
.cal_date {
  float:left;
  width:70px;
}
.cal_location {
  float:left;
  width:180px;
}
.cal_title {
  float:left;
  width:280px;
}
.cal_formation {
  float:left;
  width:120px;
}
.cal_list h3.rgaccord1-toggle {
    margin:1px 0px;
}
.cal_description {
  padding-bottom:5px;
}
.cal_description p {
  padding-left:80px;
}
.cal_teaser {
  clear:both;
}
.pagebrowser {
  clear:both;
  padding: 10px 0px;
}
.cal_archive {
  clear:both;
}

/* Bookmarks */
#bookmarks{
    position:relative; /*this is the key*/
    z-index:24;
    font-size:1px;
    line-height:0.1em;
    color:transparent;
    text-decoration:none;
    float:right;
    padding:0px 0px 0px 0px;
    cursor: pointer;
}

#bookmarks:hover{
  z-index:25;

}

#bookmarks span{
  display: none;
  position:absolute;
  top:10px; left:90px; width:85px;
  border-bottom:0px dashed #000000;
  background: transparent;
  color:#ccc;
}

#bookmarks:hover span{ /*the span will display just on :hover state*/
    display:block;

    }