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

    Output device: screen, projection

    Author:     Nuvio (www.nuvio.cz)
    Update:     2008-07-16, 19:25 GMT+1
    Version:    2.2.6 (2008-07-13, 14:28 GMT+1)

    Structure:
        display; position; z-index; float; clear; width; height; overflow; margin; padding; border; background; align; font;

    Content:

        1) HTML tags
        2) HTML styles
        3) Layout
        4-1) Page: Homepage
        5) Others

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

/* ----------------------------------------------------------------------------------------------------------
1) HTML tags
---------------------------------------------------------------------------------------------------------- */

body {background:url("../design/bg.gif") 50% 0 repeat-y; font:0.8em/1.5 "arial", sans-serif;}

a {color:#00F;}
a:hover {color:#F00;}

h1, h2, h3, h4, h5, h6, p, address, blockquote, table, dl, fieldset {margin:10px 0;}
h1, h2, h3 {color: #2F2F2F}

h3 {font-size:140%; font-weight:bold;}


/* ----------------------------------------------------------------------------------------------------------
2) HTML styles
---------------------------------------------------------------------------------------------------------- */


/* ----------------------------------------------------------------------------------------------------------
3) Layout
---------------------------------------------------------------------------------------------------------- */

#main {width:940px; margin:0 auto; overflow:hidden;}

	#header {width:940px; height:95px; overflow:hidden; background:url("../design/header.png") 0 0 no-repeat;}

        #logo {position:relative; width:289px; height:94px; overflow:hidden; margin:0; padding:0; font-size:300%;}
        #logo span {display:block; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; margin:0; padding:0; background:url("../tmp/logo.gif") 0 0 no-repeat; cursor:pointer;}

    #tray {padding:10px 0 15px 10px; background:url("../design/tray.gif") 0 100% no-repeat;}

        #tray ul {margin:0; list-style:none;}
        #tray ul li {display:inline;}
        #tray ul li a {display:block; float:left; padding:0 15px 0 10px; background:url("../design/tray-separator.gif") 100% 50% no-repeat; text-decoration:underline;}
        #tray ul li a:hover {text-decoration:none;}
        #tray ul li#tray-active a {font-weight:bold; text-decoration:none;}

    #cols {position:relative; margin:10px 0; background:url("../design/cols.gif") 0 0 repeat-y;}

    	#content {float:right; width:740px; overflow:hidden;}

            .home #content-left {float:left; width:470px;}
            #content-left {float:left; width:740px;}
            #content-left-in {padding:0 10px;}

            #content-right {float:right; width:260px;}

    	#aside {float:left; width:190px; overflow:hidden;}
        #aside-top {width:190px; height:5px; background:url("../design/aside-top.gif") 0 0 no-repeat; font-size:0; line-height:0;}
        #aside-bottom {position:absolute; bottom:0; left:0; width:190px; height:5px; background:url("../design/aside-bottom.gif") 0 0 no-repeat; font-size:0; line-height:0;}

            .nav {margin:0; list-style:none;}
            #aside .nav li {display:inline;}
            #aside .nav li a {display:block; padding:7px 10px 7px 30px; background:url("../design/nav-link.gif") 15px 13px no-repeat;}
            #aside .nav li span {display:block; padding:7px 10px 7px 30px; background:url("../design/nav-link.gif") 15px 13px no-repeat;}
            /*#nav-active to .active*/
            #aside .nav li.active a {background:url("../design/nav-active.gif") 15px 13px no-repeat; text-decoration:underline; font-weight:normal;}
            #aside .nav li.active a:hover, #aside .nav li.active a:focus {text-decoration:none;}
	    /*auch fuer span
	     * #nav-active to .submenu*/
            #aside .nav li.subemenu span {background:url("../design/nav-active.gif") 15px 13px no-repeat; text-decoration:none; font-weight:bold;}
	    /*auch fuer span*/
            #aside .nav .submenu ul li span {padding-left:45px; background:url("../design/nav-sub.gif") 30px 10px no-repeat;}
            #aside .nav .submenu ul li a {padding-left:45px; background:url("../design/nav-sub.gif") 30px 10px no-repeat;}
            #aside .nav a:hover {text-decoration:none;}

            #search .formbody {height:22px; text-align:center;padding:15px;}
            .search-input {width:100px; height:22px; border:0;}
            .search-submit {width:60px; height:22px; border:0;}
            .search-input, .search-submit {font-size:100%; font-family:"arial",sans-serif;}

            #aside h4 {font-size:100%;}
            #aside h4.margin {margin:15px 0 5px 0;}

	#footer {clear:both; padding:20px 0; background:url("../design/footer.gif") 0 0 repeat-x; font-size:85%;}
	#footer p {margin:0;}
	#footer a:hover {text-decoration:none;}

/* ----------------------------------------------------------------------------------------------------------
4-1) Page: Homepage
---------------------------------------------------------------------------------------------------------- */

#topstory-top {width:470px; height:5px; background:url("../design/topstory-top.gif") 0 0 no-repeat; font-size:0; line-height:0;}
#topstory-bottom {width:470px; height:5px; background:url("../design/topstory-bottom.gif") 0 0 no-repeat; font-size:0; line-height:0;}
#topstory {padding:5px 10px 10px 10px;}

    #topstory-img {float:left; width:180px;}
    #topstory-img img {display:block;}
    #topstory-desc {float:right; width:255px;}

        #topstory-desc h2 {margin:0; font-size:140%; font-weight:normal;}
        #topstory-desc .info {margin:0; font-size:85%;}

#topstory-list {padding:10px 0 5px 10px; overflow:hidden}
#topstory-list img {display:block; float:left; padding-right:10px;}
#topstory-list img.last {margin-right:0;}

.article {margin-bottom:10px; padding-bottom:10px; background:url("../design/dot.gif") 0 100% repeat-x;}
.article .article-img {float:left; display:block;margin:0px 10px 10px 0px;}
.article .article-desc {float:right; width:255px;}

    .article .article-desc h3 {margin:0; font-size:140%; font-weight:normal;}
    .article .article-desc .info {margin:0; font-size:85%;}
    .article .article-desc p.nomb {margin-top:8px; text-align:justify;}

.box-01-top {width:260px; height:5px; margin-top:5px; background:url("../design/box-01-top.gif") 0 0 no-repeat; font-size:0; line-height:0;}
.box-01-top-b {padding:5px 10px 15px 10px; background:url("../design/box-01-top-b.gif") 0 100% no-repeat;}
.box-01-top-b .f-left {text-transform:uppercase;}
.box-01-top-b .f-right {padding-top:2px; font-size:85%;}
.box-01-bottom {width:260px; height:11px; background:url("../design/box-01-bottom.gif") 0 0 no-repeat; font-size:0; line-height:0;}
.box-01 {padding:5px; background:url("../design/box-01.gif") 0 0 repeat-y;}
.box-01 .odd {margin:10px 0; padding:10px 0;}

    .news {margin:0;}
    .news h2, .news a {margin:0;font-size:14px;}
    .news a {color:#2f2f2f;text-decoration:none;}
    .news dt {display:block; float:left; width:50px; font-weight:bold; text-align:center; line-height:1.2;}
    .news dt span {font-size:140%;}
    .news dd {display:block; float:left; width:190px; font-size:85%; line-height:1.6;}
    .news dd .time {margin:0;color:#3fa5cd;font-size:120%;}

.box-02-top {width:260px; height:5px; margin-top:10px; background:url("../design/box-02-top.gif") 0 0 no-repeat; font-size:0; line-height:0;}
.box-02-top-b {padding:5px 10px 15px 10px; background:url("../design/box-02-top-b.gif") 0 100% no-repeat; text-transform:uppercase;}
.box-02-bottom {width:260px; height:11px; background:url("../design/box-02-bottom.gif") 0 0 no-repeat; font-size:0; line-height:0;}
.box-02 {padding:5px 15px; background:url("../design/box-02.gif") 0 0 repeat-y;}

    .mostreaded {margin:0; list-style:none;}
    .mostreaded span {font-size:85%;}

/* ----------------------------------------------------------------------------------------------------------
5) Others
---------------------------------------------------------------------------------------------------------- */

#aside .padding {padding:10px 15px;}

.more {padding-right:15px; background:url("../design/arrow.gif") 100% 50% no-repeat;}

.rss {padding-left:22px; background:url("../design/rss.gif") 0 50% no-repeat;}

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

    Output device: screen, projection

    Author:     Nuvio (www.nuvio.cz)
    Update:     2008-07-16, 19:25 GMT+1
    Version:    2.2.6 (2008-07-13, 14:28 GMT+1)

    Structure:
        display; position; z-index; float; clear; width; height; overflow; margin; padding; border; background; align; font;

    Content:

        1) HTML tags
        2) HTML styles
        3) Layout
        4-1) Page: Homepage
        5) Others

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

