/*<![CDATA[*/
/**
 * CSS Style fuer Screen und Projection
 *
 * Copyright (c) 2007    die.interaktiven GmbH & Co. KG
 *                       Agentur fuer digitale Medien
 *                       Eisenmarkt 1
 *                       35578 Wetzlar
 *                       Germany
 *
 *                       Fon: +49 (0)64 41 / 39 86 19 - 0
 *                       Fax: +49 (0)64 41 / 39 86 19 - 9
 *                       Web: www.die-interaktiven.de
 *
 * Alle Rechte vorbehalten. Unberechtigte Kopie und Weiter-
 * verwendung nicht gestattet.
 *
 */



/* +---------------------------------------------------------------------+
   |                  allgemeine HTML-Tags definieren                    |
   +---------------------------------------------------------------------+ */

body
{
	font-family: Verdana, Helvetica, Geneva, Arial, sans-serif;
	margin: 0;
	padding: 0;
	font-size: 100.01%; 	/******** IE Hack ********/
	text-align: left;
	color: #525252;
	background: #fff;
}

h1,
h2,
h3,
h4,
h5
{
	margin: 0;
	padding: 0 0 0.5em 0;
	font-size: 1em;
	font-weight: bold;
	text-align: left;
}

p
{
	margin: 0;
	padding: 0;
}

a
{
	color: #2274ab;
	text-decoration: underline;
}

a:hover
{
	text-decoration: none;
}

ul
{
	list-style-type: square;
	padding: 0;
	margin: 1em 0 1em 2em;
	text-align: left;
}

ul ul
{
	list-style-type: circle;
	margin-top: 0;
}

ul ul ul
{
	list-style-type: none;
	margin-top: 0;
}

ol li
{
	margin: 1em 0 0 0;
	padding: 0;
}

hr
{
	display: block;
	height: 1px;
	color: #525252;
	background-color: #525252;
	margin: 0;
	padding: 0;
	border: 0;
}

strong
{
	font-weight: bold;
}

img
{
	border: 0;
}

fieldset
{
	border: 0;
	margin: 0;
	padding: 0;
}

legend
{
	display: none;
}

form
{
	margin: 0;
	padding: 0;
}

