/*

	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 #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 #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 #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 #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 #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 #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 #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 #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 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;
}