/* CSS RESET - v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}


/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Main Sections 
------------------------------------------------------------------------- */
* {
    margin: 0;
    padding: 0;
}

body {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 14px;
    text-align: left;
    color: #333;
    background: #fff;
}

#page {
    width: 960px;
    margin: 25px 0 0 27px;
    text-align: left;
    background: #fff;
}

#content {
    text-align: left;
    width: 749px;
    margin: 0px 0 0 192px;
    padding: 0;
    min-height: 400px;
    background: transparent url(images/bg_content.gif) repeat-y;
    padding: 0 0 40px 0;
}

#content_kolali {
    text-align: left;
    width: 749px;
    margin: 0px 0 0 192px;
    padding: 0;
    min-height: 400px;
    background: transparent url(images/bg_content.gif) repeat-y;
    padding: 0 0 40px 0;
}

.team {
	color: red;
	margin: 0px 0 0 0px;
	width: 373px;
}

.teamportraits {
	color: #f937d5;
	margin: 0px 0 0 316px;
	position: absolute;
	width: 373px;
	border: 2px solid #f937d5;
	top: 247px;
	background-color: #efebde;
	padding: 15px;
}

#content .post .teamportraits p{
	color: #f937d5;
}

#content .post .teamportraits td{
	color: #f937d5;
}

#content .post .teamportraits a:before
{
content: "\3E \ ";
}

li.teamaktiv a h2{
	color: #f937d5; 
}


/* Header 
------------------------------------------------------------------------- */

#header { 
	width: 960px;
	height: 29px;
    background: #fff url(images/header.gif) no-repeat;
    border: 0px solid blue;
}

#header_left
{
	float: left;
}

#header_right{
	margin: 0;
	padding: 0;
	width: 250px;
	height: 29px;
	float: right;
}

/* MAIN NAV */
#hauptnavigation{
	width: 960px;
	height: 174px;
	border: 0px solid pink;
}
/* TABELLE */
td {
	color:  #000;
	font-family: Verdana, Helvetica, sans-serif;
    font-size: 12px;
    height: 18px;
}


/* Post (main content entries)
------------------------------------------------------------------------- */
.post {
    margin: 0 0 0 0;
    padding: 23px 65px 0 100px;
    border-bottom: 0x solid green;
}

.post p{
    color: #000;
    font-size: 12px;
    line-height: 18px;
}

.post a{
	color: #f937d5;
	text-decoration: none;
}

/* Sidebar 
------------------------------------------------------------------------- */

#sidebar {
	float: left;
    margin: 23px 0px 0 0;
    padding: 0px 0 0 0;
	width: 190px;
	border: 0px solid red;

}

#sidebar ul li {
	padding: 0  0 21px 18px;
}

#sidebar ul li a{
	color: #b4b2a8;
	text-decoration: none;
}

#sidebar ul li.active a{
	color: #f937d5;
	text-decoration: none;
}

#sidebar ul li a:hover{
	color: #f937d5;
	text-decoration: none;
}

#sidebar ul li ul li{
	padding: 3px  0 0px 35px;
}

#sidebar ul li.active ul li a{
	color: #b4b2a8;
	text-decoration: none;
}

#sidebar ul li.active ul li a:hover{
	color: #f937d5;
	text-decoration: none;
}

#sidebar ul li.active ul li.active a{
	color: #f937d5;
	text-decoration: none;
}

/* HEADERS */

h1 {
	font-size: 18px;
	color: #f937d5;
	font-weight: bold;
	margin: 0 0 10px 0;
}

h2 {
	font-size: 24px;
	color: #c5c0ac;
	font-weight: bold;
	margin: 10px 0 0 0;
}

a:hover h2 {
	color: #f937d5;
}
/* Footer 
------------------------------------------------------------------------- */
#footer {
    margin: 0px 0 0 189px;
    padding: 0 0 0 0;
    width: 752px;
    height: 15px;
    background: transparent url(images/bg_footer.gif) no-repeat;
}

#goTop {
    margin: 0px 0 0 192px;
    padding: 0 0 30px 0;
    width: 749px;
    background: transparent url(images/bg_content.gif) repeat-y;
    text-align: right;
}

#goTop a{
	font-size: 12px;
    color: #b4b2a8;
    padding: 0 60px 0px 0;
}

#goTop a:hover{
	font-size: 12px;
    color: #f937d5;
    padding: 0 60px 0 0;
}