input,
textarea,
select
{
	font-size: 100%;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

input[type=image]
{
	background: transparent;
}

/* +---------------------------------------------------------------------+
   |              sonstige Klassen und Container definieren              |
   +---------------------------------------------------------------------+ */

.invisible
{
	position: absolute;
	top: -3000px;
	left: -3000px;
	width: 1px;
	height: 1px;
}

/* Elementenfluss unterbrechen und umgebene Containerhoehe mitziehen */
.clear
{
	clear: both;
	float: none;
	line-height: 0;
	font-size: 0;
	display: block;
}

html>body .clear {
	font-size: 0.1px;
}

.left {
	float: left;
}

.right {
	float: right;
}
	
/* +---------------------------------------------------------------------+
   |                Struktur-Container definieren                        |
   +---------------------------------------------------------------------+ */

#page
{
	text-align: left;
	font-size: 0.7em;
	width: 865px;
	padding: 0 15px;
}

#header
{
	clear: both;
	float: none;
	background: #fff;
	height: 100px;
}

#header #logo
{
	float: left;
	width: 250px;
	padding: 15px 0 0 0;
}

#header #infopoint
{
	float: right;
	width: 400px;
	text-align: right;
	padding: 15px 0 0 0;
	color: #6e6e6e;
}

#header #barrierefrei
{
	margin: 5px 0 0 0;
	text-align: right;
	color: #6e6e6e;
}

#header #barrierefrei .fontcolor
{
	display: none;
}

#header #infopoint a,
#header #barrierefrei a
{
	color: #6e6e6e;
	text-decoration: none;
}

#header #infopoint a:hover,
#header #barrierefrei a:hover
{
	text-decoration: underline;
}

#header #barrierefrei img
{
	margin: 0 0 0 3px;
}

#header #barrierefrei .fontcolor
{
	padding: 0 0 0 22px;
}

#navigation
{
	float: left;
	width: 205px;
}

#navigation ul
{
	list-style: none;
	margin: 0;
	padding: 0 0 5px 0;
	border-bottom: 1px solid #d6d6d6;
}

#navigation li
{
	margin: 0;
	padding: 5px 0 0 0;
	/*display: inline;*/
	width: 100%;
}

#navigation li a
{
	display: block;
	padding: 5px 10px 5px 10px;
	margin: 0;
	text-decoration: none;
	background: none;
	color: #525252;
}

#navigation li a:hover,
#navigation li a.active
{
	background: url(../images/navigation-a-bg.jpg) top left repeat-x #eaeaea;
}

#navigation li a.active
{
	font-weight: bold;
}




#navigation li ul
{
	border-bottom: none;
	border-left: 3px solid #eaeaea;
}

#navigation li li a
{
	padding-left: 20px;
}

#navigation li li a:hover,
#navigation li li a.active
{
	background: transparent;
	color: #2274ab;
}

#navigation li li a.active
{
	font-weight: bold;
}




#navigation li li ul
{
	border-bottom: none;
	border-left: none;
}

#navigation li li li a
{
	padding-left: 40px;
}

#navigation li li li a:hover,
#navigation li li li a.active
{
	background: transparent;
	color: #2274ab;
}

#navigation li li li a.active
{
	font-weight: normal;
}


#navigation li li li li a
{
	padding-left: 60px;
}











#navigation .form.quicksearch
{
	margin: 35px 0 0 0;
	padding: 7px 7px 10px 7px;
	background: url(../images/quicksearch-bg.gif) bottom center no-repeat #eef0f1;
}

#navigation .form.quicksearch .input
{
	color: #b8b8b8;
	float: left;
}

#navigation .form.quicksearch .input.text
{
	border: 1px solid #b8b8b8;
	padding: 2px;
	width: 155px;
	margin: 0 8px 0 0;
}

html>body #navigation .form.quicksearch .input.text
{
	width: 160px;
}

#navigation .form.quicksearch .input.image
{
	margin: 1px 0 0 0;
}

#content
{
	float: right;
	width: 645px;
	background: url(../images/content-bg.gif) top right repeat-y #fff;
}

#content #banner
{
	clear: both;
	float: none;
	border-bottom: 1px solid #fcfdfe;
}

#content #mainc
{
	float: left;
	width: 435px;
	padding: 25px 0 25px 0;
}

#content #mainc #title
{
	margin: 0 15px 25px 15px;
	padding: 0;
	font-size: 1.5em;
	font-weight: normal;
}

#content #mainc .textc
{
	margin: 0 15px 35px 15px;
	padding: 0;
	line-height: 1.5em;
}

#content #infoc
{
	float: right;
	width: 210px;
	padding: 25px 0 25px 0;
}

#content #infoc .item
{
	margin: 0 0 40px 0;
}

#content #infoc .item .title
{
	margin: 0 5px 5px 5px;
	padding: 0 0 3px 0;
}

#content #infoc .item .image
{
	margin: 0 0 20px 0;
	border: solid #fff;
	border-width: 1px 0 1px 0;
}

#content #infoc .item .text
{
	margin: 0 5px 0 5px;
	line-height: 1.5em;
}

#footer
{
	clear: both;
	float: none;
	background: url(../images/footer-bg.gif) top center no-repeat #fff;
	text-align: right;
	padding: 10px 5px 0 0;
	color: #ccc;
}

/* +---------------------------------------------------------------------+
   |                 Inhalltscontainer definieren                        |
   +---------------------------------------------------------------------+ */


/**
 * Boxen auf Startseite
 */

#content #mainc .boxc
{
	float: left;
	width: 216px;
	margin: 0 0 50px 0;
	text-align: left;
	border-right: 1px solid #edefef;
}

#content #mainc .boxc .image img
{
	border-bottom: 1px solid #edefef;
	width: 216px;
	height: 123px;
}

#content #mainc .boxc.right
{
	width: 217px;
	border-right: none;
}

#content #mainc .boxcright .image img
{
	width: 217px;
}

#content #mainc .boxc.red .image
{
	border-bottom: 9px solid #dbc6aa;
}

#content #mainc .boxc.green .image
{
	border-bottom: 9px solid #aad4ae;
}

#content #mainc .boxc .title
{
	margin: 15px 13px 3px 13px;
}

#content #mainc .boxc .text
{
	padding: 0 13px 0 13px;
	line-height: 1.5em;
}

/**
 * rechte Infospalte auf Startseite
 */

#content #infoc #newslist
{
	margin: 0 15px;
}

#content #infoc #newslist .item .title
{
	border-bottom: 1px solid #c7c7c7;
}


/**
 * blauer Link
 */

.link
{
	display: block;
	float: none;
	clear: both;
	text-align: right;
}

.link a
{
	color: #2274ab;
	font-weight: bold;
}

.link.right
{
	text-align: right;
}

.link.left
{
	text-align: left;
}


/**
 * News Liste
 */

.newslist .item
{
	margin: 0 0 25px 0;
}

.newslist .item .date
{
	float: left;
	width: 70px;
}

.newslist .item .content
{
	float: left;
	width: 320px;
}

.newslist .item .content .title
{

}

.newslist .item .content .text
{

}

.newslist .item .content .link a
{
	font-weight: normal;
}



/**
 * News Details
 */

.newsdetails
{
	margin: 0 0 20px 15px;
	width: 410px;
	line-height: 1.5em;
}


.newsdetails .city-date
{
	margin: 0 0 20px 0;
}

.newsdetails .teaser
{
	font-style: italic;
	padding: 0 0 20px 0;
}

.newsdetails .text
{
	padding: 0 0 20px 0;
}

.newsdetails .image
{
	float: left;
	margin: 0 20px 10px 0;
	background: #eaeaea;
}

.newsdetails .image p
{
	padding: 5px;
}

.newsdetails .link
{
	text-align: left;
}


.news-cat-select
{
	margin: 0 15px 20px 0;
}

.news-cat-select select
{
	border: 1px solid #b8b8b8;
	color: #6E6E6E;
}


.news-cat-select input
{
	margin: 0 0 0 10px;
	border: 1px solid #b8b8b8;
	background: #fff;
	color:#000;
}





/**
 * Sitemap
 */

.sitemap ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}

