@CHARSET "UTF-8";
body{
    text-align:center;
    font-family:Arial, sans-serif;
    font-size:100.1%;
    background-color:#e1e5e9;
    margin:0px 0px 0px 0px;
    padding:0px;    	
    background-image:url(formate_FILES/bgbody.jpg);
    background-repeat:repeat-x;
}
#supermain{
	position:relative;
	width:915px;
	margin:0px auto 0px auto;
	padding:5px 0px 0px 0px;
	text-align:center;
	background-color:#ffffff;
}
#main, #mainpopup{
    position:relative;
    width:875px;
    margin:0px auto 0px auto;
    padding:308px 0px 0px 0px;
    text-align:left;
    background-color:#ffffff;
    overflow:hidden;
}
#mainpopup{
    position:relative;
    width:450px;
    padding:238px 0px 0px 0px;
}
#logo, #logopopup{
    position:absolute;
    top:4px;
    left:4px;
    margin:0px;
    padding:0px;
    z-index:200;
}
#logopopup{
    left:8px;
}


b {
color:#8e004e;
}
p {
	font-size:0.8em;
	margin:3px 25px 15px 25px;
	padding:0px;
	line-height:1.2em;
}

#workmenu{
    position:absolute;
    top:0px; 
    right:5px;
    margin:0px;
    padding:0px;
    width:295px;
    height:10px;
    z-index:201;
    text-align:right;
}
#workmenu ul{
    margin:0px;
    padding:0px;
    height:12px; 
    }
#workmenu ul li{
    list-style-type:none;
    float:right;
    margin:0px;
    padding:0px;
}
#workmenu ul li a{
    display:block;
    padding:0px 0px 4px 15px;
    font-size:0.75em;
    line-heigth:1em;
    color:#000000;
    text-decoration:none;
    }
#workmenu ul li a:hover{
    color:#dddddd;
    }
#workmenu ul li.active a{
    color:#aaaaaa; 
}
#workmenu ul li a img{
	border:0px;
}

#teaser, #teaserpopup {
    position:absolute;
    top:55px;
    right:78px;
    background-color:#8e004e;
    width:315px;
    overflow:hidden; 
    opacity:0.7;
    filter:Alpha(opacity=20%);
    z-index:202;
}
#teaserpopup{
    top:30px;
    left:210px;
    width:200px;
}
#teaser p, #teaserpopup p{
	font-family:Times, serif;
    font-size:26px;
    color:#ffffff;
    margin:15px 25px 10px 25px; 
    padding:0px;
}
#teaserpopup p{
    font-size:18px;
    margin:10px 10px 10px 10px;
}
#head, #headpopup{
    position:absolute;
    top:18px;
    left:0px;
    width:875px;
    height:246px;
    margin:0px;
    padding:0px;
    overflow:hidden;
    z-index:10;
}
#headpopup{
    width:450px;
    top:12px;
    
}
#mainmenu, #mainmenupopup{
    position:absolute;
    top:264px; 
    left:0px;
    width:875px;
    margin:0px;
    padding:0px;
    height:30px;
    z-index:204;
    background-image:url(formate_FILES/bgm.gif);
    background-repeat:repeat-x;
}
#mainmenupopup{
    width:450px;
    top:194px;
}
#mainmenu ul, #mainmenupopup ul{
    margin:0px;
    padding:0px;
    }
#mainmenu ul li, #mainmenupopup ul li{
    list-style-type:none;
    float:left;
    position:relative;
    margin:0px;
    padding:0px;
}
#mainmenu ul li ul li, #mainmenupopup ul li ul li {
    list-style-type:none;
    float:none;
    margin:0px;
    padding:0px;
    width:10em;
    border:0px;
    }
#mainmenu ul li a, #mainmenu ul li span, #mainmenupopup ul li a, #mainmenupopup ul li span{
    display:block;
    padding:8px;
    font-size:0.70em;
    line-heigth:1.0em;
    color:#8e004e;
    text-decoration:none;
    margin:0px;
    }
    
