/*

	Projekt: Spielart Laucha
	Kunde: Marca Grafica
	Datei: style.css
	Author: Harald Amelung

	============
	== FARBEN ==
	============

	Hintergrund: #56a929
	Hintergrund Content: #000000
	Text: #ffffff

*/

/* Basics */
body { 
  background-color: #56a929; 
  color: #ffffff; 
  font-family: Verdana, Helvetica, Geneva, Tahoma, Arial, sans-serif; 
  font-size: 12px;
  line-height: 18px; 
}

a { color: #ffffff; text-decoration: underline; }
	a:link {  }
	a:visited {  }
	a:hover {  }
	a:active {  }

/* Layout */

#container { 
  position: relative;
  margin: 0 auto; 
  width: 980px; 
  text-align: left;
  background: url('../img/verlauf-spielart.gif') repeat-y top center;
}

#header {
  height: 240px;
  background: url('../img/bg_header.gif') no-repeat top left;
}

#raben {
  background: url('../img/raben.png') no-repeat top left;
  margin-left: 40px;
}

/*#rotelinie {
  background: url('../img/rote-linie.gif') top left no-repeat;
}*/

#title {
  float: left;
  background: url('../img/schriftspielart2.png') no-repeat top left;
  margin-top: 130px;
  width: 480px;
  height: 60px;
}

#logo {
  float: right;
  margin-right: 40px;
}

#content_top {
  background: url('../img/bg_content_top.gif') no-repeat 240px 0;
  height: 16px;
}

#main {
  background: url('../img/bg_main.gif') repeat-y 240px 0;
}

#main2 {
  background: transparent url('../img/vogelfuesse.png') repeat-y 100px 50px;
}

#sidebar {
  width: 240px;
  float: left;
  background: url('../img/kleiner-rabe.png') no-repeat top left;
  margin-top: -60px;
}

#mainnav {
  position: relative;
  width: 150px;
  margin: 130px 0 0 35px;
  padding: 0;
}

#mainnav li {
  width: 142px;
  margin-bottom: 10px;
}

#mainnav li a {
  display: block;
  text-decoration: none;
  height: 55px;
  padding: 0 20px;
}

#mainnav li a span {
  visibility: hidden;
  display: none;
}

#mainnav #deutsch {
  background: url('../img/menue/deutsch.png') no-repeat top left;
}
#mainnav #deutsch:hover {
  background-position: 1px 1px;
}
#mainnav #deutsch.active:hover {
  background-position: 0px 0px;
}

#mainnav #english {
  background: url('../img/menue/english.png') no-repeat top left;
}
#mainnav #english:hover {
  background-position: 1px 1px;
}
#mainnav #english.active:hover {
  background-position: 0px 0px;
}

#mainnav #espanol {
  background: url('../img/menue/espanol.png') no-repeat top left;
}
#mainnav #espanol:hover {
  background-position: 1px 1px;
}
#mainnav #espanol.active:hover {
  background-position: 0px 0px;
}
#mainnav #francaise {
  background: url('../img/menue/francaise.png') no-repeat top left;
}
#mainnav #francaise:hover {
  background-position: 1px 1px;
}
#mainnav #francaise.active:hover {
  background-position: 0px 0px;
}
#mainnav #russki {
  background: url('../img/menue/Russisch.png') no-repeat top left;
}
#mainnav #russki:hover {
  background-position: 1px 1px;
}
#mainnav #russki.active:hover {
  background-position: 0px 0px;
}



#mainnav #home {
  background: url('../img/menue/home.png') no-repeat top left;
}
#mainnav #home:hover {
  background-position: 1px 1px;
}
#mainnav #home.active:hover {
  background-position: 0px 0px;
}
#mainnav #inicio {
  background: url('../img/menue/inicio.png') no-repeat top left;
}
#mainnav #inicio:hover {
  background-position: 1px 1px;
}
#mainnav #inicio.active:hover {
  background-position: 0px 0px;
}
#mainnav #ru_home {
  background: url('../img/menue/Russisch-Home.png') no-repeat top left;
}
#mainnav #ru_home:hover {
  background-position: 1px 1px;
}
#mainnav #ru_home.active:hover {
  background-position: 0px 0px;
}
#mainnav #accueil {
  background: url('../img/menue/accueil.png') no-repeat top left;
}
#mainnav #accueil:hover {
  background-position: 1px 1px;
}
#mainnav #accueil.active:hover {
  background-position: 0px 0px;
}

