@charset "utf-8";
/* CSS Document */

body {
	font-family: "Trebuchet MS", Arial, Verdana;
	font-size: 12px;
	margin: 0;
	padding: 0;
	
	background-color:#999999;
	background-image:url(../images/bg_page.gif);
	background-repeat:no-repeat;
}

p, h1, h2, ul, li, form {
	margin: 0;
	padding: 0;
}

img {
	border:0;
}

.clear {
	clear:both;
}

a {
    text-decoration: none;
    color: #666666;
}

a:hover {
    font-weight: bold;
}

#page {
	width: 960px;
	height: auto;
	min-height:600px;
	border: solid red 0px;
	
	text-align:left;
}

.colspace {
	width:50px;
	height:auto;
	min-height:200px;
	float:left;
}

#left {
	/*background-color:#CCCCCC;*/
	width:148px;
	height:auto;
	min-height:200px;
	float:left;
	margin-top:0px;
	
	
}

#left .logo {

	width:150px;
	height:auto;
	padding-bottom:75px;
}

#left img {
border:#999999 solid 1px;
	
}


#left .top {
	width:150px;
	height:7px;
	
	background-image:url(../images/bg_mainnav_top.gif);
	background-repeat:no-repeat;
}

#left .middle {
	width:144px;
	height:auto;
	min-height:200px;

	/*background-image:url(../images/bg_mainnav_middle.gif);
	background-repeat:repeat-y;*/
	background-color:#CCCCCC;
	
	border:#ababab solid 3px;
	
}

/* Navigation */
#left ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	width:144px;
}
	
#left ul li {
	border-bottom: 1px solid #9C9A9C;
}
	
#left ul li a {
	border-left: 10px solid #FFCF31;
	display: block;
	padding-left: 10px;
	padding-right:5px;
	padding-bottom: 5px;
	padding-top:5px;
	color:#666666;
	text-decoration: none;
}

#left ul li a:hover {
	border-left: 10px solid #666666;
	border-right: 0px;
	color: #666666;
	font-weight: bold;
}

/* Hauptmenuepunkt aktiv */
#left .menue_blockA a {
	border-left: 10px solid #cccccc;
	background-color:#ffffff;
	font-weight: bold;
}


#left li ul       { font-size:12px; font-weight:normal; width:auto; min-width: 144px; border:#ababab solid 3px; display: none; position:absolute; left:0; top:1em; }
#left li > ul     { margin-left:130px; margin-top:-28px; left:auto; top:auto; background-color:#eeeeee; opacity: 0.95; filter: alpha(opacity=95); }
#left li:hover ul { display:block; height:auto; }



#left .bottom {
	width:150px;
	height:7px;

	background-image:url(../images/bg_mainnav_bottom.gif);
	background-repeat:no-repeat;
}

#left .mainnav {

}

#mid {
	background-color:#CCCCCC;
	width:510px;
	height:auto;
	min-height:200px;
	float:left;
	margin-top:34px;
}

#mid .top {
	width:510px;
	height:25px;
	
	background-image:url(../images/bg_content_top.gif);
	background-repeat:no-repeat;
}

#mid .middle {
	width:510px;
	height:auto;
	min-height:600px;

	background-image:url(../images/bg_content_middle.gif);
	background-repeat:repeat-y;
}

#mid .bottom {
	width:510px;
	height:25px;

	background-image:url(../images/bg_content_bottom.gif);
	background-repeat:no-repeat;
}

#mid .headline {
	width:auto;
	height:auto;
}

#mid h1 {
	font-size: 16px;
	font-weight:bold;
	color:#999999;
	padding: 0px 10px 10px 20px;
}

#mid .subheadl {
	width:508px;
	height:25px;
	background-color:#999999;
	
	border-left:#FFFFFF solid 1px;
}

#mid h2 {
	font-size: 13px;
	font-style:italic;
	color:#ffffff;
	padding: 3px 10px 10px 20px;
}

#mid .htmltext {
	width:auto;
	height:auto;
	line-height:150%;
	color:#333333;
	
	padding: 20px 20px 10px 20px;
}

#mid p {
	padding-bottom:15px;
}

#mid ul {
	padding:0px 50px 10px 40px;
	list-style-position:outside;
	list-style-type:square;
}

#mid .news th {
    width: 50%;
    font-size: 16px;
    color:#999999; 
    padding: 0px 0px 10px 0px;
}

#mid .news .thworkshops {
    border-left-color:#cccccc; 
    border-left-style:dashed; 
    border-left-width:1px; 
    padding: 0px 0px 10px 20px;
}