#mainmenu ul li ul li a, #mainmenupopup ul li ul li a{
    display:block;
    padding:8px;
    width:13.5em;
    margin:0px 0px 0px 0px;
    font-size:0.70em;
    line-heigth:0.0em;
    color:#8e004e;
    text-decoration:none;
    background-color:#ebebeb;
    border-bottom:1px solid #ababab;
    opacity:0.9;
    filter:Alpha(opacity=80%);
}
#mainmenu ul li a:hover, #mainmenupopup ul li a:hover{
    color:#ababab;
    }
#mainmenu ul li.active a, #mainmenupopup ul li.active a{
    color:#aaaaaa; 
}
#mainmenu ul li ul, #mainmenupopup ul li ul {
  display: none;
  position: absolute; 
  top: 100%;
  left: 0.0em;
  width:10em;
  margin:0px;
  padding:0px;
  }
#mainmenu ul   li > ul,  #mainmenupopup ul   li > ul {
    top: auto;
    left: auto;
    }
#mainmenu ul  li:hover ul, #mainmenu li.over ul, #mainmenupopup ul  li:hover ul, #mainmenupopup li.over ul{ display: block; }

*.red{
    color:#8e004e;
}
#content div.csc-textpic div.csc-textpic-imagewrap ul, #content div.csc-textpic div.csc-textpic-imagewrap ul li{
	text-align:left;
	margin:0px;
	padding:0px;
	list-style-type:none;
}
#content{
    overflow:hidden;
    }
    
#content ul.csc-bulletlist, #content ul, #contentpopup ul.csc-bulletlist, #contentpopup ul{
	text-align:left;
	margin:0px 25px 10px 25px;
	padding:0px 0px 0px 0px;
	color:#000000;
	list-style-type:none;
}    
#contentpopup ul.csc-bulletlist, #contentpop ul{
	margin:0px 10px 10px 15px;
}
#content ul.csc-bulletlist li, #content ul li, #contentpopup ul.csc-bulletlist li, #contentpopup ul li{
	background-image:url(formate_FILES/punkt2.gif);
	background-repeat:no-repeat;
	background-position:0.3em 0.3em;
	padding:0px 0px 4px 1.4em;
	font-size:0.8em;

}
#leftcol{
    min-height:20px;
    float:left;
    width:195px;
    margin:0px;
    padding:0px;
    overflow:hidden;
}
#leftcol p{
	margin:5px 10px 10px 0px;
	padding:0px;
}
img.leftcontent{
    padding:0px 0px 10px 0px;
}
*.messepopup{
    margin:10px 10px 10px 0px;
}
*.messepopup label{
    display:block;
    color:#aaaaaa;
    padding:4px;
    font-size:0.8em;
}
*.messepopup select{
    width:160px;
    font-size:0.7em;
}
#middlecol, #leftmiddlecol, #rightmiddlecol, #middlecolmessedesign, #rightcolmessedesign{
	min-height:20px;
	float:left;
	width:485px;
	margin:0px;
	padding:0px;
	}
#contentpopup #middlecol{
	float:none;
	width:450px;
}
#leftmiddlecol, #rightmiddlecol{
	width:680px;
}
#rightmiddlecol, #rightcolmessedesign{
	float:right;
}
#rightcolmessedesign, #middlecolmessedesign{
	width:340px;
}
#middlecolmessedesign img{
	margin-left:20px;
}
#middlecol h1, #leftmiddlecol h1, #rightmiddlecol h1, #leftcol h1{
    font-weight:bold;
    font-size:1.05em;
    margin:5px 25px 5px 25px;
    color:#8e004e;
}
#contentpopup #middlecol h1,#contentpopup #middlecol h2,#contentpopup #middlecol h3{
	margin-left:15px;
		margin-right:15px;
}
#leftcol h1, #leftcol h2, #leftcol h3, #content #leftcol ul.csc-bulletlist{
	margin-left:0px;
	margin-right:5px;
	font-size:0.9em; /* relativ: 0.9 von 0.8 */
} 