#mainnav #unternehmen {
  background: url('../img/menue/unternehmen.png') no-repeat top left;
}
#mainnav #unternehmen:hover {
  background-position: 1px 1px;
}
#mainnav #unternehmen.active:hover {
  background-position: 0px 0px;
}
#mainnav #company {
  background: url('../img/menue/company.png') no-repeat top left;
}
#mainnav #company:hover {
  background-position: 1px 1px;
}
#mainnav #company.active:hover {
  background-position: 0px 0px;
}
#mainnav #empresa {
  background: url('../img/menue/empresa.png') no-repeat top left;
}
#mainnav #empresa:hover {
  background-position: 1px 1px;
}
#mainnav #empresa.active:hover {
  background-position: 0px 0px;
}
#mainnav #notresociete {
  background: url('../img/menue/notre-societe.png') no-repeat top left;
}
#mainnav #notresociete:hover {
  background-position: 1px 1px;
}
#mainnav #notresociete.active:hover {
  background-position: 0px 0px;
}
#mainnav #ru_unternehmen {
  background: url('../img/menue/Russisch-Unternehmen.png') no-repeat top left;
}
#mainnav #ru_unternehmen:hover {
  background-position: 1px 1px;
}
#mainnav #ru_unternehmen.active:hover {
  background-position: 0px 0px;
}

#mainnav #projektplanung {
  background: url('../img/menue/projektplanung.png') no-repeat top left;
}
#mainnav #projektplanung:hover {
  background-position: 1px 1px;
}
#mainnav #projektplanung.active:hover {
  background-position: 0px 0px;
}
#mainnav #projectplanning {
  background: url('../img/menue/projectplanning.png') no-repeat top left;
}
#mainnav #projectplanning:hover {
  background-position: 1px 1px;
}
#mainnav #projectplanning.active:hover {
  background-position: 0px 0px;
}
#mainnav #desarrollo {
  background: url('../img/menue/desarrollo.png') no-repeat top left;
}
#mainnav #desarrollo:hover {
  background-position: 1px 1px;
}
#mainnav #desarrollo.active:hover {
  background-position: 0px 0px;
}
#mainnav #conceptiondunprojet {
  background: url('../img/menue/conception-et-realisation.png') no-repeat top left;
}
#mainnav #conceptiondunprojet:hover {
  background-position: 1px 1px;
}
#mainnav #conceptiondunprojet.active:hover {
  background-position: 0px 0px;
}
#mainnav #ru_projektplanung {
  background: url('../img/menue/Russisch-Projektplanung.png') no-repeat top left;
}
#mainnav #ru_projektplanung:hover {
  background-position: 1px 1px;
}
#mainnav #ru_projektplanung.active:hover {
  background-position: 0px 0px;
}

#mainnav #produkte {
  background: url('../img/menue/produkte.png') no-repeat top left;
}
#mainnav #produkte:hover {
  background-position: 1px 1px;
}
#mainnav #produkte.active:hover {
  background-position: 0px 0px;
}
#mainnav #products {
  background: url('../img/menue/products.png') no-repeat top left;
}
#mainnav #products:hover {
  background-position: 1px 1px;
}
#mainnav #products.active:hover {
  background-position: 0px 0px;
}
#mainnav #productos {
  background: url('../img/menue/productos.png') no-repeat top left;
}
#mainnav #productos:hover {
  background-position: 1px 1px;
}
#mainnav #productos.active:hover {
  background-position: 0px 0px;
}
#mainnav #produits {
  background: url('../img/menue/produits.png') no-repeat top left;
}
#mainnav #produits:hover {
  background-position: 1px 1px;
}
#mainnav #produits.active:hover {
  background-position: 0px 0px;
}
#mainnav #ru_produkte {
  background: url('../img/menue/Russisch-Produkte.png') no-repeat top left;
}
#mainnav #ru_produkte:hover {
  background-position: 1px 1px;
}
#mainnav #ru_produkte.active:hover {
  background-position: 0px 0px;
}

