* {/* reset default values */
	margin: 0;
	padding: 0;
	text-decoration: none;	  
}
root { 
    display: block;
}  
body {
    background-color: #A8C3DE;
    font-family: arial, helvetica, sans-serif;     
    font-size: 12px;
}
img {
    vertical-align: middle;
}
a img, a:link img { border: none; }
table {
    margin: 1em 0;
    border-collapse:collapse;
    border-spacing:0;
}
h1 {
    font-size: 16px;
    color: #3D6E92;
    font-weight:bold;
    line-height: 25px;
    text-align:center;
}
h2 {
    font-size: 14px;
    color: #3D6E92;
    font-weight: bold;
    line-height: 19px;
    text-align:center;
}
h3 {
    font-size: 12px;
    color: #000000;
    font-weight:bold;
    line-height: 19px;
    text-align:center;
}
/* Bereiche */
#container {
	width: 955px;
	margin: 8px auto 0 auto;
        overflow: hidden;
}
#header {
    height:138px;
    background-color: white;
}
#content{    
    margin-left:220px;
    margin-right:148px;
    margin-bottom: -30000px;
    padding-bottom: 30000px;
    background-color:white;
    padding-top:30px;
}
#content_wide{
    margin-left:220px;
    margin-bottom: -30000px;
    padding-bottom: 30000px;
    background-color:white;
    padding-top:30px;
}
#leftnav {
    float: left;
    width: 195px;
    background-color:#FFFFFF;
    background-image:url(/images/navi-left-back.jpg);
    background-repeat:repeat-y;
    padding-top:10px;
    padding-left:27px;
    margin-bottom: -30000px;
    padding-bottom: 30000px;
}
#leftnav li {
    height:40px;
    display:block;
    text-align:center;
    padding-top:2px;
}
#leftnav a, #leftnav a:visited , #leftnav a:active 
{    
    color:#FFFFFF;
    text-decoration:none;
    font-style:normal;
    font-weight:bold;
    font-size: 12px;
    padding: 0;
    margin-left: 50px;
    margin-right: 0px;
    height:20px;
    line-height:15px;
}
#leftnav a:hover {
    color:#000000; 
    text-decoration:none;
    font-style: normal;
}
#leftnav .highlight, #leftnav a.highlight:visited {
    color:#000000;
}
#agb-sitemap {
  padding-top: 80px;
  padding-bottom: 28px;
}
#leftnav #wetter a{
    margin-left:0px;
}
#rightnav{
    float: right;
    width: 148px; /*Width of right column*/
    padding-top:30px;
    background-color:#F9DF9A;
    font-size: 11px;
    color: #000000;
    font-weight:normal;
    line-height: 14px;    
    margin-bottom: -2000px;
    padding-bottom: 2000px;
    text-align: center;
}
#rightnav a, #rightnav a:visited , #rightnav a:active 
{    
    color:#FFFFFF;
    text-decoration:none;
    font-style:normal;
    font-weight:bold;
    font-size: 12px;
    line-height:20px;
    width:148px;
    display:block;
}
#rightnav a:hover {
    color:#000000; 
    text-decoration:none;
    font-style: normal;
}
#rightnav .highlight, #rightnav a.highlight:visited {
    color:#000000;
}
#rightnav p.rechts-blau{
    background-image:url(../images/blaue-welle.gif);
    background-repeat:no-repeat;
    vertical-align:top;
}
.anzahl, .anzahl:visited {
    background-image:url(../images/blaue-welle.gif);
    background-repeat:no-repeat;
    vertical-align:top;
    height: 30px;
    padding:2px;
    color: #ffffff;
    font-weight: bold;    
}
.anzahl:hover {
    color:black;
}

#rightnav p.rechts-rot {
    background-image:url(../images/rote-welle.gif);
    background-repeat:no-repeat;
}
/* Veranstaltungen */
.SSS_ipp {
    float:right;
    border-color: #33557F;
    border-style: solid;
    border-width: 1px;
    padding: 1px 4px;
    color: #33557F;
    background-color: #f5f7fc;
    margin-top: 11px;
    margin-right:16px;
    height:19px;
    text-align: center;
    vertical-align: bottom;
}
.SSS_pr {
    padding: 3px 5px;
    border-width:1px;
    border-style:solid;
    border-color:#33557F;
    background-color:#F5F7FC;
    text-align: center;
    vertical-align: middle;
    height:20px;
}
.SSS_pr a {
    color:#33557F;
}
.SSS_pr_active {
    width:1.8em;
    padding: .1em .3em;
    border-width:1px;
    border-style:solid;
    border-color:#33557F;
    background-color:#33557F;
    text-align: center;

    color: #F5F7FC;
}
.SSS_page_register {
    margin-left:15px;
    vertical-align: top;
}
.SSS_td_blank {
    padding: 0.4em 0.4em 0.4em 0.8em;
}
.SSS_rot {
    background-color: red;
}
/* Buttons */