/* ----------------------------------------------------------------------------------------------------------
1) HTML tags
---------------------------------------------------------------------------------------------------------- */

body {background-color:#d7ecf4; color:#000}

a {color:#DF0000;}
a:hover {color:#AF0000;}

h3.title {border-bottom:1px solid #D7ECF4; color:#3fa5cd;}

/* ----------------------------------------------------------------------------------------------------------
2) HTML styles
---------------------------------------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------------------------------------
3) Layout
---------------------------------------------------------------------------------------------------------- */

#main {background-color:#FFF;}

#header {background-color:#DF0000; color:#FFF;}
#header a {color:#FFF;}

#tray {background-color:#2f2f2f; color:#FFF;}
#tray a {color:#FFF;}
#tray li#tray-active a {color:#94c9e2;}

#aside .nav a {border-top:1px solid #e5e5e5; background-color:#d0d0d0 !important; color:#000 !important;}
#aside .nav span {border-top:1px solid #e5e5e5; background-color:#d0d0d0 !important; color:#000 !important;}
/*#nav-active to .active*/
.galerie #aside .nav.level_2 .trail a, #aside .nav .active a {background-color:#DF0000 !important; color:#FFF !important;}
/*auch fuer span*/
.galerie #aside .nav.level_2 .trail span, #aside .nav .active span {background-color:#DF0000 !important; color:#FFF !important;}
#aside .nav .submenu ul li a {border-top:1px solid #525252; background-color:#2f2f2f !important; color:#94c9e2 !important;}
/*auch fuer span*/
#aside .nav .subemenu ul li span {border-top:1px solid #525252; background-color:#2f2f2f !important; color:#94c9e2 !important;}

#search {border-top:1px solid #f2f2f2; background-color:#d0d0d0;}
.search-input {background:#FFF;}
.search-submit {background:#44A1CA; color:#FFF;}

#footer, #footer a {color:#3fa5cd;}

/* ----------------------------------------------------------------------------------------------------------
4-1) Page: Homepage
---------------------------------------------------------------------------------------------------------- */

#topstory-top, #topstory {background-color:#D7ECF4;}
#topstory-desc .info, #topstory-desc .info a, .article .article-desc .info, .article .article-desc .info a {color:#5F5F5F;}
#topstory-desc .info a:hover, .article .article-desc .info a:hover {color:#2F2F2F;}
#topstory-list {border-top:1px solid #EBF4F8; background-color:#C2DFEC;}

.box-01-top, .box-01-top-b {background-color:#44A1CA; color:#FFF;}
.box-01-top-b .f-right {color:#D7ECF4;}
.box-01 .odd {border-top:1px solid #c2dfec; border-bottom:1px solid #c2dfec; background:#e8f3f8;}

    .news dt {color:#DF0000;}
    .news dd span {color:#3fa5cd;}

.box-02-top, .box-02-top-b {background-color:#D7ECF4; color:#44A1CA;}

    .mostreaded span {color:#5F5F5F;}

/* ----------------------------------------------------------------------------------------------------------
5) Others
---------------------------------------------------------------------------------------------------------- */

.rss {color:#000;}


/*OWN*/

.pagination {
	border-top:1px solid #ccc;
	padding-top:10px;
}
.pagination p {
	float:left;
	margin:0;
}
.pagination ul {
	float:right;
}
.pagination ul li {
	 display:inline;
}
.ce_gallery .image_container {
	margin:2px;
}
.ce_gallery img {
	border: 1px solid #ccc;
	padding:1px;
}
.event {
	margin-bottom:20px;
}
.event h3 {
	color:#DF0000;
	margin:0;
}
.el_left {
	float:left;
	background-color:#44A1CA;
	color:#fff;
	padding:5px 10px;
	width:100px;
	font-weight:bold;
	font-size:140%;
	margin-right:10px;
}
.el_right {
	float:right;
	width:610px;
}
.el_right .info {
	margin:0;
	color:#777;
	font-weight:bold;
}

/* typolight.css
 * TYPOlight Open Source CMS :: Copyright (C) 2005-2010 Leo Feyer :: LGPL license */
select,input,textarea{font-size:99%;}form{margin:0;padding:0;}img{border:0;}#left{float:left;}#right{float:right;}#main{position:relative;}.inside{position:relative;text-align:left;}.block{overflow:hidden;}.clear,#clear{height:0.1px;font-size:0.1px;line-height:0.1px;clear:both;}
.invisible{width:0px;height:0px;left:-1000px;top:-1000px;position:absolute;overflow:hidden;display:inline;}.custom{display:block;text-align:left;}.custom:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
/* iefixes.css
 * TYPOlight Open Source CMS :: Copyright (C) 2005-2010 Leo Feyer :: LGPL license */
* html .block{overflow:auto;zoom:1;}* html #container,* html .mod_article{zoom:1;}.custom{display:inline-block;}* html #left,* html #right{display:inline;}* html a,* html a:hover{background-color:transparent;}* html i,* html em{overflow:visible;display:inline-block;}body{margin-left:1px;}*:first-child+html #main{position:static;}

/*CUSTOM by Stefan*/
#header {
	height:200px;
}
#logo span {
	background:none;
	display:block;
	height:200px;
	width:350px;
}
#logo {
	text-indent:-9999px;
}
#nav_bilder ul li {
	float:left;
	margin-right:10px;
	background-color:transparent;
}
#nav_bilder a {
	background-image:none;
}
.ce_table table, table.grauduenn {
	border-collapse:collapse;
	width:99%;
	background-color:#f0f8ff;
	margin-left:1px;
}
.ce_table table p, table.grauduenn p {
	margin:0;
}
.ce_table table td, table.grauduenn td {
	border:1px solid #999;
	padding:5px;
}
table thead {
	background-color:white; !important
}
.mod_eventlist .event {
}
.mod_eventlist .event ul {
	list-style:none;
}
h1.pagetitle {
	margin:0;
	padding:0;
}
dl.memberlist {
	float:left;
	width:260px;
}
dl.memberlist dt {
	float:left;
}
dl.memberlist dd {
	margin-left:110px;
}
.ce_accordion .toggler {
	font-size:140%;
	font-weight:bold;
	color:#2F2F2F;
	cursor:pointer;
	margin:15px 0;
}
.ce_accordion .toggler img {
	margin-left:20px;
}
#topstory .article {
	background-image:none;
}
.ce_form label {
	display:block;
	float:left;
	width:65px;
}
.ce_form input {
	margin-left:70px;
	display:block;
}
.ce_form legend {
	color: #2F2F2F;
	font-size:140%;
	margin-bottom:10px;
}
.ce_form span.mandatory {
	color:red;
}
#search .formbody {
	position:relative;
}
#search br {
	display:none;
}
#search input,#search .submit_container {
	position:absolute;
	height:22px;
}
#search input#ctrl_1 {
	top:15px;
	left:15px;
	width:100px
}
#search .submit_container {
	top:15px;
	left:115px;
}
#nav_bilder {
	border-bottom: 1px solid #999;
	padding-bottom: 5px;
}
/*#nav_bilder li {
	border-right: 1px solid #999;
	padding-right:5px;
}
#nav_bilder li.last {
	border:none;
}*/
/*#newsarchiv ul.level_1 li {
	float:left;
	background-color:#DF0000;
	color:#fff;
	font-weight:bold;
	padding:5px;
}
#newsarchiv ul.level_1 li ul.level_2 {
	list-style:none;
}
#newsarchiv ul.level_1 li ul.level_2 li {
	list-style:none;
	background-color:#44A1CA;
	float:none;
}
#newsarchiv ul.level_1 li ul.level_2 li a {
	color:#fff;
}
#newsarchiv ul.level_1 li:hover ul.level_2 {
	z-index:99;
}
#newsarchiv ul.level_1 li:hover ul.level_2 li {
	padding:5px;
}*/
#jahresuebersicht table {
	margin-left:2px;
	border-collapse:collapse;
	table-layout:fixed;
}
#jahresuebersicht tbody td {
	width:100px;
	height:100px;
	overflow:hidden;
	border:1px solid #aaa;
}
#jahresuebersicht td div.header {
	color:#999;
	text-align:right;
	padding:2px;
}
#jahresuebersicht td.today div.header {
	background-color:#44A1CA;
	color:#fff;
}
#jahresuebersicht td div.event {
	padding:2px;
	margin:0;
	font-size:11px;
	line-height:12px;
	width:100%;
}
/*
#jahresuebersicht td div.event:hover {
	height:auto;
	width:auto;
	background-color:#ddd;
}
*/
#jahresuebersicht thead th.label {
  background-color: #DF0000;
  border-left: 1px solid #DF0000;
  color: #FFFFFF;
}
#jahresuebersicht th.head a {
	text-decoration:none;
}
/*news archiv navigation*/
#newsarchiv .mod_newsmenu select {
	padding:2px;
}
#newsarchiv .mod_newsmenu span {
	font-weight:bold;
}
#newsarchiv .mod_newsmenu .disabled {
	font-weight:bold;
	color:#000;
	background-color:#eee;
}
#newsarchiv .layout_full {
	border-bottom:1px solid #ccc;
}
#newsarchiv .layout_full.last {
	border:none;
}