.sitemap ul li
{
	margin: 0 15px 20px 15px;
	padding: 10px;
	border: 1px solid #fff;
}

.sitemap ul a
{
	font-size: 1.2em;
	font-weight: bold;
}

.sitemap ul ul
{
	list-style: square;
	margin: 5px 0 5px 25px;
	padding: 0;
}

.sitemap ul ul li
{
	margin: 0;
	padding: 0;
	border: none;
}

.sitemap ul ul a
{
	font-size: 1em;
	font-weight: normal;
}

.sitemap ul ul ul
{
	list-style: circle;
}

.sitemap ul ul ul ul
{
	list-style: square;
}

.sitemap ul ul ul ul ul
{
	list-style: circle;
}


/**
 * externe Links
 */

.external-link-new-window,
.external-link
{
	background: url(../images/externer-link.gif) right no-repeat;
	padding-right: 15px;
}


/**
 * Event Liste
 */

.eventlist .item
{
	margin: 0 15px 30px 15px;
}

.eventlist .item .date
{
	float: left;
	width: 70px;
}

.eventlist .item .content
{
	float: left;
	width: 320px;
}

.eventlist .item .content .title
{

}

.eventlist .item .content .text
{

}

.eventlist .item .content .link a
{
	font-weight: normal;
}

.eventlist .image
{
	float: left;
	margin: 0 20px 10px 0;
	background: #eaeaea;
}

