body {text-align:center; 
			font-size: 82.5%; 
			margin: 0px auto; 
			padding: 0px; 
			background-color: #efefef;
			color: #555;
			background-image: url(../images/vfhkmainbg.jpg);
			background-repeat: repeat-y;
			background-position: center 0;			 
			font-family:  verdana, arial, sans-serif; /*min-width: 41em;*/ /* Mindestbreite verhindert Umbruch und Anzeigefehler in modernen Browsern */}
#mainwrapper { height:100%; width:900px; text-align:left; margin: 0 auto; padding: 0;  background-color: #fff;}


#maincontentwrapper{float:left;  width:900px;  height:100%; margin:0;padding:0; background-color: #fff;}

div#leftnav {

font-size: 1em;
height:100%;
float: left;
width: 210px;
/*margin: 0 0 0 7px ;*/
padding: 0 0 0 7px ;
}

.header-image {
width:900px:
margin:0;
padding:0;
}



div#infocolumn{
font-size: 0.9em;
height:100%;
float: left;
width: 215px;
padding: 0 10px 0 0;
margin: 0 0 0 0;

}

div#infocolumn h2, div#infocolumn-right h2 {
font-size: 1.2em;
margin: 0;
}
div#infocolumn h1, div#infocolumn-right h1 {
margin: 15px 0px 0.5em 0px; font-weight: normal; font-size: 1.3em; color: #008688; 
}


div#infocolumn p, div#infocolumn-right p {
font-size: .9em;
margin: 0;
}

div#content{
float:right;
height:100%;
width:430px;
margin: 0 ;
padding: 0 20px 0 0 ;

}
div#content-left{
float:left;
height:100%;
width:430px;
margin: 0 ;
padding: 0 ;
}

div#content-wide{
float:left;
height:100%;
width:565px;
margin: 0 ;
padding: 0 ;
}


div#infocolumn-right{
font-size: 1em;
height:100%;
float: right;
width: 225px;
padding: 0 ;
margin: 0 ;
}


div#content p, div#content-left p, div#content-wide p {
font-size: 1em;
margin: 0;
}

div#content-header {
/*float:left;*/
font-size: 1em;
width:445px;
height:25px;
margin: 0 0 0 450px;
padding: 0 ;
}

#service-menu{float:left; width:350px; }
div#service-menu ul {margin: 0px; padding: 0px 20px 0px 0px; font-weight: bold;}	
div#service-menu li {display: inline; list-style: none; margin: 0px; padding: 0;}
div#service-menu li a {display: block; float: left; margin: 0px; padding: 2px 10px 2px 0px; color: #008688; text-decoration: none; }
div#service-menu a {color: color: #008688;; text-decoration: none; font-weight:bold;}
div#service-menu a:hover, .nav1 a.selected, .nav2 a.selected {color: rgb(50,50,50); text-decoration: none; font-weight:bold;}


div#footer{
display:none;
clear:both;
width:900px;
color:#ccc;
font-size: 0.87em;
}



#leftnav ul {width: 188px; margin: 0; padding: 0px 2px 0; border-bottom: solid 1px #008688;  }	
#leftnav li {list-style: none; margin: 0px; padding: 0px; }
#leftnav li.group a {display: block; min-height: 1.7em; height: auto !important; height: 1.7em; line-height: 1.7em; margin: 0px; padding: 0px 7px 0px 0px; color: #008688; text-decoration: none; font-weight: normal; border-top: solid 1px #008688; font-size: 1.1em;}
#leftnav li.group-last a {display: block; min-height: 1.7em; height: auto !important; height: 1.7em; line-height: 1.7em; margin: 0px; padding: 0px 7px 0px 0px; color: #008688; text-decoration: none; font-weight: normal; border-top: solid 1px #008688;  font-size: 1.1em;}
#leftnav li.group-first a {display: block; min-height: 1.7em; height: auto !important; height: 1.7em; line-height: 1.7em; margin: 0px; padding: 0px 7px 0px 0px; color: #008688; text-decoration: none; font-weight: normal;  font-size: 1.1em;}
#leftnav li.group-sub a {display: block; min-height: 1.7em; height: auto !important; height: 1.7em; line-height: 1.7em; margin: 0px; padding: 0px 7px 0px 0px; color: #008688; text-decoration: none; font-weight: normal; border-top: solid 1px #008688; font-size: 1.1em;}
#leftnav li.group a:hover, #leftnav li.group-sub a:hover, #leftnav li.group-first a:hover, #leftnav li.group-last a:hover { color: #555; text-decoration: none; font-weight:normal;}
#leftnav li.group-sub a.selected, #leftnav li.group-first a.selected, #leftnav li.group-last a.selected { color: #555; text-decoration: none; font-weight:bold;}


