* {
	transition-duration: 0.1s, 0.2s;
    transition-property: background-color, color;
    transition-timing-function: linear, ease-in;
}

body {
	margin: 0;
	padding: 0;
	background-color: #ffffff;
	font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
}


/* Basislayout */

.layout {
	width:900px;
	margin:10px auto 20px auto;
}

.clear {
	content: ".";  
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
* + html .clear { /* f�r IE7 */
    display: inline-block;
}
 
* html .clear { /* f�r IE6 */
	height: 1%;
}


.row {
	clear: both;
    float: left;
    width: 100%;
}

.row.layout_top, .row.header {
	margin-bottom:2px;
}

.column_left {
	float: left;
	width: 200px;
	padding: 0px;
	margin: 0px;
}

.column_right {
	display: block;
	margin: 0;
    padding: 0;
/*    margin-left: 202px;*/
	margin-left: 200px;
	border-left:2px solid #ffffff;
}


/* Obere Kante */
.layout_top  > .topc{
    background: url("../images/pfaden2.gif") repeat-x scroll left top #551285;
    height: 30px;
    vertical-align: top;
}

.layout_top  > .topr {
	height: 30px;
	background : #BFBFBF url(../images/pfade.gif) repeat-x top left;
	color: #FFFFFF;
    vertical-align: top;
}



/* Logo und Kopfgrafik */
.header {
}

.header > .header_logo {
	height: 80px;
	background-image: url(../images/logo.gif);
    background-position: right top;
    background-repeat: no-repeat;
}

.header > .header_logo  h1{
	color: #551285;
    font-size: 18px;
    font-weight: normal;
    margin: 45px 0 0;
    padding: 0;
	text-align:left;
	margin-right:4px;
}

.header > .header_image {
	height: 190px;
	background-image: url(../images/s2dlogo.jpg);
}


/* Hauptmenuepunkte */
.mainlinks {
	background: url("../images/pfadeg.gif") repeat-x scroll left top #F8F8F8;
    border-bottom: 2px solid #FFFFFF;
    height: 50px;
    text-align: right;
}

.mainlinks  a, .mainlinks  .delimiter 
{
	display: inline-block;
	color: #551285;
	text-decoration: none;
	padding: 0px 10px;
	height: 50px;
	line-height: 50px;
}


.mainlinks a:hover ,
.mainlinks a.current:hover{
	background: url("../images/pfade.gif") repeat-x scroll left top #BFBFBF;
    color: #FFFFFF;
}

.mainlinks a.current{
	background: url("../images/pfade.gif") repeat-x scroll left top #BFBFBF;
    color: #CCCCCC;
}

.mainlinks  .delimiter {
	color: #ffffff;
	padding: 0px;
}

.mainlinks  a.print, .mainlinks  a.print:hover {
	background:none;
}


/* Inhaltsbereich */

.content {
	background-color:#99ccff;
}



/* Inhalt links */

.content > .left {
	background : url("../images/pfaden.gif") repeat-x top left #99ccff;
/*	min-height:500px;*/
	height:100%;
	vertical-align: top;
}

.content ul.nav,
.content ul.nav ul.subtopics {
	list-style:none;
	margin:40px 0 0 0;
	padding:0;
}
.content ul.nav ul.subtopics {
	margin-top:0;
}

ul.nav > li.level1 > ul.subtopics {
	display:none;
}

ul.nav > li {
	margin-bottom:10px;
}

ul.nav  a.maintopic{
	display:block;
	padding: 5px 20px 5px 20px;
	background-color: #0080CA;
	text-decoration: none;
	font-size: 20px;
	font-family : Georgia, serif;
	font-weight: normal;
	letter-spacing: -1px;
	color: #ffffff;
}


/*
ul.nav > li a:before{
	content:"+ ";
}
ul.nav > li.current a:before{
	content:"- ";
}
*/
ul.nav  a.topic {
	display:block;
	padding: 0px 0px 6px 10px;
	margin: 6px 0px 6px 10px;
	border-bottom: 1px solid #1A2852;
	text-decoration: none;
	color: #551285;
}

/*ul.nav  a.maintopic:hover,*/
ul.nav a.topic:hover, 
ul.nav a.subtopic:hover {
	text-decoration: underline;
	color: #fff;
}
ul.nav a.maintopic:hover  {
	color: #1A2852;
}


ul.nav > li.level1.current > ul.subtopics {
	display:block;
}

ul.nav a.topic.current {
	/*font-weight:bolder;*/
}
ul.nav a.topic.current:before{
	content:"> ";
}



/*
ul.nav > li.level1:hover > ul.subtopics {
	display:block;
}*/

.left-menu-img {
	margin:10px 0px 0px 17px;
	padding-bottom:20px;
}

/* inhalt rechts */

.content > .right {
	/*width:800px;*/
	min-height:700px;
	vertical-align: top;
	background : #DCDCDC url(../images/pfade.gif) repeat-x top left;
}

.content > .right .right_content {
	margin:0;
	padding:20px 30px 20px 20px;
}

.right_content h2 
{
	color: #551285;
	background-color: #99ccff;
    font-family: Georgia,Palatino,"Times New Roman",serif;
    font-size: 30px;
    font-weight: normal;
	margin:20px -30px 10px -20px;
	padding:4px 20px 4px 20px;
}

.right_content .picture_right {
	float:right;
	margin:3px 3px 3px 9px;
}
.right_content .picture_left{
	float:left;
	margin:3px 9px 3px 3px;
}

/* flexbox */

.flexbox-wrapper*{
  box-sizing:border-box;
}
.flexbox-wrapper .flex-row {
  display: flex;
  flex-wrap: wrap;
  padding: 0 4px;
}
.flexbox-wrapper .flex-column {
  flex: 50%;
  max-width: 50%;
  padding: 0 2px 0 0;
}


/* Veranstaltungen */

li.event{
	list-style-type: none;
	padding-bottom:0.2em;
	background-color:#eeeeee;
	border-radius:4px;
	margin-bottom: 2.0em !important;
}

/*
li.event:nth-child(odd) {
	background-color:#eeeeee;
}
li.event:nth-child(even) {
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
}*/

li.event h4.event-heading{
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
	padding:0.4em 0.4em 0.4em 1.2em;
	background-color: rgba(255,255,255,1);
	color:rgb(85, 18, 133);
}

li.event div.event-content {
	padding-left:1.2em;
}

li.event p.event-times{
	font-style: italic;
}

li.event p.event-title{

}

li.event p.event-description{
	font-weight: lighter;
}



/* fusszeile */

.footer {
	height: 20px;
	margin-bottom:0px;
	clear: both;
	background: #ffffff url(../images/psdhw.gif) repeat-x top left;
	margin:0;
	padding:0;
}



/* grid-box */

.grid {
	display:inline-block;
	widht:100%;
}
.grid .grid-row {
	display:block;
	clear: both;
	margin-bottom:1.0em;
}
.grid .grid-row .grid-col {
	display:inline-block;
	overflow:hidden;
}