#mainnav #katalog {
  background: url('../img/menue/katalog.png') no-repeat top left;
}
#mainnav #katalog:hover {
  background-position: 1px 1px;
}
#mainnav #katalog.active:hover {
  background-position: 0px 0px;
}
#mainnav #catalogue {
  background: url('../img/menue/catalogue.png') no-repeat top left;
}
#mainnav #catalogue:hover {
  background-position: 1px 1px;
}
#mainnav #catalogue.active:hover {
  background-position: 0px 0px;
}
#mainnav #catalogo {
  background: url('../img/menue/catalogo.png') no-repeat top left;
}
#mainnav #catalogo:hover {
  background-position: 1px 1px;
}
#mainnav #catalogo.active:hover {
  background-position: 0px 0px;
}
#mainnav #catalogue_fr {
  background: url('../img/menue/catalogue_fr.png') no-repeat top left;
}
#mainnav #catalogue_fr:hover {
  background-position: 1px 1px;
}
#mainnav #catalogue_fr.active:hover {
  background-position: 0px 0px;
}
#mainnav #ru_katalog {
  background: url('../img/menue/Russisch-Katalog.png') no-repeat top left;
}
#mainnav #ru_katalog:hover {
  background-position: 1px 1px;
}
#mainnav #ru_katalog.active:hover {
  background-position: 0px 0px;
}

#mainnav #kontakt {
  background: url('../img/menue/kontakt.png') no-repeat top left;
}
#mainnav #kontakt:hover {
  background-position: 1px 1px;
}
#mainnav #kontakt.active:hover {
  background-position: 0px 0px;
}
#mainnav #contact {
  background: url('../img/menue/contact.png') no-repeat top left;
}
#mainnav #contact:hover {
  background-position: 1px 1px;
}
#mainnav #contact.active:hover {
  background-position: 0px 0px;
}
#mainnav #contacto {
  background: url('../img/menue/contacto.png') no-repeat top left;
}
#mainnav #contacto:hover {
  background-position: 1px 1px;
}
#mainnav #contacto.active:hover {
  background-position: 0px 0px;
}
#mainnav #contact_fr {
  background: url('../img/menue/contacts.png') no-repeat top left;
}
#mainnav #contact_fr:hover {
  background-position: 1px 1px;
}
#mainnav #contact_fr.active:hover {
  background-position: 0px 0px;
}
#mainnav #ru_kontakt {
  background: url('../img/menue/Russisch-Kontakt.png') no-repeat top left;
}
#mainnav #ru_kontakt:hover {
  background-position: 1px 1px;
}
#mainnav #ru_kontakt.active:hover {
  background-position: 0px 0px;
}

#mainnav #aktuelles {
  background: url('../img/menue/aktuelles.png') no-repeat top left;
}
#mainnav #aktuelles:hover {
  background-position: 1px 1px;
}
#mainnav #aktuelles.active:hover {
  background-position: 0px 0px;
}
#mainnav #news {
  background: url('../img/menue/news.png') no-repeat top left;
}
#mainnav #news:hover {
  background-position: 1px 1px;
}
#mainnav #news.active:hover {
  background-position: 0px 0px;
}
#mainnav #actualidad {
  background: url('../img/menue/actualidad.png') no-repeat top left;
}
#mainnav #actualidad:hover {
  background-position: 1px 1px;
}
#mainnav #actualidad.active:hover {
  background-position: 0px 0px;
}
#mainnav #actualites {
  background: url('../img/menue/actualites.png') no-repeat top left;
}
#mainnav #actualites:hover {
  background-position: 1px 1px;
}
#mainnav #actualites.active:hover {
  background-position: 0px 0px;
}
#mainnav #ru_aktuelles {
  background: url('../img/menue/Russisch-Aktuelles.png') no-repeat top left;
}
#mainnav #ru_aktuelles:hover {
  background-position: 1px 1px;
}
#mainnav #ru_aktuelles.active:hover {
  background-position: 0px 0px;
}