#leftnav li.level1 a {display: block; border:0; min-height: 1.3em; height: auto !important; height: 1.3em; line-height: 1.3em; margin: 0px; padding: 0px 7px 0px 30px;  color: #008688; text-decoration: none; font-size: 0.9em;}
#leftnav li.level1 a:hover { color: #555; text-decoration: none; font-weight:normal;}
#leftnav li.level1 a .selected { color: #555; text-decoration: none; font-weight:bold;}
#leftnav li.level2 a {display: block; border:0; min-height: 1.3em; height: auto !important; height: 1.3em; line-height: 1.3em; margin: 0px; padding: 0px 7px 0px 50px;  color: #008688; text-decoration: none; font-size: 0.9em;}
#leftnav li.level2 a:hover { color: #555; text-decoration: none; font-weight:normal;}
#leftnav li.level2 a.selected { color: #555; text-decoration: none; font-weight:bold;}

#leftnav li.level1-last a {display: block; border:0; min-height: 1.3em; height: auto !important; height: 1.3em; line-height: 1.3em; margin: 0px; padding: 0px 7px 0px 30px;  color: #008688; text-decoration: none; font-size: 0.9em; border-bottom: solid 1px #008688;}
#leftnav li.level1-last a:hover { color: #555; text-decoration: none; font-weight:normal;}
#leftnav li.level1 a.selected { color: #555; text-decoration: none; font-weight:bold;}
#leftnav li.level2-last a {display: block; border:0; min-height: 1.3em; height: auto !important; height: 1.3em; line-height: 1.3em; margin: 0px; padding: 0px 7px 0px 50px;  color: #008688; text-decoration: none; font-size: 0.9em; border-bottom: solid 1px #008688;}
#leftnav li.level2-last a:hover { color: #555; text-decoration: none; font-weight:normal;}
#leftnav li.level2 a.selected { color: #555; text-decoration: none; font-weight:bold;}


/* Lists */
ul { 
	padding: 0 0 0.6em 0  ;
	margin: 0;
}
li {
	margin: 0 0 0 15px ;
	list-style-position: outside;
}




#languagebox {float:right; margin: 0; width: 90px; padding:0 ;  }
#languagebox ul { width:60px; padding:0; margin:0;}
#languagebox li  a {font-weight:bold; padding:0  }
#languagebox li a:hover {font-weight:bold; padding:0 text-decoration:none; }
#languagebox li { padding:0 ; display:inline; }
.lang-no a {font-weight:bold; padding:0  }
.lang-act a {font-weight:bold; padding:0 }
.lang-act  {font-weight:bold; padding:0 }
.lang-empty {font-weight:bold; padding:0 }
.lang-act-empty {font-weight:bold; padding:0 }