#mid .news .aktuelles {
    padding-right:10px;     
}

#mid .news .workshops {
    height: 440px;
    padding-left:20px; 
    border-left-color:#cccccc; 
    border-left-style:dashed; 
    border-left-width:1px; 
}

#mid .kurse table {
    width: 100%;
    border:#ccc 1px solid;    
    border-spacing: 1px;
}

#mid .kurse th {
	padding: 2px;
    background-color: #B1B1E4;
    color: #fff;
}

#mid .subnav {
	width:auto;
	height:auto;     
	line-height:150%;
	color:#999999;
	
	padding: 20px 20px 10px 20px;
}

#right {
	width:200px;
	height:auto;
	float:left;
	margin-top:70px;
}

#right .top {
	width:200px;
	height:21px;
	
	background-image:url(../images/bg_right_top.gif);
	background-repeat:no-repeat;
}

#right .middle {
	width:200px;
	height:auto;
	min-height:400px;

	background-image:url(../images/bg_right_middle.gif);
	background-repeat:repeat-y;
}


#right .headline {
	width:198px;
	height:25px;
	background-color:#AAAAAA;
	
	border-left:#FFFFFF solid 1px;
}

#right h1 {
	font-size: 12px;
	font-style:italic;
	color:#ffffff;
	padding: 4px 10px 10px 10px;
}

#right .htmltext {
	width:auto;
	height:auto;
	line-height:150%;
	color:#333333;
	
	padding: 20px 10px 20px 10px;
}

#right form {
	padding:0;
	margin:0;
	padding-bottom:10px;
}

#right label {
	display:block;
	text-align:left;
	float:left;
	width:55px;
	height:auto;
}

#right input {
	display:block;
	float:left;
	width:100px;
	height:auto;
}

#right .impressionen {
	width:198px;
	height:auto;
	
	text-align:center;
	padding: 10px 0px 10px 0px;
	
	/*border-left:#FFFFFF solid 1px;
	border-top:#FFFFFF solid 1px;*/
}

#right img {
	border: #FFCC00 solid 3px;
}


.tagList {overflow:hidden;font-size:12px; padding:5px 5px 5px 5px}

.tagList li {
display:-moz-inline-box;
display:inline-block;
vertical-align:middle;
}

* html .tagList li {display:inline;}
*+html .tagList li {display:inline;}

.tagList li a {
padding:0 .1em;
white-space:nowrap;
line-height:1em;
}

.level1 a{font-size:.75em; text-decoration: none;}
.level2 a{font-size:.833em; text-decoration: none;}
.level3 a{font-size:.917em; text-decoration: none;}
.level4 a{font-size:1em; text-decoration: none;}
.level5 a{font-size:1.083em; text-decoration: none;}
.level6 a{font-size:1.167em; text-decoration: none;}
.level7 a{font-size:1.25em; text-decoration: none;}
.level8 a{font-size:1.333em; text-decoration: none;}
.level9 a{font-size:1.417em; text-decoration: none;}
.level10 a{font-size:1.583em; text-decoration: none;}

.level1 a:hover, .level2 a:hover, .level3 a:hover, .level4 a:hover,
.level5 a:hover, .level6 a:hover, .level7 a:hover, .level8 a:hover,
.level9 a:hover, .level10 a:hover {
    font-weight: bold;
}



#right .bottom {
	width:200px;
	height:10px;

	background-image:url(../images/bg_right_bottom.gif);
	background-repeat:no-repeat;
}


/* Lightbox Styles
----------------------------------*/
#ui-lightbox-wrapper {
    display: none;
    position: absolute;
    width: 20em;
    height: auto;
}
#ui-lightbox-image {
    height: 10em;
    margin: 1em 0 0 0;
    background: url(ajax-loader.gif) no-repeat center center;
}
#ui-lightbox-image img{
    display: none;
}

/* Picture Styles
----------------------------------*/
.ui-state-hover {
    border: 0 !important;
    background-color: #fff !important;
    background-image: none !important;
}
 
#gallery {
    height: auto;
    width: auto;
}
#gallery img {
    border: #ccc solid 1px;
}
#gallery ul{
    height: auto;
    width: auto;
    margin: 0;
    padding: 0;
    display: block;
}
#gallery ul li{
    float: left;
    margin: 0px 10px 0px 0px;
    list-style-type:none;
}
#gallery ul li.last, a.last{
    margin: 0;
}