/* Copyright 2009 tollwerk GmbH */

@import url("projektor.css");
@import url("content-elements.css");
@import url("shop.css");
@import url("news.css");
@import url("easyslide.css");

/*______________________________________________________ GENERAL */
body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	font-size: 9pt;
	line-height: 1.5em;
	line-height: 14pt;
	margin: 0px;
	padding: 0px;
	text-align: center;
}
a{
	outline: none;
	color: #E2001A;
}
h1{
	font-weight: normal;
}
h1.replaced{
	background-repeat: no-repeat;
	font-size: 18pt;
	text-indent: -9999em;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
}
/*h1.replaced:hover{
	background-position: left bottom;
}*/
h4.replaced{
	background-repeat: no-repeat;
	text-indent: -9999em;
	padding: 0px 0px 0px 0px;
	margin: 5px 0px 3px 0px;
}
h1.replaced a{
	display: block;
	padding: 5px 0px 5px 0px;
}
h5{
	font-size: 12pt;
	font-weight: bold;
	color: #000000;
	margin: 10px 0px 10px 0px;
}

/*______________________________________________________ BOX LAYOUT */
div#head,
div#content,
div#footer,
div#projektor-navi{
	width: 870px;
	text-align: left;
	margin: 0px auto;
}
div#content{}
div.backgroundloader{
	background-image: url('../res/loader.gif');
	background-repeat: no-repeat;
	background-position: center;
}
div#projektor-navi{
	border-bottom: 1px solid #ededed;
}
div#footer{
	padding-top: 20px;
	border-top: 1px solid #ededed;
}


/*______________________________________________________ HEADER */
div#head h1#lehrieder{
	margin: 30px 0px 35px 0px;
	padding: 0px;
	position: relative;
	width: 314px;
	height: 20px;
	z-index: 90;
}
div#head h1#lehrieder a{
	display: block;
	background-image: url(../res/lehrieder.png);
	background-repeat: no-repeat;
	background-position: top left;
	text-indent: -999em;
	width: 314px;
	height: 20px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}


/*______________________________________________________ MAIN NAVIGATION */
#navi{
	z-index: 50;
	position: absolute;
	width: 860px;
	list-style-type: none;
	margin: -55px 0px 0px 0px;
	padding: 0px 0px 0px 20px;
	background-color: transparent;
	text-align: right;
}

#navi li{
	line-height: 25px;
	display: inline;
	margin: 0px 0px 0px 0px;
	padding: 3px 0px 3px 0px;
}

#navi li div.divider{
	display: none;
	z-index: 1;
}

#navi li ul{
	display: none;
}

#navi li:hover div.divider{
	background-color: #ffffff;
	width: 100%;
	display: block;
	position: absolute;
	z-index: 99;
}
#navi li:hover ul,
#navi li.level1-act ul{
	display: block;
	position: absolute;
	right: 0px;
	margin: -3px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#navi li:hover ul{
	z-index: 100;
}

#navi li a{
	text-decoration: none;
	display: inline;
	padding: 3px 10px 3px 10px;
	color: #000000;
}
#navi li:hover a{
	color: #E2001A;
}
#navi li:hover ul li a{
	color: #000000;
}
#navi li.level1-act a.active-one,
#navi li.level1-act ul.level2 li.level2-act a.active-two{
	font-weight: bold;
	color: #E2001A;
}
#navi li.level1 a:hover,
#navi li.level1 ul.level2 li a:hover,
#navi li.level1-act ul.level2 li a:hover{
	color: #E2001A;
}



/*______________________________________________________ SEARCH */
div#meta{
	position: relative;
	margin: 0px 0px 0px 0px;
}
div#meta form{
	float: left;
}
div#meta input{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	background-image: url(../res/search_box.png);
	background-repeat: no-repeat;
	background-position: top left;
	width: 110px;
	height: 16px !important;
	height: 20px;
	border: none;
	padding: 4px 0px 0px 20px;
}
div#meta input:focus{
	background-position: bottom left;
}
div#meta input[type=submit]{
	display: none;
}
div#meta ul#meta-navi{
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}
div#meta ul#meta-navi li{
	display: inline;
	padding: 0px 10px 0px 10px;
}
div#meta ul#meta-navi li a{
	color: #999;
	text-decoration: none;
}