#mainnav #impressum {
  background: url('../img/menue/impressum.png') no-repeat top left;
}
#mainnav #impressum:hover {
  background-position: 1px 1px;
}
#mainnav #impressum.active:hover {
  background-position: 0px 0px;
}
#mainnav #imprint {
  background: url('../img/menue/imprint.png') no-repeat top left;
}
#mainnav #imprint:hover {
  background-position: 1px 1px;
}
#mainnav #imprint.active:hover {
  background-position: 0px 0px;
}
#mainnav #legal {
  background: url('../img/menue/legal.png') no-repeat top left;
}
#mainnav #legal:hover {
  background-position: 1px 1px;
}
#mainnav #legal.active:hover {
  background-position: 0px 0px;
}
#mainnav #informations_generales {
  background: url('../img/menue/imformations-generales.png') no-repeat top left;
}
#mainnav #informations_generales:hover {
  background-position: 1px 1px;
}
#mainnav #informations_generales.active:hover {
  background-position: 0px 0px;
}
#mainnav #ru_impressum {
  background: url('../img/menue/Russisch-Impressum.png') no-repeat top left;
}
#mainnav #ru_impressum:hover {
  background-position: 1px 1px;
}
#mainnav #ru_impressum.active:hover {
  background-position: 0px 0px;
}

#mainnav ul.e2 {
  padding-left: 13px;
}

#mainnav ul.e2 li {
  padding: 0;
  margin: 0 0 3px 0;
  width: 140px;
  background-color: #000;
  color: #fff;
  font-size: 13px;
  line-height: 15px;
}

#mainnav ul.e2 li span.top {
  background: url('../img/menue/button_submenu_top.gif') no-repeat top left;
  width: 140px;
  height: 5px;
  display: block;
}

#mainnav ul.e2 li span.bottom {
  background: url('../img/menue/button_submenu_bottom.gif') no-repeat bottom left;
  width: 140px;
  height: 5px;
  display: block;
}

#mainnav ul.e2 li span.active {
  font-weight: bold;
  padding: 2px 5px 2px 10px;
  display: block;
/*  padding-left: 10px; */
}

#mainnav ul.e2 li a {
  padding: 2px 5px 2px 10px;
  height: auto;
  color: #fff;
}

#mainnav ul.e2 li a:hover, 
#mainnav ul.e2 li a:focus {
  font-weight: bold;
}

#mainnav ul.e2 li ul.e3 {
  margin: 5px 0 0 15px;
}

#mainnav ul.e2 li ul.e3 li {
  width: 110px;
  font-size: 11px;
  padding: 0;
  margin: 0;
  background: url('../img/menue/dot_green.gif') no-repeat 0 8px;
}

#mainnav ul.e2 li ul.e3 li.active {
  font-weight: bold;
  padding: 2px 10px;
  width: 100px;
}

#content {
  width: 690px;
  margin-left: 260px;
}

#content_main {
  padding: 0 0 20px 0;
}

#content_main .csc-header-n1 {
  padding-bottom: 10px;
}

#icon {
  position: absolute;
  top: 220px;
  right: 0;
  float: right;
  height: 95px;
  width: 95px;
  display: none;
}

#footer {
  background: url('../img/bg_content_bottom.gif') no-repeat 240px 0px;
  height: 16px;
  padding: 20px 10px 40px 250px;
  font-size: 10px;
}

/* ######################################################################################################
** ### Subtemplates #####################################################################################
** ######################################################################################################
*/

.subcolumns {
		width: 100%;
		padding: 0 1px 0 1px;
		margin: 0 -1px 0 -1px;
		overflow:hidden;
}