.eventlist .image p
{
	padding: 5px;
}

.eventlist .category
{
	margin: 0 15px 20px 15px;
}

.eventlist .category select
{
	border: 1px solid #b8b8b8;
	color: #6E6E6E;
}


.eventlist .category input
{
	border: 1px solid #b8b8b8;
	background: #fff;
	color:#000;
	margin: 0 10px 0 10px;
}

.kb_eventboard-prev,
.kb_eventboard-next
{
	margin: 0 10px 0 10px;
	border: 1px solid #b8b8b8;
	background: #fff;
	color:#000;
}




/**
 * Event Single
 */

.eventitem
{
    margin: 0 10px 25px 10px;
}

.eventitem .date
{
    margin: 0 0 10px 0;
}

.eventitem .content
{
	float: left;
	width: 100%;

}

.eventitem .link a
{
	font-weight: normal;
	text-decoration: none;
}



/**
 * Suchergebnisse
 */

.tx-indexedsearch-res,
.tx-indexedsearch-browsebox,
.tx-indexedsearch-whatis,
.form.search
{
  	padding: 0 13px 0 13px;
	line-height: 1.5em;
}

.tx-indexedsearch-res .item
{
	margin: 0 0 25px 0;
	padding: 10px 0 0 0;
	width: 400px;
}

.tx-indexedsearch-res .item .title
{

}

.tx-indexedsearch-res .item .description
{

}

.tx-indexedsearch-res .item .link
{
	float: left;
	padding: 10px 0 0 0;
}

.tx-indexedsearch-res .item .link a
{
	font-weight: normal;
}

.tx-indexedsearch-browsebox .browsebox
{
    padding: 10px 0 10px 0;

}

.form.search .label
{
    float: left;
    padding: 0 10px 10px 0;
}

.form.search input.text
{
	border: 1px solid #b8b8b8;
	background: #fff;
	color:#b8b8b8;
}

.form.search input.submit
{
	border: 1px solid #b8b8b8;
	background: #fff;
	color:#000;
}


#inhalt #content #infoc #newslist
{
	margin: 0;
	padding: 0 5px 0 5px;
}



/**
 * Mailformulare
 */

#mailform
{
	margin: 0 15px 25px 15px;
}

#mailform .label,
#mailform .label-req
{
	float: left;
	width: 110px;
	margin: 0 0 15px 0;
}

#mailform .textinput
{
	float: left;
	width: 280px;
	margin: 0 0 15px 0;
	padding: 2px;
	border: 1px solid #b8b8b8;
}

#mailform .textarea
{
	float: left;
	width: 280px;
	height: 200px;
	margin: 0 0 15px 0;
	padding: 2px;
	border: 1px solid #b8b8b8;
}

#mailform .submit
{
	float: right;
	padding: 2px;
	margin: 15px 20px 0 0;
	background-color: #fff;
	border: 1px solid #b8b8b8;
}

#mailform .textlabel
{
	clear: both;
	float: none;
	margin: 35px 0 5px 0;
	padding: 0 0 0 5px;
	border-left: 4px solid #b8b8b8;
}

#mailform .checkbox
{
	float: left;
	margin: 0 5px 0 0;
}

#mailform .checkbox-label
{
	display: block;
	float: left;
	width: 290px;
	margin: 0;
}

#mailform .checkbox-label .label
{
	float: none;
	width: 280px;
	margin: 0;
}

#mailform .select
{
	float: left;
	width: 340px;
	margin: 0 0 15px 0;
	padding: 2px;
	border: 1px solid #b8b8b8;
}

#mailform br
{
	clear: both;
	float: none;
}

/**
 * Newsbilder
 */
 
.news-single-img
{
	float:left;
	padding: 0 15px 15px 0;
	background-color: #edefef;
}

#myGallerySINGLE2
{
	border: 0;
}

#myGallerySINGLE2 .slideElement
{
	background-color: #edefef;
}

/*]]>*/