/* ___________________________________________________ LANGUAGES */
div#footer ul#meta-navi li.en,
div#footer ul#meta-navi li.de{
	padding: 0px 6px 0px 0px;
	display: block;
	float: left;
	overflow: hidden;
}
div#footer ul#meta-navi li.de{
	padding: 0px 6px 0px 15px;
}
div#footer ul#meta-navi li.en a{
	display: block;
	text-indent: -999em;
	background-image: url(../res/lang_en.png);
	background-position: bottom left;
	width: 24px;
	height: 20px;
	padding: 0px;
}
div#footer ul#meta-navi li.de a{
	display: block;
	text-indent: -999em;
	background-image: url(../res/lang_de.png);
	background-position: bottom left;
	width: 24px;
	height: 20px;
	padding: 0px;
}
div#footer ul#meta-navi li a.active,
div#footer ul#meta-navi li a:hover{
	background-position: top left;
}

/*______________________________________________________ FOOTER */
div#footer ul#footer-navigation{
	position: absolute;
	list-style: none;
	margin: -24px 0px 0px 600px;
	padding: 0px 0px 0px 0px;
}
div#footer ul#footer-navigation li{
	float: left;
	margin: 0px 0px 0px 30px;
	padding: 0px 0px 0px 0px;
}
div#footer ul#footer-navigation li a#facebook{
	display: block;
	background-image: url(../res/fb-logo.png);
	background-repeat: no-repeat;
	background-position: top left;
	text-indent: -999em;
	width: 40px;
	height: 60px;
	margin-top: 4px;
	margin-right: 10px;
}
div#footer ul#footer-navigation li a#leca{
	display: block;
	background-image: url(../res/leca.png);
	background-repeat: no-repeat;
	background-position: top left;
	text-indent: -999em;
	width: 84px;
	height: 60px;
	margin-top: 4px;
}
div#footer ul#footer-navigation li a#bio{
	display: block;
	background-image: url(../res/bio_siegel.png);
	background-repeat: no-repeat;
	background-position: top left;
	text-indent: -999em;
	width: 46px;
	height: 60px;
	margin-top: 4px;
}


/*______________________________________________________ THREE COL TEMPLATE */
div.threecol-wrap{
	overflow: hidden;
	border-bottom: 1px solid #ededed;
}
div.threecol-left{
	width: 200px;
	float: left;
}
div.threecol-center{
	width: 500px;
	margin: 0px 0px 0px 25px;
	float: left;
}
div.threecol-right{
	width: 200px;
	margin: 0px 0px 0px 750px;
}
div.threecol-left ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
	font-size: 8pt;
}
div.threecol-left ul li a{
	display: block;
	border-bottom: 1px solid #ededed;
	padding: 2px 0px 3px 2px;
	text-decoration: none;
	color: #000;
	color: #000;
}
div.threecol-left ul li a:hover{
	color: #000000;
	background-color: #ffebe2;
}
div.threecol-left ul li.active a{
	background-color: #E2001A;
	color: #FFFFFF;
	font-weight: bold;
}
div.threecol-left ul li.has-sub a{
	padding-left: 17px;
	background-image: url('../res/hassub.png');
	background-repeat: no-repeat;
	background-position: center left;
}
div.threecol-left ul li.has-sub-active a{
	padding-left: 17px;
	background-image: url('../res/hassub_active.png');
	background-repeat: no-repeat;
	background-position: 2px 0.5em;
	background-color: #E2001A;
	color: #FFF;
	font-weight: bold;
}
div.threecol-left ul li.has-sub-active ul li a{
	background-image: none;
	background-color: #ffebe2;
	border-bottom: 1px solid #FFFFFF;
	margin: 0px 0px 0px 0px;
	color: #000;
	font-weight: normal;
}
div.threecol-left ul li.has-sub-active ul li.active a{
	background-color: #FFF;
}