.c50l, .c33l, .c66l {float: left; overflow: hidden;}
.c50r, .c33r, .c66r {float: right; overflow: hidden;}

.c33l, .c33r { width: 33.333%; }
.c50l, .c50r { width: 49.999%; }
.c66l, .c66r { width: 66.666%; }

.subc  { padding: 0; overflow: hidden; }
.subcl { padding: 0; overflow: hidden; }
.subcr { padding: 0; overflow: hidden; }

/* Textgestaltung */

h1 { font-size: 22px; line-height: 33px; margin: 0 0 16px 0; }
h2 { font-size: 16px; line-height: 24px; margin: 0 0 12px 0; }
h3 { font-size: 15px; line-height: 22px; margin: 0 0 11px 0; }
h4 { font-size: 14px; line-height: 21px; margin: 0 0 10px 0; }
h5 { font-size: 13px; line-height: 20px; margin: 0 0 10px 0; }
h6 { font-size: 12px; line-height: 18px; margin: 0 0 9px 0; }

p, ul, ol { margin-bottom: 10px; }

.csc-textpic-text ul {
  list-style-type: disc;
  color: #fff;
  padding-left: 20px;
}

/* Spezielle Klassen */

/* Allgemeine Klassen */

.clear { display:block; width:100%; clear:both; }

.hidden, .csc-frame-invisible { display:none; }

/* smooth gallery */
.tx-rgsmoothgallery-pi1 {
  float: left;
  margin: 0 10px 0 0;
}

/*#externalthumbs {
  float: right;
  width: 270px;
}*/

#externalthumbs .label { display: none; }
#externalthumbs .thumbnail { float: left; margin: 10px 0 0 0; }

.marker, .dirmenu, .dirmenu a {
  color: #000;
}

.todirform,
#map18_fromdirform_0_0 {
  margin: 0 0 10px 0;
}
#mailform .csc-mailform-field {
  clear: left;
  padding: 5px 0;
}
#mailform label {
  width: 160px;
  float: left;
}
#mailformMitteilung {
  clear: left;
  width: 410px;
}

#mailform input,
#mailformInteressentengruppe {
  width: 250px;
}

#mailform #mailformPLZ {
  width: 40px;
}

#mailform .csc-mailform-submit {
  width: auto;
}

#content_main .csc-frame-frame1 p i {
	margin: 10px 0 0 20px;
	font-size: 0.85em;
}

div.tx-wtgallery-pi1 {
  background: transparent none;
  padding: 0;
}

.wtgallery_list_area {
  float: left;
}

.wtgallery_list_pagebrowser_area {
  padding-left: 10px;
}

.wtgallery_list_pagebrowser_area p {
  margin: 0;
}

.wtgallery_list_pagebrowser_area ul {
  list-style-type: none;
}

.wtgallery_list_pagebrowser_area ul li {
  float: left;
  margin: 0 5px 0 0;
}

.tx-wtgallery-pi1 .wtgallery_list_area .list_row .clear {
  clear: left;
}

div.wtgallery_list_current a img {
	border:1px solid #444;
}

map area:hover {
	cursor: pointer;
}

#ceid425,#ceid422,#ceid420,#ceid418,#ceid416,#ceid413,#ceid412,#ceid409,#ceid407,#ceid406,
#ceid476,#ceid487,#ceid488,#ceid489,#ceid490,#ceid491,#ceid492,#ceid525, #ceid614, #ceid619, #ceid643,
#ceid648,#ceid649,#ceid650 {
	display: none;
	position: absolute;
}

#ceid406,
#ceid489,#ceid490 {
	top: 650px;
	left: 530px;
}

#ceid407, #ceid409, #ceid412,
#ceid476 {
	top: 460px;
	left: 330px;
}

#ceid487,#ceid488 {
	top: 550px;
	left: 530px;
}

#ceid491,#ceid492 {
	top: 750px;
	left: 530px;
}

#ceid418 {
	top: 550px;
	left: 390px;
}