.SSS_Button{
  cursor:pointer;
  background-color: white;
  font-weight: bold;
  border: 1px solid #3D6E92;
  padding: 5px;
  margin-top:3px;
  color: #3D6E92;
}
/* Elemente */
#content p.center{
    font-size: 12px;
    line-height: 19px;
    text-align: center;
    margin:19px;
}
#content p, #content_wide p{
    margin:19px;
    font-size: 12px;
    line-height: 19px;    
}
#content a, #content a:visited, #content a:active{
    text-decoration:none;
    color: #3D6E92;
    font-weight:bold;
}
#kategorien {
    width:195px;
    margin: 18px auto 0 auto;
}
#content li {
    background-repeat:no-repeat;
    height:40px;
    display:block;
    text-align:center;
    padding-top:1px;
}

#kategorien a, #kategorien a:visited , #kategorien a:active 
{
display:block;
color:#FFFFFF;
text-decoration:none;
font-style:normal;
font-weight:bold;
font-size: 12px;
padding: 2px 0 0 0;
margin-left: 0px;
margin-right: 0px;
height:20px;
line-height:15px;
text-align:center;
background-image:url(/images/navi-middle-button.gif);
background-repeat:no-repeat;
}
#kategorien a:hover 
{
color:#000000; 
text-decoration:none;
font-style: normal;
}
/* Klassen */
.SSS_pic_left {
    float:left;
    margin: 0 10px 10px 0;
    border:1px solid #33557F;
}
.SSS_pic_right {
    float:right;
    margin: 0 0 10px 10px;
    border:1px solid #33557F;
}
.SSS_search_count {    
  color: #999999;
}
p.SSS_details_titel {
    font-size: 16px;
    color: #3D6E92;
    font-weight:bold;
    line-height: 25px;
    text-align:center;
}
/* Tabelle */
.SSS_table {
    margin:15px;
    font-size: 12px;  
}
.SSS_search_table, .SSS_result_table {
    margin:15px;
    font-size: 12px;
    width:700px;
}
.SSS_price_table {
    margin:15px;
    font-size: 12px;
    border: 1px solid #3D6E92;
}
.SSS_details_table {
    margin:15px;
    font-size: 12px;
    width:703px;
}
.SSS_tr_pointer {
    cursor: pointer;
}
.SSS_th {
    padding: 4px 10px;
    vertical-align: top;
    background-color: #CADBEB;
}
.SSS_th_white {
    padding: 4px;
    vertical-align: middle;
    text-align: center;
}
.SSS_td {
    padding: 10px;
    background-color: #CADBEB;
    vertical-align: top;
}
.SSS_td_narrow {
    padding: 10px 4px;
    background-color: #CADBEB;
    vertical-align: top;
    text-align: center;
}
.SSS_td_white {
    padding: 10px;
    margin-top:15px;
    vertical-align: top;
    background-color: #ffffff;
}
.SSS_td_white_narrow {
    padding: 10px 4px;
    margin-top:15px;
    vertical-align: top;
    background-color: #ffffff;
    text-align: center;
}

.SSS_td_blind {
    vertical-align: top;
    border:0px;
} 

.SSS_td_blind_center {
    padding: 0 0.4em 0 0.8em;
    vertical-align: top;
    text-align: center;
} 

.SSS_td_right {
    padding: 0.4em 0.4em 0.4em 0.8em;
    text-align: right;
} 
.SSS_search_td {
    padding: 0.4em 0.4em 0.4em 0.8em;
    background-color: #CADBEB;
    vertical-align: top;
} 
.SSS_search_td_white {
    padding: 0.4em 0.4em 0.4em 0.8em;
    background-color: white;
    vertical-align: top;
} 

/* Datepicker*/
/* the div that holds the date picker calendar */
#SSS_datepicker {
}
/* the table (within the div) that holds the date picker calendar */
.dpTable {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #505050;
	background-color: #ece9d8;
	border: 1px solid #AAAAAA;
	}
/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	border: 1px solid #ece9d8;
	}
/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	}
/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	background-color: #aca998;
	border: 1px solid #888888;
	cursor: pointer;
	color: red;
	}
/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	color: white;
	}
/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 12px;
	color: gray;
	font-weight: bold;
	}
/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
	color: #4060ff;
	font-weight: bold;
	}
/* the forward/backward buttons at the top */
.dpButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	padding: 0px;
	}
/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	}
body.mceContentBody {
   background: #FFF;
}