/* KONTAKTFORMULAR */
#kontaktForm {
 width: 300px;
 margin-left: 280px;
}

/* KURSANMELDUNG */
#kursForm {
 width: 100%;
 
}

.anmeldungAbsatz{
	width: 100%;
}

.anmeldungLeft{
	width: 300px;
}

.anmeldungRight{
	width: 100%;
	padding: 0px 0 20px 0;
}

.anmeldungRight p{
	padding: 0px 0 20px 0;
}

.anmeldungLeft {
	padding: 0 0 5px 0;
}

/* Post KONTAKT (main content entries)
------------------------------------------------------------------------- */
.postKontakt {
    margin: 0 0 0 0;
    padding: 23px 65px 0 100px;
    border-bottom: 0px solid green; 
}

.postKontakt p{
    color: #000;
    font-size: 12px;
    line-height: 18px;
    float: left;
}

.postKontakt a{
	color: #f937d5;
	text-decoration: none;
}

.kontaktLeft {
	padding: 10px 0 2px 0;
}

/* GALLERIE */

a.gallery_overview {
	float:  left;
	color: #b4b2a8;
}

a.gallery_overview:hover{
	float:  left;
	color: #f937d5;
}

a.gallery_next{
	color: #b4b2a8;
}

a.gallery_next:hover{
	text-align: right;
	color: #f937d5;
}

span.last {
	text-align: right;
	color: #b4b2a8;
}

p.navigation{
	text-align: right;
	margin: 0 0 5px 0;
	padding: 0;
	width: 600px;
}

img.jahresplan {
	width: 550px;
	height: auto;
}

h1.drag{
	cursor: move;
	margin: 10px 15px 10px 15px;
}

.aktuellTextBlock a:hover{
	color: #f937d5;
}

.aktuellTextBlock a{
	color: #b4b2a8;
}

p.aktuellTextBlock {
	line-height: 14px;
}

.multibox.draggable p{
overflow: hidden;
}

p span.codedirection
{ unicode-bidi:bidi-override; direction: rtl; }

/* Multibox */
.multibox {
	position: absolute;
	border: 1px solid #000;
	overflow: auto;
	padding: 2px;
	cursor:move;
}
.multibox h1{
	font-size: 22px;
	font-weight: bold;
}

/* Cols */
#colgroupContainer{
    position: absolute;
    /*overflow: hidden;*/
    width: 700px;
    left: 250px;
    /*margin-left:207px;
    margin-left:0px;*/
}
.colgroup{
	width: 140px;
	float: left;
	margin: 0px;
	margin-right: 25px;
	padding: 0px;
	font-size:11px;
}


.colTitle, .colImages, .colData{
	clear: both;
	float: left;
	display: block;
	width: 100%;
}

.colTitle, .colData{
	border-left: 1px solid #00b0d5;
    border-right: 1px solid #00b0d5;
	padding: 5px;
}
.colTitle{
	font-weight: bold;
}
.colhead{
	margin-top: 5px;
}
.coltop{
    margin-top: 5px;
}

.colgroup a,.colgroup a:link,.colgroup a:visited{
    color: #000000 !important;
    text-decoration: none !important;
}
.colgroup a:hover,.colgroup a:active {
    color: #a69f5e !important;
}

.colImages{
	overflow: hidden;	
    background-color: #a69f5e;
    padding: 5px;
    width: 152px;
    margin-top: 15px;
    padding: 0px;
}
.colImages img {
	float: left;
    display: block;
}

.colPopEvent:hover{
    cursor: pointer;
}

.colToggleTarget{
    display: none;
}

.colEvent,.colmain{
    position: absolute;
    border: 1px solid #000;
    background-color: #a69f5e;
    font-size: 13px !important;
    font-weight: normal;
    line-height: 120%;
    overflow: auto;
    width: 250px;
    padding: 12px 10px 22px 10px;
}
.colmain{
    position: absolute;
    top: 83px;
    left: 675px;
    width: 250px;
}
.col0{
    left: 120px;
    margin-top: -20px;
}
.col1{
    left: 260px;
    margin-top: -20px;
}
.col2{
    left: 70px;
    margin-top: -20px;
}
.col3{
    left: 250px;
    margin-top: -20px;
}
.col4{

}
/* teamlist */