#ceid420 {
	top: 450px;
	left: 510px;
}

#ceid413, #ceid416, #ceid422 {
	top: 570px;
	left: 590px;
}

#ceid425 {
	top: 490px;
	left: 590px;
}

#ceid525,
#ceid614,
#ceid619,
#ceid643,
#ceid648,
#ceid649,
#ceid650 {
	top: 400px;
	left: 280px;
}

div.infolayer {
	background: url('../img/bg_infolayer.png');
	width: 320px;
	height: 245px;
	padding: 20px;
	position: relative;
	overflow: hidden;
	z-index: 999;
}

div.infolayer p,
div.infolayer a {
	font-size: 0.9em;
	color: #000;
}

div.infolayer .close {
	background-color:#000000;
	font-size:10px;
	height:10px;
	line-height:10px;
	padding:2px;
	position:absolute;
	right:20px;
	top:20px;
	width:7px;
}

#ceid420 h5 {
	background-color: #ef8514;
	color: #fff;
	padding: 2px 0 4px 5px;
}

#ceid418 h5 {
	background-color: #fab700;
	color: #fff;
	padding: 2px 0 4px 5px;
}

#ceid425 h5 {
	background-color: #fecd32;
	color: #fff;
	padding: 2px 0 4px 5px;
}

#ceid422 h5 {
	background-color: #f29646;
	color: #fff;
	padding: 2px 0 4px 5px;
}

#ceid413 h5 {
	background-color: #e52f7e;
	color: #fff;
	padding: 2px 0 4px 5px;
}

#ceid416 h5 {
	background-color: #b3b235;
	color: #fff;
	padding: 2px 0 4px 5px;
}

#ceid409 h5 {
	background-color: #7a776d;
	color: #fff;
	padding: 2px 0 4px 5px;
}

#ceid412 h5 {
	background-color: #5e4592;
	color: #fff;
	padding: 2px 0 4px 5px;
}

#ceid407 h5 {
	background-color: #5ebbaa;
	color: #fff;
	padding: 2px 0 4px 5px;
}

#ceid406 h5 {
	background-color: #00788b;
	color: #fff;
	padding: 2px 0 4px 5px;
}

#ceid487 h5 {
	background-color: #f29400;
	color: #fff;
	padding: 2px 0 4px 5px;
}

#ceid476 h5 {
	background-color: #4caa43;
	color: #fff;
	padding: 2px 0 4px 5px;
}

#ceid488 h5 {
	background-color: #ffcc00;
	color: #fff;
	padding: 2px 0 4px 5px;
}

#ceid489 h5 {
	background-color: #cedc86;
	color: #fff;
	padding: 2px 0 4px 5px;
}

#ceid490 h5 {
	background-color: #ba88b7;
	color: #fff;
	padding: 2px 0 4px 5px;
}

#ceid491 h5 {
	background-color: #91d4f2;
	color: #fff;
	padding: 2px 0 4px 5px;
}

#ceid492 h5 {
	background-color: #e53b20;
	color: #fff;
	padding: 2px 0 4px 5px;
}

#ceid525 h5 {
	background-color: #bbdbed;
	color: #fff;
	padding: 2px 0 4px 5px;
}

#ceid614 h5 {
	background-color: #FCEFA9;
	color: #000;
	padding: 2px 0 4px 5px;
}

#ceid619 h5 {
	background-color: #934e70;
	color: #fff;
	padding: 2px 0 4px 5px;
	font-size: 9px;
}

#ceid643 h5 {
	background-color: #e2001a;
	color: #fff;
	padding: 2px 0 4px 5px;
}

#ceid650 h5 {
	background-color: #92002f;
	color: #fff;
	padding: 2px 0 4px 5px;
}

#ceid665 {
    left: 50%;
    margin-left: 355px;
    position: absolute;
    top: 326px;
}

#ceid665 img {
    border: 1px solid #999;
}


#ceid649 h5 {
	background-color: #00a370;
	color: #fff;
	padding: 2px 0 4px 5px;
}