/* Headings */
h1 {margin: 15px 0px 0.5em 0px; font-weight: normal; font-size: 1.4em; color: #008688; }
h2 {margin: 15px 0px 0.5em 0px; font-weight: normal; font-size: 1.3em; color: #008688; }
h3 {margin: 15px 0px 0.5em 0px; font-weight: normal; font-size: 1.2em; color: #008688; }
h4 {margin: 15px 0px 0.5em 0px; font-weight: normal; font-size: 1.1em; color: #008688; }
h5 {margin: 0px 0px 0.2em 0px;   font-weight: normal; font-size: 1em;   color: #008688; }
h6 {margin: 0px 0px 0.2em 0px;   font-weight: normal; font-size: 0.9em; color: #008688; }

     
.pdflink a {
	font-size: 1.1em;
	font-weight:bold;
	text-decoration:none;
	color: #444;
}


a.download {
	font-size: 1.1em;
	font-weight:bold;
	text-decoration:none;
	color: #444;
}



/* Paragraphs */
p {margin: 0px 0px 0.5em 0px; padding: 0 0 0.4em 0; line-height: 1.2em; font-family: verdana, arial, sans serif; font-size: 120%; }
p.readmore {margin: 1.0em 0px 0.5em 0px; padding: 0px; line-height: 1.2em; font-size: 110%; }
p.quote {margin: 0em 30px 0.6em 30px;	line-height: 120%; font-size: 120%;}
p.embed {float: left; width: 120px; margin: 7px 7px 5px 0px; padding: 5px 5px 5px 5px; background-color: rgb(238,237,249); font-style: italic; font-weight: bold;  line-height: 1.2em; font-size: 140%;}
p.embed-caption {float: left; margin: 5px 0px 0px 0px; padding: 0px; font-style: italic; font-weight: normal; line-height: 1.2em; font-size: 70%;}

/* Quote */
p.quote {clear: left; margin: 0em 30px 0.6em 30px;	line-height: 120%; font-size: 110%;}
p.greentext{
 color: #008688;
}

p a, a.internal-link, a , a.download {
	color:#008688;
	text-decoration:none ;
	font-weight: normal;
	font-size: 1em;
}
p a:hover,a:hover.internal-link, a:hover  {
	color:#000;
	text-decoration:underline;
}


/* Embedded emphasis */
.embed {float: left; width: 120px; margin: 2px 7px 2px 0px; padding: 5px 5px 5px 5px; background-color: rgb(238,237,249); font-style: italic; font-weight: bold;  line-height: 1.2em; font-size: 140%;}
.embed-caption {float: left; margin: 5px 0px 0px 0px; padding: 0px; font-style: italic; font-weight: normal; line-height: 1.2em; font-size: 70%;}



/*ul.noindent {margin: 0px 0px 7px 15px; padding: 0px; list-style-type: disc; list-style-position: outside; font-size: 120%;}*/
/*ul.indent {margin: 0px 0px 7px 15px; padding: 0px 0px 0px 15px; list-style-type: disc; font-family: arial; font-size: 120%;}*/
/*ol {margin: 0px 0px 0px 9px; padding: 0px 0px 0px 25px; list-style-type: decimal; list-style-position: outside; font-size: 120%;}*/
/*ul.linklist-noindent {margin: -0.3em 0px 0.5em 0px; padding: 0px; list-style-type: none; line-height: 1.2em; font-size: 120%; }*/
/*ul.linklist-indent {margin: -0.3em 0px 0.5em 0px; padding: 0px 0px 0px 10px; list-style-type: none; line-height: 1.2em; font-size: 120%; }*/

/* Tables */
.table {clear: left; empty-cells: show; border-collapse: collapse; }
.table tr {margin: 0px; padding: 0px;}
.table td {vertical-align:top; padding: 2px 7px 2px 7px; border-bottom: solid 1px #008688; text-align: left; font-size: 1em;}
.table th {margin: 0px; padding: 2px 7px 2px 7px; border: solid 1px rgb(150,150,150); empty-cells: show; text-align: left; font-size: 1em; 	}
.table-caption {margin: 0.5em 0px 1.0em 30px; padding: 0px; clear: both; text-align: left; font-size: 1em;}
.table.gray {
	color:#aaa;
}
.courstitle {
	font-weight: bold;
	color: #008688;
}
.grey {
	font-weight: normal;
	color: #aaa;
}


.user-textpic-pi1{
	clear:both;
	width:100%;	
}



.tx-vec-pi1-listrow {	
	float:left;
	background-color: #fff;	
	width:443px;	
}

.eventimage {
	float:left;
	padding-right:10px;
}
.eventcontent {
	float:left;
}

.content-text-left {}
.textpic-text {padding-bottom: 1em; clear:both; }
.content-image-left {float: left; margin-right: 7px; } 
.content-textpic-left {width: 100%; /*float: left;*/} 
.content-textpic-right{	/*width: 443px;*/ width:100%}
.content-image-legend {padding-bottom: .7em; padding-top: .25em; font-size: 85%; line-height: 120%; width: 100px;}
.category, .instrument-family {font-size: 100%; font-weight: bold; padding-bottom: 0.5em;padding-top: 1em;}


.content-imagetext-wrapper {clear:both; }
.content-image-right {width:100px; float:right; padding-left:10px;}
.content-image-left {width:100px; float:left; padding-right: 10px;}



/* suche */
#searchform {width: 150px;}
#searchfield { width:140px;}
/*#searchbotton{}*/


.mailerror {color: red;}

p.csc-caption {
	padding: 5px 0 0 0;
}

.courseitem{
	float:left;
	width:100%;
	padding:10px 0 5px 0;
	border-bottom: solid 1px #008688;
}
.courserow{
	clear:both;
	padding:0 0 18px  0;
	
}
.courselabel{
	float:left;
	width:80px;
	color: #aaa;
	font-weight: bold;
	
}
.coursevalue{
float:left;
width:70%;
color: #555;
font-weight: bold;

}

.coursevalue_normal{
float:left;
width:70%;
color: #555;
font-weight: normal;
}

.courseinfo{
float:left;
width:70%;
	color: #555;
	font-weight: normal;

}

.tx-wssitemap-pi1 .treemenudiv {}
.tx-wssitemap-pi1 .treemenudiv img {vertical-align: middle;border: none;}
.tx-wssitemap-pi1 .treemenudiv a {text-decoration: none;  color: #008688; }
.tx-wssitemap-pi1 .treemenudiv a:hover {color: #008688;}
.tx-wssitemap-pi1 .treemenudiv a span.treemenutext_act {color:#008688;}
.tx-wssitemap-pi1 .treemenudiv a span.treemenutext_actifsub {color:#008688; }	

/*mssc-fotogalerie */








.tx-msscfotogalerie-pi1{
     float:left;
     width:600px;
     
}

.fotoline {
    float:left;
    width: 600px;
    padding:0 0 10px 0;
    margin:0;
}

.fotowrapper{
    float:left;
    width:140px;
    padding-right:10px;
    margin:0;
    /*background-color:red;*/

}

.fotowrapper-right{
    float:right;
    width:140px;
    padding:0;
    margin:0;
    /*background-color:green;*/

}

.fotolegend-right{

}



.fotolegend{
   width:120px;    
    /*font-family:Arial, Helvetica, sans-serif;*/
    font-size:80%;
    padding:0;
    margin:0;
}

.fototitel{
   width:122px;    
    /*font-family:Arial, Helvetica, sans-serif;*/
    font-size:80%;
    padding:3px 0 0 0; 
    margin: 0;
    font-weight: bold;
/*background-color:#E0C5C5;*/
}