#teamlist{
	z-index: 100;
    font-family: Arial, Helvetica, verdana, sans-serif;
}
#teamlist a {
    z-index: 100;
    font-family: Arial, Helvetica, verdana, sans-serif;
}
#teamlist div.teamNameLink{
    z-index: 100;
    font-size: 32px;
    font-family: Arial, Helvetica, verdana, sans-serif;
    
}
#teamlist div.teamNameLink:hover{
    color: #a69f5e;
    cursor: pointer;
    
}

#teamlist ul li{
	font-size: 32px;
	font-weight: bold;
	list-style: none;
	
}
#teamlist ul li a, #teamlist ul li a:link, #teamlist ul li a:visited{
	text-decoration: none;
	color: #000000;
	font-family: Arial, Helvetica, verdana, sans-serif;
}

#teamlist ul li a:hover, #teamlist ul li a:active{
	color: #a69f5e;
}

#teamlist ul li a.selected{
    color: #a69f5e;
}

.teamImg,.teamText{
    display: none;
    /*visibility: hidden;*/
    font-size: 13px;
}
.teamImg{
    position: absolute;
    z-index: 501;
    margin-left: -30px;
    width:140px;
    height:auto;
    background-color: transparent !important;
}

.teamImg img{
    border: 1px solid #000;
}
.teamIMGtop{
    margin-top: -230px;
}
.teamText{
    position: absolute;
    top: 96px;
    left: 600px;
    width:400px;
    height:480px;
    z-index: 500;
    padding: 10px 10px 30px 10px;
    border: 1px solid #000;
    background-color: #fff;
    overflow: auto;
}

.show{
    display: inline;
    /*visibility: visible;*/
    
}

.hide{
    display: none;
    /*visibility: hidden;*/
}


.teamText a{
	font-family: Courier,Andale Mono,monospace !important;
	text-decoration: none;
}

#teamlist .teamText,#teamlist .teamText ul li{
    font-size: 13px !important;
    font-weight: normal;
    line-height: 120%;
    font-family: Courier,Andale Mono,monospace;
    
}
#teamlist .teamText .forceScrollV {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 1px;
	height: 550px;
	
}

.boxHandle{
	position: relative;
	top:20px;
	border: 0px;
	margin: 0px;
	display: block;
	height: 20px;
	background-color: #800;
	text-align: right;
}

.boxLink {
	/*border: 1px solid #800;*/
}

.boxCaption{
	padding: 8px;
	line-height: 130%;
	font-family: Courier,Andale Mono,monospace;
	border-top: 1px solid #000;
	background-color: transparent !important;
}

/* linklist layout */
#listcontainer{
	position: absolute;
	/*width: 400px !important;*/
    width: 600px !important;
	/*height: 500px;*/
	/*border: 1px solid #000;*/
	left:250px;
	top: 96px;
	font-size:13px;
	line-height: 1.1;
	/*overflow: auto;*/
	padding: 0px;
    /*font-family: Arial, Helvetica, verdana, sans-serif;*/
}
#listcontainer .linklist{
    display: block;
    clear: both;
    float: left;
    width: 350px;
    margin: 0px;
    padding: 0px 0px 0px 14px;
    /*font-family: Courier,Andale Mono, monospace;*/
}

.linklist a{
    display: block;
    padding-bottom: 5px;
    text-decoration: none;
    /*font-family: Courier,Andale Mono, monospace !important;*/
}
.linklist a:hover{
	color: #a69f5e !important;
}

#listcontainer .lecturebox,#listcontainer .videobox{
    padding: 10px;
    /*padding-right: 30px;*/
    display: block;
    clear: both;
    /*float: left;*/
    width: 360px;
}


#listcontainer .lecture{
    padding: 0;
    margin: 0;
    border-bottom: 1px solid #000;
}

#listcontainer .lecturedate,#listcontainer .videodate{
    font-weight: bold;
    font-size: 13px;
    padding-bottom: 10px;
}
#listcontainer .lectureContent,#listcontainer .videoContent{
    padding-bottom: 10px;
    font-family: Courier,Andale Mono, monospace;
}