/*______________________________________________________ ACCORDION */
div#ce-accordion h1.replaced{
	border-top: 1px solid #ededed;
	cursor: pointer;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 30px;
	background-position: top left;
}
div#ce-accordion h1.replaced:hover{
	background-position: bottom left;
	background-color: #FFEFF1;
}
div#ce-accordion div.projects-container h1.replaced:hover{
	background-color: transparent;
	background-position: top left;
	cursor: auto;
}
div.projects-container h1.replaced{
	border: none;	
	margin: -7px 0px 0px 0px;
}
div#ce-accordion h1.active,
div#ce-accordion h1.active:hover{
	background-position: left center;
	background-color: #FFFFFF;
}
div.accordion-content{
	overflow: hidden;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
div.accordion-content h2{
	font-weight: normal;
}


/*______________________________________________________ CONTENT LIST */
ul.csc-bulletlist,
div.projektor-text ul{
	margin: 0px 0px 0px 17px;
	padding: 0px;
	list-style-image: url(../res/hassub.png);
}
ul.csc-bulletlist li,
div.projektor-text ul li{
	padding: 2px 3px 3px 0px;
}
ul.csc-bulletlist li.odd{}

/*______________________________________________________ GALLERY */
span.gallery-thumbnail{
	padding: 0px 5px 5px 0px;
}

/*______________________________________________________ KONTAKTFORMULAR */
form#mailform fieldset.csc-mailform{
	border: none;
	margin: 0px;
	padding: 0px;
}
div.csc-mailform-field label{
	display: block;
	width: 100px;
}
div.csc-mailform-field input{
	margin: 0px 0px 10px 0px;
}
div.csc-mailform-field input,
div.csc-mailform-field textarea{
	width: 400px;
	border: 1px solid #777;
	padding: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
}
div.csc-mailform-field input:focus,
div.csc-mailform-field textarea:focus{
	border: 1px solid #E2001A;
}
small a{
	color: #E2001A !important;
}
div.csc-mailform-field input[type=submit]{
	cursor: pointer;
	background-color: #E2001A;
	border: none;
	color: #FFFFFF;
	padding: 3px 13px 3px 13px;
	margin: 10px 0px 0px 0px;
	width: auto;
}


/*______________________________________________________ STARTSEITE */
ul#startpage{
	background-image: url(../res/homepage_gebaeude.jpg);
	background-repeat: no-repeat;
	width: 870px;
	height: 350px;
	list-style-type: none;
	margin: 0px 0px 1px 0px;
	padding: 0px;
}
ul#startpage h5{
	display: none;
	margin: 20px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
	font-size: 18pt;
	font-weight: normal;
}
ul#startpage h5 a{
	text-decoration: none;
}
ul#startpage h5 a:hover{
	text-decoration: underline;
}
ul#startpage li#startpage-lehrieder,
ul#startpage li#startpage-event,
ul#startpage li#startpage-messe,
ul#startpage li#startpage-casino{
	display: block;
	float: left;
	width: 217px;
	height: 350px;
	border-right: 1px solid #f1f1f1;
}
ul#startpage li#startpage-lehrieder:hover,
ul#startpage li#startpage-event:hover,
ul#startpage li#startpage-messe:hover,
ul#startpage li#startpage-casino:hover{
	background-image:  url(../res/startpage/white_blender.png);
}
ul#startpage li ul{
	display: none;
	list-style-type: none;
	margin: 20px 0px 0px 20px;
	padding: 0px;
}
ul#startpage li ul li{
	margin: 0px 0px 5px 0px;
}
ul#startpage li ul li a{
	color: #000000;
	text-decoration: none;
	margin: 0px 20px 0px 0px;
	display: block;
}
ul#startpage li ul li a:hover{
	text-decoration: underline;
}
ul#startpage li:hover ul,
ul#startpage li:hover h5{
	display: block;
}
ul#startpage li#startpage-casino{
	width: 216px;
	border-right: none;
}