#middlecol h2, #leftmiddlecol h2, #rightmiddlecol h2{
    font-weight:bold;
    font-size:0.90em;
    margin:5px 25px 5px 25px;
    color:#8e004e;
}
#middlecol h3, #leftmiddlecol h3, #rightmiddlecol h3{
    font-weight:bold;
    font-size:0.80em;
    margin:5px 25px 5px 25px;
    color:#8e004e;
}
#middlecol p, #leftmiddlecol p, #rightmiddlecol p, #middlecol table, #rightmiddlecol table, #leftmiddlecol table{
    font-size:0.8em;
    line-height:1.2em;
    margin:4px 25px 15px 25px;
    padding:0px;
}
#contentpopup #middlecol p, #contentpopup #middlecol img{
    margin:4px 15px 10px 15px;
}

#middlecol table, #rightmiddlecol table, #leftmiddlecol{
	border:collaps;
}
#middlecol td, #rightmiddlecol td, #leftmiddlecol td{
	padding:3px 6px 3px 0px;
	vertical-align:top;
}
#middlecol table.contenttable{
	border:0px;
	margin:4px 25px 15px 23px;
}
#middlecol table.contenttable td{
	margin:0px;
	border:0px;
	padding:0px;
}
#leftmiddlecol table{
	margin:4px 25px 15px 0px;
}
*.borderleft{
	border-left:1px solid #000000;
}

div.messelistborder{
    margin:0px;
    padding:0px;
    border-left:1px solid #000000;
}
div.messelist{
    margin:10px 25px 10px 25px;
    padding:5px 0px 00px 0px;
    border-bottom:1px solid #000000;
    clear:both;
}
div.messelisticon{
    float:left;
    width:100px;
    margin:0px;
    padding:0px;
    overflow:hidden;
}
div.messelisttext{
    width:244px;
    margin:10px 0px 0px 0px;
    padding:0px;
    float:left;
}
div.messelisttext p.messelisttitel a{
	text-decoration:none;
	color:#8e004e;
}
div.messelisttext p.messelisttitel a:hover{
	color:#aaaaaa;
}

#middlecol div.messelisttext p {
    margin:0px 20px 0px 20px;
}
div.messelisticon2{
    width:90px;
    margin:0px;
    padding:0px;
    float:right;
    overflow:hidden;
}
div.messelisticon2 img{
    margin:0px 0px 3px 0px;
}
div.messelistfoot{
    clear:both;
    height:20px;
    margin:0px;
    padding:0px;
    text-align:right;
}
div.messelistfoot a{
    display:block;
    float:right;
    background-image:url(formate_FILES/mehr.gif);
    background-repeat:no-repeat;
    width:69px;
    height:20px;
    color:#ffffff;
    font-size:0.70em;
    font-weight:normal;
    margin:0px;
    padding:0px;
    line-height:1.6em;
    text-align:center;
    text-decoration:none; 
}

#rightcol{
    float:right;
    width:195px;
    margin:0px;
    padding:0px;
}
#popupfloat{
    float:right;
    width:190px;
    margin:0px;
    padding:0px;
}
#popupdata{
	width:255px;
		margin:0px;
	padding:0px;
}
*.contactfloat{
    float:left;
    margin:0px 26px 0px 0px;
    padding:0px;
}
*.contactfloatinner{
	width:190px;
}
*.contactfoto{
    background-image:url(formate_FILES/contact.gif);
    background-repeat:no-repeat;
    width:190px;
}
*.cpfhead{
   height:20px;
}
*.contactdaten{
	margin:4px 0px 5px 0px;
	padding:15px 0px 15px 0px;
	background-color:#dddddd;
	height:200px;
	overflow:auto;
}
#content *.contactdaten p{
	margin:5px 10px 10px 15px;
}
#content *.contactdaten p a{
color:#8e004e;
}

