body{
	background-color :#eee7ed;/*#cc66FF;*/
	font-family :Verdana ; font-size :12px; color :#000000;/*#000000*/  
	}
	
link{
	background-color :#cc66FF;
	font-family :Verdana ; font-size :12px; color :#000000  ;
	}

sommerfest{
	background-color :#faceef ;
	font-family :Verdana ; font-size :12px; color :#000000  ;
	}
.mainCenter {
	height:100%;
}

#TopFrame {
	width: 100%;
	height: 100%;
	border: 0px;
}

#BottomFrame {
	width: 100%;
	height: 100%;
	border: 0px;
}

a 			{ text-decoration: none; font-weight:normal; color :#000000 ;} 
a:hover		{ text-decoration: underline; }

/* title frame */

.titleContent { padding: 6px 0 6px 6px; }

.banner
{
	font-size: 12px;
	font-family: Trebuchet MS, verdana, arial;
}

.banner .title{
	font-size:1.2em;
	font-weight:bold;
}

.banner .info{
	font-size:0.9em;
}

.banner .email{
	font-weight:bold;
}

/* file info */

#imageInfo{
	width: 225px;
	font-family: Trebuchet MS, verdana, arial;
	padding: 0 6px 0 6px;
}

.content {
	font-size:11px;
	color: #faceef;
	border-bottom:1px dotted #faceef;
	padding-top:6px;
	padding-bottom:6px;
}

.header{
	font-size:9px;
	font-weight:bold;
	color: #faceef;
}

.contentLast {
	font-size:11px;
	color: #faceef;
	padding-top:6px;
} 
	
	.accordionHeader
{
    border: 1px solid ;
    color: white;
    background-color: #000000;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.accordionContent
{
    background-color: #faceef;
    border: 1px dashed #000000 ;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}

.accordionLink
{
 background-color: #000000;
    color: #000000;
}

.watermark {
	background: #FFAAFF;
}

.popupControl {
	background-color:#AAD4FF;
	position:absolute;
	visibility:hidden;
	border-style:solid;
	border-color: Black;
	border-width: 2px;
}

.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;
}

.sampleStyleA {
	background-color:#FFF;
}

.sampleStyleB {
	background-color:#FFF;
	font-family:monospace;
	font-size:10pt;
	font-weight:bold;
}

.sampleStyleC {
	background-color:#eee7ed;
	font-family:sans-serif;
	font-size:10pt;
	font-style:italic;
}

.sampleStyleD {
	background-color:#00000f;
	color:White;
	font-family:Arial;
	font-size:10pt;
}

#tilmeld {
      width: 300px;
      height: 100px;
      border:solid 1px #00000f;
    }    
/* ######### CSS for Shade Tabs. Remove if not using ######### */

/* ######### CSS for Shade Tabs. Remove if not using ######### */

.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 11px Verdana ;  color :#00000f;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
margin: 0;
padding: 0;
float: left;

}

.shadetabs li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 3px 7px;
margin-right: 1px;
border: 1px solid: #00000f;
color: #00000f;
background: white url(shade.gif) top left repeat-x;
}

.shadetabs li a:visited{
text-decoration: none;
position: relative;
z-index: 1;
padding: 3px 7px;
margin-right: 1px;
border: 1px solid #00000f;
color: #00000f;
background: white url(shade.gif) top left repeat-x;

}

.shadetabs li a:hover{
text-decoration: none;
position: relative;
z-index: 1;
padding: 3px 7px;
margin-right: 1px;
border: 1px solid #00000f;
color: #00000f;
background: white url(shade.gif) top left repeat-x;