#listcontainer .lectureTitle,#listcontainer .videoTitle{
    font-size: 15px;
    font-weight: bold;
    padding-bottom: 10px;
}
#listcontainer .lectureFooter{
    display: block;
    padding-bottom: 10px;
    font-family: Courier,Andale Mono, monospace;
}
#listcontainer .lectureFooter .lectureLocation{
    
}
#listcontainer .lectureLocation a{
    padding-left: 20px;
    text-decoration: none;
}
#listcontainer .closeup, #listcontainer .lecture{
    display: block;
    float:left;
    border-bottom: 1px solid #000;
    padding-bottom: 6px;
    padding-top: 6px;
    width: 358px;
}
.videoFooter a{
    font-family: Courier,Andale Mono, monospace;
    font-weight: bold !important;
}

.videoimg{
    float: left;
    padding-bottom: 10px;
}
.videoimg .imgBox{
    margin: 0px;
    padding:0px;
    border: 1px solid #000;
    width: 90px;
    height: 74px;
    overflow: hidden;
}
.videotextbox{
    width: 240px;
    padding-left: 20px;
    float: left;
}
#closeupBoxTitle, #textBoxTitle, #lectureBoxTitle{
    margin: 10px 10px 0px 10px;
    border-bottom: 2px solid #000;
    width: 358px;
}
#closeupBoxTitle h1,#textBoxTitle h1,#lectureBoxTitle h1{
    padding-bottom: 10px;
}
#textBoxTitle{
    border: 0;
}

.textTitle{
    padding: 20px 10px 3px 10px;
}
.textContent{
    padding: 3px 10px 10px 10px;
    font-family: Courier,Andale Mono, monospace;
}

a,a:link,a:visited{
    color: #666;
}
a:hover,a:active{
    color: #a69f5e;
}  


#debugoutput{
	z-index: 9999;
	position: absolute;
	top: 700px;
	left: 60px;
	border: 1px solid #800;
	padding: 5px;
}

.draggable{
    cursor: move;
    position: absolute;
}

#myPanel{
    background-color: #999;
    position: absolute;
}

#navbox ul li a, #navbox ul li a:hover, #navbox ul li a:active, #navbox ul li a:link{
	font-family: Arial, Helvetica, verdana, sans-serif;
	text-decoration: none;
}

p.aktuellTextBlock {
	margin: 0 0px 0 15px;
	font-size: 12px;
	padding-right: 15px;
}

h1.aktuellTextBlock {
	margin: 10px 15px 10px 15px;
}

.aktuellTextBlock {
	padding: 0px;
	margin: 0px;
	overflow: hidden;
}

#contbox.draggable{
	cursor:move;
}

/* @override http://digitalemedien.ch/kswetzikon/assets/snippets/maxigallery/css/default.css */

ul.thumbs li {
	list-style: 		none;
	display: 			block;
	list-style-image: 	none !important;
	float: left;
}
ul.thumbs {
	list-style: 		none;
	margin: 			0;
	padding: 			0;
	height: 0px;
	display: block;
}

ul.thumbs li img {
	border:				none;
	margin:				10px 10px 0px 0px !important;
}
ul.thumbs li a {
	background:			none !important;
	text-decoration:	none;
	border: 			0;
}

.thumbs .clearboth { 
	
}
.childscontainer {
	margin-bottom:		20px;
	float:				left;
}
.thumbscontainer {
	margin-bottom:		20px;

}
.pagenumbers {
	margin-bottom:		20px;
}
.picturecontainer {
	text-align:			center;
}
.picturecontainer .title {
	font-weight:		bold;
	margin-top:			20px;
}
.picturecontainer .picture img {
	border:				none;
	margin:				0 !important;
}
.picturecontainer .picture a {
	background:			none !important;
	text-decoration:	none;
	border: 			0;
}
.managecontainer {
    
}
.managecontainer textarea {
	width:				395px;
}
.managecontainer hr {
	width:				400px;
	text-align: 		left;
	margin: 			20px auto 20px 0;
}
.pictureform .managepicture {
	float:				left;
	clear:				left;
}
.pictureform .shortfields {
	margin-left: 		20px;
	float:				left;
}
.pictureform .clearboth {
	clear:				both;
}
.uploadcounter {
	width: 				20px;
	margin-bottom: 		10px;
	float:				left;
	clear:				left;
}
.uploadfile {
	margin-bottom: 		10px;
	float:          	none;
}
.uploadfile input {
	width:				385px;	
}
.uploadform {
	margin-top:			20px;
	margin-bottom:		-10px;
   	clear: 				both;
}
.uploadform .clearboth {
	clear:				both;
}
.slideshowwrapper {
	text-align:			center;
}
.deleteform {
	float:				left;
}
.synchform {
	float:				left;
}