#footer{
    width:875px;

    clear:both;
    margin:10px 0px 0px 0px;
    padding:3px 0px 0px 0px;
    border-top:1px solid #aaaaaa;
    text-align:center;
}
#footer p{
	font-size:0.7em;
}
#footer p a{
color:#8e004e;
}
#contactfotopopup{
    background-image:url(formate_FILES/contact.gif);
    background-repeat:no-repeat;
    float:left;
    width:190px;
}
#cpfhead{
   height:20px;
}
#contentpopup #middlecol #contactfotopopup img{
	margin:0px;
		padding:0px;
}
#contactdatenpopup{
	float:right;
		width:220px;
}
#contactdatenpopup span.name{
	font-size:1.1em;
	}
#contentpopup #middlecol #contactdatenpopup p{
	margin:15px 0px 0px 0px;
	padding:0px;
}
#contactvitapopup{
	clear:both;
	margin: 20px 0px 0px 0px;
}
div.helper{
	clear:both;
}
#news, #downloads{
    background-image:url(formate_FILES/balkennews.gif);
    background-repeat:no-repeat;
    background-color:#f8f0f3;
}
#newsinner, #downloadinner{
    padding:10px 0px 15px 0px;
    margin:0px;
    border-left:1px solid #000000;
    overflow:hidden;
}
#newsinner p, #downloadinner p{
    font-size:0.75em;
    line-height:1.2em;
    margin:4px 12px 5px 15px;
    padding:0px;
}
#newsinner p.newshead, #newsinner p.mehr a{
    color:#8e004e;
}
#newsinner p.mehr{
    text-align:right;
}
#newsinner p.mehr a:visited{
    color:#8e004e;
}
#newsinner p.mehr a:hover{
    color:#aaaaaa;
}


*.red{
    color:#8e004e;
}
div.balkenheader{
    color:#ffffff;
    font-size:0.80em;
    font-weight:bold;
    margin:0px;
    padding:3px 10px 3px 16px;
    line-height:1.0em;
    font-family: Times, serif;
}
#downloadinner ul{
	text-align:left;
	margin:4px 12px 5px 15px;
    padding:0px;
	color:#000000;
	list-style-type:none;
	font-size:0.75em;
}
#downloadinner ul li{
	padding:0px 0px 4px 8px;
	background-image:url(formate_FILES/pdf2.gif);
	background-repeat:no-repeat;
	background-position:0.0em 0.3em;
	padding-left:1.4em;
}
#downloadinner ul li a{
	text-decoration:none;
	color:#8e004e;
	line-height:1.3;
}
#mailform label, #mailform input, #mailform textarea{
	font-size:0.8em;
}
#mailform label{
	width:90px;
	display:block;
	float:left;
}
*.csc-mailform-field{
	margin:3px 0px 8px 0px;
}


div.newslistitem{
    margin:10px 0px 0px 0px;
    padding:5px 0px 00px 0px;
    border-bottom:1px solid #000000;
    clear:both;
}
div.newslistitem h3 a {
    color:#8e004e;
    text-decoration:none;
}
div.newslistitem h3 a:hover{
    color:#000000;
}
div.newslistitem h3{
	margin: 1px 25px 1px 25px;
	padding:0px;
}
#middlecol div.newslistitem p.bodytext{
	margin:5px 25px 10px 25px;
	padding:0px;
}
#middlecol div.newslistitem p.newslistdate{
	margin-top:0px;
	margin-bottom:0px;
	padding:0px;
}
div.newslistimg{
    margin:4px 10px 5px 25px;
    padding:0px;
}
div.news-single-img{
    margin:4px 10px 5px 25px;
    padding:0px;

}