/* CSS-Styles */
/* ----- LAYOUT ----------------------------------------------------------------------------------------------------------------------------------- */

body { margin: 0; padding: 0; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
			color: #323232; font-size: 11px; background: #7c9ad0 url(/images/body.png) center 170px repeat-x; }

a {text-decoration: none; color: #000;}
a:hover { color: #f00; text-decoration: none; }
div.clear { clear: both; }

div#mainframe {width: 1008px; height: auto; margin: 0 auto; padding: 0; }

div#top1 { width: 1008px; height:128px; margin: 0; padding: 0; }

div#topmenu { width: 1008px; height:42px; margin: 0; padding: 0; background: transparent url(/images/topmenu.png) no-repeat; }
div#topmenu ul.menutop { margin:12px 0 0 10px; padding:0; float:left; }
div#topmenu ul.menutop > li { list-style:none; height: 20px;  float:left; margin:0; padding: 0;  }
div#topmenu ul.menutop > li a { padding: 0 8px; color: #1f3b7e; line-height: 20px;}
div#topmenu ul.menutop > li a:hover { color: #f00; text-decoration: none; }
div#topmenu ul.menutop > li.active a { color: #000; }

div#topmenu div.lang { margin:5px 10px 0 0; padding:0; float:right; }
div#topmenu div.lang img { width: 40px; height: 30px; margin:0 3px; border:2px solid #f00; }
div#topmenu div.lang a { margin:0 3px; }
div#topmenu div.lang a img { margin:2px; border:none; }

/* #menu ------------------------------------------------------------- */

div#menu { margin: 0; padding: 0; width:1008px; height:40px; background-color: #203a7d; }
div#menu ul.menu {float:left; height: 40px;}
div#menu ul { margin:0; padding:0; }
div#menu ul li { list-style:none; height: 40px;  float:left; margin:0 5px; padding: 0; cursor:pointer; }
div#menu ul li a { padding: 0 10px; color: #fff; line-height: 40px;}
div#menu ul li:hover {  }
div#menu ul li a:hover, div#menu ul > li:hover > a { color: #f00; text-decoration: none; }
div#menu ul li.active { background-color: #9faac7; }

div#menu ul li ul { position:absolute; z-index:55; display:none; margin:0 0 0 -5px; padding:0 0 20px 0; background: transparent url(/images/menu1.png) repeat; }
div#menu ul li ul li { height: 25px; }
div#menu ul li ul li a { line-height: 25px; }
div#menu ul > li:hover ul { display:block; }

div#menu ul li ul li { float:none; }

/* #main ------------------------------------------------------------- */

/*div#main {width: 1008px; height: auto; min-height: 460px; margin: 0; padding: 0; background: transparent url(/images/main.png) left top repeat-y; }*/
div#main {width: 1008px; height: auto; min-height: 460px; margin: 0; padding: 0; background: transparent url(/images/main1.png) left top repeat-y; }

div#bottom {width: 1008px; height: auto; min-height: 10px; margin: 0 0 10px 0; padding: 10px 10px 20px 10px; background: transparent url(/images/bottom1.png) left bottom no-repeat; }

div#bottom div.txt { border: 1px dotted #4e6aa6; margin: 0; padding: 6px 15px; width: 170px; height: auto; color: #4e6aa6; }




div#main div#mainwindow { float: left; margin: 0 0 0 1px; padding: 0; width: 502px; height: auto; min-height: 460px; }
div#main div#sideleft { float: left; margin: 0 0 0 2px; padding: 0; width: 220px; height: auto; min-height: 460px; }
div#main div#sideright { float: right; margin: 0 0 0 0; padding: 0; width: 281px; height: auto; min-height: 460px; }


div#main div.side { min-height: 50px; margin: 0; padding: 0; background: transparent url(/images/bgside.png) bottom right no-repeat; }
div#main div.side > h2 { background-color: #7C9AD0; color: #FFFFFF; font-size: 12px; font-weight: normal; margin: 10px 10px 0 10px; padding: 10px 0; text-align: center; }
div#main div.side > h2 { border-left: 1px solid #08427d; border-right: 1px solid #08427d; border-top: 1px solid #08427d; }
div#main div.side > div.txt { margin: 0 10px 10px 10px; padding: 5px 10px 0 10px; background: transparent none no-repeat; }
div#main div.side > div.txt { border-left: 1px solid #08427d; border-right: 1px solid #08427d; border-bottom: 1px solid #08427d; }
div#main div.side > div.txt p {margin: 0 0 5px 0;}

div#main div.side > div.txt.pic { padding: 0; }
div#main div.side > div.txt.lin { border-top:1px solid #08427d; }
div#main div.side > div.txt > a.nav { display:block; text-align:right; color: #000; }
div#main div.side > div.txt > a.nav:hover { color: #f00; }
div#main div.side > div.sbot { height: 2px; }

div#main div#sideleft div.side { width: 220px; }
div#main div#sideright div.side { width: 280px; }


div#main div.side.webcam > h2 { margin:0 0 0 -1px; border:none; line-height: 20px; }
div#main div.side.webcam > a.webcam {display: block; width: 281px; height: 158px; margin:0 0 0 -1px; }
div#main div.side.webcam > a.webcam img {width: 281px; height: 158px; margin: 0; }
div#main div.side.webcam > h3 { line-height: 32px; background-color: #7C9AD0; color: #FFFFFF; font-size: 12px; font-weight: normal; margin:0 0 0 -1px; padding: 10px 0; text-align: center; }
/* #main ------------------------------------------------------------------- */

div.txt table td.tdtxt {padding-left: 3px;}
div.txt table td.tdtxt {padding-right: 3px;}

/* ------------------------------------------------------------------- */
div#bhl {margin: 0 0 10px 1000px; width: 100px; height: 20px; line-height: 20px; color: #7e282c; }
div#bhl a { color: #7e282c; }
/* ------------------------------------------------------------------- */

div#mainwindow p { margin: 0; }


div#mainwindow h1 {font-weight: normal; font-size: 17px; margin: 0 0 14px 0; line-height: 22px; color:#08427d; text-decoration: none; }
div#mainwindow h1 b, div#mainwindow h1 em {font-weight: normal; font-size: 25px; font-style:normal; }
div#mainwindow h2 {font-weight: normal; font-size: 15px; margin: 0 0 11px 0; line-height: 20px; color:#08427d; text-decoration: none;}
div#mainwindow h2 b, div#mainwindow h2 em {font-weight: normal; font-size: 23px; font-style:normal; }
div#mainwindow h3 {font-weight: normal; font-size: 13px; margin: 0 0 8px 0; line-height: 18px; color:#08427d; text-decoration: none;}
div#mainwindow h3 b, div#mainwindow h3 em {font-weight: normal; font-size: 20px; font-style:normal; }

div#mainwindow div { text-align:justify;  }

div#mainwindow div.scontent { padding: 0 10px; }

/* -------------- TEMPLATES ---------------------------------------------------------------*/

div#mainwindow div.main { }
div#mainwindow div.main h1 { margin: 10px 10px 0 10px; }
div#mainwindow div.main div.txt { margin: 10px; }



div.GALY {margin: 0; padding:0; }
div.GALY div#img0 {margin: 0; width: 502px; height: 250px; overflow:hidden; background: transparent url(/images/bgimg.png) no-repeat;}
div.GALY div#img0 img.img0 {margin: -3px 0 0; position: absolute;}
div.GALY div#img0 div { position: relative; top:-30px; display:none; margin: 0; padding: 0 10px; height: 30px; background-color: #fff; color: #e1001a; font-size: 14px; line-height: 30px; }
div.GALY div.dyn { margin: 5px 0 0 0; padding: 1px; width: 500px; height:80px; overflow: hidden; background-color: #aaa; border-top: 1px solid #344392; border-bottom: 1px solid #344392;  }
div.GALY div.dyn ul { margin: 0; padding: 0; margin: 0; list-style: none; height: 80px; }
div.GALY div.dyn li { display: block; float: left; height: 80px; width: auto; margin-left: 1px; }
div.GALY div.dyn li img { border:none;width: auto; height: 80px; }
div.GALY div.dyn li a span { display: none; }
div.GALY div.dyn a { display: block; text-decoration: none; }
div.GALY div.dyn a:hover img { filter:alpha(opacity=50); opacity: 0.5; }
div.GALY div.content { margin: 10px; }



div#mainwindow div.KDYN { }
div#mainwindow div.KDYN h1 { }
div#mainwindow div.KDYN div.k1 { padding: 0 10px; margin: 0 80px 10px 0; }
div#mainwindow div.KDYN div.pn { margin: 0 auto; padding: 0; width: 460px; height: 20px; }
div#mainwindow div.KDYN div.k2 { padding: 0 10px; margin: 5px 0 7px 0; }
div#mainwindow div.KDYN div.dyn { margin: 0 10px; width: 480px; height:250px; overflow: hidden;}
div#mainwindow div.KDYN div.dyn ul { margin: 0; padding: 0; margin: 0; list-style: none; height: 250px; }
div#mainwindow div.KDYN div.dyn li { display: block; float: left; height: 250px; width: auto; }
div#mainwindow div.KDYN div.dyn a { display: block; text-decoration: none; }

div#mainwindow div.KDYN div.dyn a img {border:none; height: 250px; width: auto; }
div#mainwindow div.KDYN div.dyn a span {display:none; height: 18px; line-height: 18px; margin: -18px 0 0 0; color: #000; text-align: center; background-color: #ccc; filter:alpha(opacity=60); opacity: 0.6; }

div#mainwindow div.KDYN div.dyn a:hover img { filter:alpha(opacity=50); opacity: 0.5; }
div#mainwindow div.KDYN div.dyn a:hover span {display:block; }

div#mainwindow div.KDYN div.pn a { display:block; cursor:pointer; font-size: 18px; width: 18px; line-height: 20px; text-align:center; color: #000052; }
div#mainwindow div.KDYN div.pn a:hover { text-decoration:none; color: #000083; }
div#mainwindow div.KDYN a.dynprev { float:left; }
div#mainwindow div.KDYN a.dynnext { float: right; }
/* ------------------------------------------------------------------- */

div#mainwindow div.main1 { width: 270px;float:left; margin: 0 0 0 0; padding:0 }
div#mainwindow div.main2 { width: 270px;float:left; margin: 0 0 0 10px; padding:0}
div#mainwindow div.main3 { width: 200px;float:right; margin: 40px 0 0 0; padding:0}
div#mainwindow div p {margin: 0 0 20px 0;padding:0;}
div#mainwindow div.main3 a img { margin-bottom: 1px; }
div#mainwindow div.main3 a img {border: 1px solid black; opacity: 0.7; filter: alpha(opacity=70);}
div#mainwindow div.main3 a:hover img {opacity: 1; filter: none;}
/* ------------------------------------------------------------------- */

div#mainwindow div.normal1 { width: 450px; float:left; margin: 0; }
div#mainwindow div.normal1 p { margin: 0 0 20px 0; }
div#mainwindow div.normal2 { width: 300px; float:right; margin: 0; }
div#mainwindow div.normal1 h1 {  }
div#mainwindow div.normal1 div.nav { width: 80px; margin: 0; float:left; }

/* ------------------------------------------------------------------- */
div#mainwindow div.normalbilder1 { width: 450px; float:left; margin: 30px 0 10px 0; padding:0 }
div#mainwindow div.normalbilder1 p { margin: 0 0 20px 0; }
div#mainwindow div.normalbilder2 { width: 300px;float:right; margin: 30px 0 10px 0; padding:0; }
div#mainwindow div.normalbilder2 a img { float:left; border: 1px solid #d6d7d3;opacity: 0.7; filter: alpha(opacity=70); }
div#mainwindow div.normalbilder2 a:hover img { opacity: 1; filter: none; }
/* ------------------------------------------------------------------- */

div#mainwindow div.tbdyn1 { margin: 0; width: 450px; min-height: 400px; float: left; }
div#mainwindow div.tbdyn2 { margin: 0;  width: 300px; float: right; }
div#mainwindow div.tbdyn3 { margin: 10px 0 0 0;  width: 300px; height: 100px; float: right; }
div#mainwindow div.tbdyn3 ul { margin: 0; display: block; height: 100px; padding: 0; margin: 0; list-style: none; }
div#mainwindow div.tbdyn3 li { display: block; float: left; padding: 0 6px 0 0; }
div#mainwindow div.tbdyn3 a { display: block; text-decoration: none; }
div#mainwindow div.tbdyn3 a img {}
div#mainwindow div.tbdyn3 a:hover img { filter:alpha(opacity=50); opacity: 0.5; }

/* ------------------------------------------------------------------- */

div#mainwindow div#news_left {width: 210px;float:left;}
div#mainwindow div#news_left img {border:none;float:right;margin: 0 10px;}
div#mainwindow div#news_left p {margin: 0;}
div#mainwindow div#news_left div.news {border: 1px dotted #ccc;margin: 0 0 10px 0;padding: 5px;}
div#mainwindow div#news_left div.news h2 {margin: 0; }
div#mainwindow div#news_left div.news a.link {float:right;}
div#mainwindow div#news_left div.actual {border: 1px solid #783487;}
div#mainwindow div#news_left div.actual a.link {display:none;}

div#mainwindow div#news_main {margin: 0; padding: 5px; }
div#mainwindow div#news_main img {border:none;}



div#mainwindow div#news_short table.news { border-collapse: collapse; margin: 2px 0 5px 0; }
div#mainwindow div#news_short table.news td { margin: 2px; padding: 8px; }
div#mainwindow div#news_short table.news tr.tr1 td { background-color: #cccccc; color: #08427d; font-weight: bold; }
div#mainwindow div#news_short table.news tr.tr1 td.p1 { background-color: transparent;  }
div#mainwindow div#news_short table.news td.tdtxt { background-color: #cbd4e4; }
div#mainwindow div#news_short table.news td.tdimg { padding:0; }

/* -------------- FORMS ---------------------------------------------------------------------*/
form { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
div#mainwindow input, div#mainwindow textarea { border: 1px solid black;  }
form#feedback input {margin: 2px;}
form#feedback select {border: 1px solid black;}
/* -----------------------------------------------------------------------------------*/

/* ---- FLOATBOX -------------------------------------------------------------------------------------*/
div#infobox {padding: 10px; }

/******************************************************************************************************************************************************
*******************************************************************************************************************************************************/

div#galerie { padding: 0; }
div#galerie div.pic { width: 110px; height: 110px; padding: 0; margin: 7px; border: 1px dotted #783487; float: left; }
div#galerie div.pic a img { margin: 5px; }
div#galerie div.pic a:hover img { filter:alpha(opacity=50); opacity: 0.5; }


div#pGalerie {}
div#pGalerie div { float:left; width: 150px; height: 270px;margin:20px; padding: 5px; text-align:center;
				border: 1px dotted #000052; }

div#pGalerie div.cl { float:none; width: auto; height: auto; margin:0; padding: 0; border: none; clear:both; }

/* ---- VERANSTALTUNGEN / SEMINARE / EVENTS ----------------------------------------------------------*/

div#news { }
div#news div.side { width: 253px; height: auto; margin: 0 0 10px 3px; }
div#news div.side a h3 { background: transparent url(/images/news1.png) top left no-repeat; font-size: 12px; color: #fff;
				font-weight: bold; margin: 0 0 0 -1px; padding: 3px 2px 3px 4px; }
div#news div.side a.info { background: #fff none;  display:block; margin: 0; padding: 2px; color: #000; border: 1px solid #344392; }
div#news div.side a.info p { margin: 0 3px; }
div#news div.sidei a.info img { border:none; }
div#news div.side a.date { display:block; margin: 0 15px 10px 15px; background-color: #007c30; color: #fff; line-height: 18px; }
div#news div.side:hover a.info {border: 2px dotted #344392; padding: 1px; background: #fee none; }

div#news div.scontent h1 { background: transparent url(/images/news1.png) top left no-repeat; font-size: 12px; color: #fff; font-weight: bold; margin: 0 0 0 0; padding: 3px 2px 3px 4px; }
div#news div.img img { border: 1px solid #fff; }

div#mainwindow ul.events { list-style:none; margin:0; padding:0; }
div#mainwindow ul.events li { width: 777px; height: 400px; }
div#mainwindow ul.events li div.img { width: 290px; height: 390px; margin: 5px; float:left; text-align:center; }
div#mainwindow ul.events li h2 { display:block; float:right; width: 390px; text-align: center; font-size: 15px; color: #344392;
		font-weight: bold; margin: 10px 80px 10px 0; }
div#mainwindow ul.events li div.info { float:right; width: 390px; margin: 0 80px 0 0; color: #000; }
div#mainwindow ul.events li div.date { float:right; width: 390px; margin: 0 80px 0 0; background-color: #eee; color: #344392; line-height: 30px; text-align: center; }
div#mainwindow ul.events li div.text { float:right; width: 390px; margin: 10px 80px 10px 0; color: #000; }

div#mainwindow div.carousel_pn { margin: 10px 0 10px 0; }
div#mainwindow div.carousel_pn a { display:block; cursor:pointer; font-size: 20px; width: 22px; line-height: 22px; text-align:center; color: #cccccb; }
div#mainwindow div.carousel_pn a.dynprev { float:left; }
div#mainwindow div.carousel_pn a.dynnext { float: right; }
div#mainwindow div.carousel_pn a.dyns { font-size: 12px; width: 200px; margin: 20px auto; }
div#mainwindow div.carousel_pn a:hover { text-decoration:none; color: #344392; }

div#mainwindow table.cal { margin:0 auto; padding: 0; border-collapse:collapse; }
div#mainwindow table.cal th { border: 1px solid #aaa; padding:0 4px; }
div#mainwindow table.cal td { font-size: 11px; padding: 0; text-align:center; border: 1px dotted #aaa;  }
div#mainwindow table.cal td.sat { background-color: #99e3b5; }
div#mainwindow table.cal td.sun { background-color: #86c8a0; }
div#mainwindow table.cal td.event { background-color: #da2d3a; color: #fff; cursor: pointer; font-weight: bolder; }
div#mainwindow table.cal td b { font-style:italic; font-weight: 900; }



div#galerie_dyn {margin: 5px 0 0 3px;}
div#galerie_dyn div.clear {float:none; clear:both;}
div#galerie_dyn h1 {color: #800000; margin: 5px 0; font-size:11pt; text-align:center; }
div#galerie_dyn div.gal1 { width: 228px; height: 200px; margin: 5px 4px; float:left; background-color: #7C9AD0; }
div#galerie_dyn div.gal1 h2 { color: #ddd; margin: 3px; font-size:14px; height: 60px; text-align:center; }
div#galerie_dyn div.gal1 a:hover h2 { color: #fff;  }
div#galerie_dyn div.gal1 a { color: #007c30; text-decoration:none; }
div#galerie_dyn div.gal1 a:hover { color: #e1001a; text-decoration:none; }
div#galerie_dyn div.gal1 div.gal1pics {margin:0;padding:0;}
div#galerie_dyn div.gal1 div.gal1pics img {border:none;float:left;}
div#galerie_dyn div.gal1 div.gal1table {}
div#galerie_dyn div.gal1 div.gal1table a.t1 {float:left;}
div#galerie_dyn div.gal1 div.gal1table a.t2 {float:right;}
div#galerie_dyn div.gal1 div.gal1table a img {border:none;filter:alpha(opacity=80); opacity: 0.8;}
div#galerie_dyn div.gal1 div.gal1table a:hover img {filter:none; opacity: 1;}

div#galerie_dyn div.gal1 ul { padding: 0; margin: 10px; }
div#galerie_dyn div.gal1 ul li {margin-left:10px;color: #ddd;}
div#galerie_dyn div.gal1 ul li a {color: #ddd;}
div#galerie_dyn div.gal1 ul li a:hover {color: #fff;}

div#galerie_dyn div.gal2 a { margin: 2px 5px; line-height: 20px; color: #800000; text-decoration:none; font-size: 8pt; }
div#galerie_dyn div.gal2 a.home { font-weight:bold; }
div#galerie_dyn div.gal2 b { margin: 2px 5px; line-height: 20px; color: #800000; text-decoration:none; font-size: 8pt; font-weight:bold; }
div#galerie_dyn div.gal2 a.active { font-style:italic; font-size: 10pt; }
div#galerie_dyn div.gal2 a:hover {color: #800000; text-decoration:none;}

div#galerie_dyn div.l {margin: 0; padding-top:1px; background-color: #ffffff; }

div#galerie_dyn div.l div.dyn { margin: 6px 0 0 -3px; padding: 1px 0; width: 502px; height:80px; overflow: hidden; background-color: #aaa; }
div#galerie_dyn div.l div.dyn ul { margin: 0; padding: 0; margin: 0; list-style: none; height: 80px; }
div#galerie_dyn div.l div.dyn li { display: block; float: left; height: 80px; width: auto; margin-left: 1px; }
div#galerie_dyn div.l div.dyn li a span { display: none; }
div#galerie_dyn div.l div.dyn a { display: block; text-decoration: none; }
div#galerie_dyn div.l div.dyn a:hover img { filter:alpha(opacity=50); opacity: 0.5; }

div#galerie_dyn div.l a img {border:none;width: auto; height: 80px; }
div#galerie_dyn div.l a span {display:none; height: 18px; line-height: 18px; margin: -18px 0 0 0; color: #000; text-align: center; background-color: #ccc; filter:alpha(opacity=60); opacity: 0.6; }

div#galerie_dyn div.l div.img {margin: 0 0 0 -3px; width: 502px; height: 400px; background-color: #000000; overflow:hidden;}
/*
div#galerie_dyn div.l div.img div#img0 div { position: relative; top:-50px; display:none; margin: 0; padding: 0 10px; min-height: 50px; background-color: #fff; color: #000;}
div#galerie_dyn div.l div.img div#img0 div b { color: #e1001a; }
div#galerie_dyn div.l div.img a img {border:none;width: auto; height: auto; }
*/

div#galerie_dyn div.l div.img > div {position:absolute;}
div#galerie_dyn div.l div.img > div > div { position: relative; top:-50px; display:none; margin: 0; padding: 0 10px; min-height: 50px; background-color: #fff; color: #000;}
div#galerie_dyn div.l div.img > div > div b { color: #e1001a; }
div#galerie_dyn div.l div.img a img {border:none;width: auto; height: auto; }