/*______________________________________________________ TEASER MENÜ /W BILDERN */
p.teaser-menu-text{
	padding: 0px;
	margin: 5px 0px 0px 170px;
}
div.teaser-menu-item{
	overflow: hidden;
	cursor: pointer;
	margin: 0px 1px 1px 0px;
}
span.description{
	color: #9f9f9f; 
}
div.teaser-menu-item img{
	float: left;
	opacity: 1;
}
div.teaser-menu-item:hover{
	background-color: #FFEFF1;
}
div.teaser-menu-item:hover img{
	opacity: 0.6;
	filter: alpha(opacity = 60);
}
div.teaser-menu-item:hover span.description{
	color: #000000;
}
p.teaser-menu-text a{
	font-size: 11pt;
	padding: 0px;
	margin: 3px 0px 0px 0px;
	text-decoration: none;
	color: #000;
	font-weight: bold;
	display: block;
}
p.teaser-menu-text a:hover{
	
}


/*______________________________________________________ SUCHE */
fieldset.search{
	padding: 10px 10px 10px 10px;
	border: none;
	background: #FFEFF1;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
td.search-input{
}
td.search-input label{
	font-weight: bold;
	padding: 0px 0px 0px 0px;
	display: none;
}
td.search-input input{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	border: 1px solid #000;
	padding: 3px 8px 3px 8px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
td.search-submit input{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	background-color: #DFDFDF;
	padding: 3px 8px 3px 8px;
	border-left: 1px solid #9F9F9F;
	border-top: 1px solid #9F9F9F;
	border-right: 1px solid #5F5F5F;
	border-bottom: 1px solid #5F5F5F;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
td.search-submit input:hover{
	background-color: #EFEFEF;
	padding: 3px 8px 3px 8px;
	border-left: 1px solid #9F9F9F;
	border-top: 1px solid #9F9F9F;
	border-right: 1px solid #5F5F5F;
	border-bottom: 1px solid #5F5F5F;
}
div.tx-indexedsearch-whatis{
	margin: 10px 0px 10px 0px;
}
span.tx-indexedsearch-sw{
	color: #E2001A;
}
div.browsebox{
	margin: 10px 0px 20px 0px;
}
ul.browsebox{
	list-style: none;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
}
ul.browsebox li{
	display: block;
	float: left;
	margin: 0px 8px 0px 0px;
}
ul.browsebox li a{
	display: block;
	background-color: #EFEFEF;
	padding: 4px 6px 4px 6px;
	color: #333;
	text-decoration: none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
ul.browsebox li a:hover{
	background-color: #666;
	color: #FFF;
}
ul.browsebox li.tx-indexedsearch-browselist-currentPage a{
	background-color: #E2001A;
	color: #FFF;
}
table.search-results{
	margin: 20px 0px 0px 0px;
	width: 100%;
	border-top: 1px solid #efefef;
}


/* _________________________________________________________ SHADOWBOX */
#shadowbox_toolbar {
  margin: 0;
  padding: 0;
  height: 25px !important;
  overflow: hidden;
}
div#shadowbox_body{
	border: 1px solid #666;
}
div#shadowbox_loading span{
	display: none;
}
#shadowbox_loading{
	text-align: center;
}
div#shadowbox_title_inner{
	font-size: 0.8em !important;
}
#shadowbox_loading img{
	margin: 20px 10px 0 10px;
}
#shadowbox_toolbar #shadowbox_nav_close,
#shadowbox_toolbar #shadowbox_nav_previous,
#shadowbox_toolbar #shadowbox_nav_next {
	padding-right: 10px;
}
/*______________________________________________________ STARTPAGE */
div#startpage-teaser{
	width: 880px;
	overflow: hidden;
	margin-top: 1px;
}
div#startpage-teaser div.csc-pic{
	width: 216px;
	height: 148px;
	float: left;
	margin: 0px 2px 0px 0px;
	background-color: #FFF;
}
div#startpage-teaser div.csc-pic:hover{
	background-color: #986f33;
}
div#startpage-teaser div.csc-pic:hover span{
	color: #FFF;
	padding-left: 5px;
}
div#startpage-teaser div.csc-pic span{
	color: #000;
	font-size: 13px;
	font-weight: bold;
}
div#startpage-teaser div.csc-pic a{
	display: block;
	margin: 0px 0px 5px 0px;
}