/*
	dunkelgrün		00501F
	gelb			FFEC00
	beige			FFF9BD
	orange			ff9c00
	rot				FF0000
	blau			009adc

*/
* {
	margin: 0;
	padding: 0;
	text-decoration: none;
	border: none;
}
body {
	background-image: url(images/layout/hintergrund.jpg);
	font-family: Trebuchet MS ,Verdana, Arial ;
	text-align: center;
	font-size: 12px;
}
#wrapper {
	width: 1060px;
	margin: 10px auto;
	text-align: left;
}
#header {
	height: 112px;
}
#header img {
	float: left;
}
#laufschrift {
	height: 20px;
	width: 900px;
	background-color: #FFEC00;
	padding-top: 5px;
	text-align: left;
  position: relative;
}
#container {
	background-color: #FFF9BD;
	width: 900px;
}
.breadcrumb {
	font-size: 11px;
}
.invisible {
  position: absolute; left: -1000px; top: -1000px;
  width: 0p; height. 0px;
  display: inline;
}
/* Laufschrift im Kopf */
#laufschrift .mooquee
{
	/* don't change */
  position: absolute;
	overflow: hidden;
	white-space: nowrap;
}
#laufschrift .mooquee-text
{
	/* don't change */
	position: absolute;
}


#anzeige {
	float: right;
	margin-top: 137px;
}

/* ==================  NAVI LINKS  ============= */
#left {
	width: 153px;
	background-color: #FFF9BD;
	float: left;
}

#left img {
	margin-bottom: -3px;
}

#left a {
	display: block;
}

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

/* ==========  STARTSEITE  ====== */
#left .startseite a {
	background: url(images/Navigation/Start.gif) no-repeat top right;
	height: 51px;
	width: 2153px;
	margin-left: -2000px;
}

#left .startseite a:hover,
#left .startseite a.active {
	background: url(images/Navigation/Start-over.gif) no-repeat top right;
	height: 51px;
	width: 2153px;
	margin-left: -2000px;
}


/* ==========  TRIANGEL DD  ====== */
#left .triangel-dd a {
	background: url(images/Navigation/Triangel-Dresden.gif) no-repeat top right;
	height: 60px;
	width: 2153px;
	margin-left: -2000px;
}

#left .triangel-dd a:hover,
#left .triangel-dd a.active {
	background: url(images/Navigation/Triangel-Dresden-over.gif) no-repeat top right;
	height: 60px;
	width: 2153px;
	margin-left: -2000px;
}

/* ==========  TRIANGEL EV  ====== */
#left .triangel a {
	background: url(images/Navigation/Triangel-ev.gif) no-repeat top right;
	height: 52px;
	width: 2153px;
	margin-left: -2000px;
}

#left .triangel a:hover,
#left .triangel a.active {
	background: url(images/Navigation/Triangel-ev-over.gif) no-repeat top right;
	height: 52px;
	width: 2153px;
	margin-left: -2000px;
}
/* ==========  SPEISEN & GETRÄNKE  ====== */
#left .speisen a {
	background: url(images/Navigation/Speisen.gif) no-repeat top right;
	height: 54px;
	width: 2153px;
	margin-left: -2000px;
}

#left .speisen a:hover,
#left .speisen a.active {
	background: url(images/Navigation/Speisen-over.gif) no-repeat top right;
	height: 54px;
	width: 2153px;
	margin-left: -2000px;
}


/* ==========  NEWS  ====== */
#left .news a {
	background: url(images/Navigation/News.gif) no-repeat top right;
	height: 44px;
	width: 2153px;
	margin-left: -2000px;
}

#left .news a:hover,
#left .news a.active{
	background: url(images/Navigation/News-over.gif) no-repeat top right;
	height: 44px;
	width: 2153px;
	margin-left: -2000px;
}
/* ==========  EVENTS  ====== */
#left .events a {
	background: url(images/Navigation/Events.gif) no-repeat top right;
	height: 48px;
	width: 2153px;
	margin-left: -2000px;
}

#left .events a:hover,
#left .events a.active {
	background: url(images/Navigation/Events-over.gif) no-repeat top right;
	height: 48px;
	width: 2153px;
	margin-left: -2000px;
}
/* ==========  KONTAKT  ====== */
#left .kontakt a {
	background: url(images/Navigation/Kontakt.gif) no-repeat top right;
	height: 41px;
	width: 2153px;
	margin-left: -2000px;
}

#left .kontakt a:hover,
#left .kontakt a.active{
	background: url(images/Navigation/Kontakt-over.gif) no-repeat top right;
	height: 41px;
	width: 2153px;
	margin-left: -2000px;
}
/* ==========  RESERVIERUNG  ====== */
#left .reservierung a {
	background: url(images/Navigation/Reservierung.gif) no-repeat top right;
	height: 48px;
	width: 2153px;
	margin-left: -2000px;
}

#left .reservierung a:hover,
#left .reservierung a.active {
	background: url(images/Navigation/Reservierung-over.gif) no-repeat top right;
	height: 48px;
	width: 2153px;
	margin-left: -2000px;
}
/* ==========  INTERRESSANTE LINKS  ====== */
#left .interessante-links a {
	background: url(images/Navigation/Interessante-Links.gif) no-repeat top right;
	height: 56px;
	width: 2153px;
	margin-left: -2000px;
}

#left .interessante-links a:hover,
#left .interessante-links a.active {
	background: url(images/Navigation/Interessante-Links-over.gif) no-repeat top right;
	height: 56px;
	width: 2153px;
	margin-left: -2000px;
}
/* ==========  SPIELE  ====== */
#left .spiele a {
	background: url(images/Navigation/Spiele.gif) no-repeat top right;
	height: 45px;
	width: 2153px;
	margin-left: -2000px;
}

#left .spiele a:hover,
#left .spiele a.active {
	background: url(images/Navigation/Spiele-over.gif) no-repeat top right;
	height: 45px;
	width: 2153px;
	margin-left: -2000px;
}
/* ==========  SPIELETIPPS  ====== */
#left .spieletipps a {
	background: url(images/Navigation/Spieletipps.gif) no-repeat top right;
	height: 38px;
	width: 2153px;
	margin-left: -2000px;
}

#left .spieletipps a:hover,
#left .spieletipps a.active {
	background: url(images/Navigation/Spieletipps-over.gif) no-repeat top right;
	height: 38px;
	width: 2153px;
	margin-left: -2000px;
}

/* ==================  CONTENT  ============= */
#main {
	width: 572px;
	min-height: 890px;
	background-color: #ffffff;
	border-right: 1px solid #FFEC00;
	border-left: 1px solid #FFEC00;
	float: left;
	padding: 10px;
}


#main .mod_colsetPart ul {
	list-style: none;
	font-size: 14px;
}

#main .mod_colsetPart ul li{
	margin-bottom: 15px;
}

#main .mod_colsetPart ul li.active{
	list-style-image: url(images/gifs/pit_klein.gif);
}

#main #interessante-links,
#main #newsletter,
#main #suche {
	height: 700px;
}
/* ==================  RECHTS  ============= */
#right {
	width: 153px;
	background-color: #FFF9BD;
	float: right;
	padding-top: 10px;
}

h3 {
	color: #FFEC00;
	font-size: 13px;
	font-weight: 100;
	height: 60px;
	background: url(images/layout/news.gif) top right no-repeat;
	margin-right: -5px;
	width: 135px;
	float: right;
	padding: 3px 10px 0 15px;
	font-size: 13px;
	line-height: 15px;
}

#right p {
	font-size: 12px;
	margin: 0 5px 10px 15px;
}

/*  SCHNELLSUCHE  */
#right #f3 .formbody {
	text-align: right;
	padding-right: 5px;
	padding-bottom: 10px;
}

#right #f3 input {
	border: 1px solid black;
}

#right #f3 #ctrl_38 {
	width: 135px;
	padding: 2px;
	margin-bottom: 5px;
}

/* facebook */
#right .facebook {
	padding-left: 13px;
}


/* ==================  FOOTER  ============= */
#footer {
	height: 77px;
	width: 900px;
	background-image: url(images/layout/footer.gif);
	text-align: center;
}

.footer_text {
	padding-top: 30px;
	font-size: 12px;
	color: #ffffff;
	line-height: 18px;
	font-weight: 100;
}

/* ==================  NACHRICHTENLISTE  ============= */
.mod_newslist h1 {
	color: #00501F;
	text-align: left;
	border-bottom: none;

}

.layout_full {
	border-bottom: 1px solid #00501F;
	padding-bottom: 10px;
}


/* ==================  EVENTLISTE  ============= */
.mod_eventlist h1 {
	color: #00501F;
	text-align: left;
	border-bottom: none;

}

.mod_eventlist .ce_text {
	border-bottom: 1px solid #00501F;
	padding-bottom: 10px;
}

/* ==================  SPIELE  ============= */

#main .spieleuebersichts_tabelle table tr td{
	padding: 10px 20px 10px 10px;
}


/* ==================  AUFLISTUNG SPIELE  ============= */
#main .mod_listing h2,
#main .mod_spielelisting h2 {
	font-size: 1.2em;
	color: #ff9c00;
	font-weight: bold;
	margin-bottom: 10px;
}

#main .mod_listing .info,
#main .mod_spielelisting .info {
	border-bottom: 1px solid #00501F;
	padding-bottom: 10px;
}

#main .mod_listing .details,
#main .mod_spielelisting .details {
	float: left;
	width: 150px;
	margin-bottom: 50px;
	height: auto!important; height: 40px;
}

#main .mod_listing .descr,
#main .mod_spielelisting  .descr {
	float: left;
	width: 405px;
}

#main .mod_listing .spiel,
#main .mod_spielelisting .spiel{
  height: auto!important; height: 40px; min-height: 40px;
	border-bottom: 1px solid #00501F;
	margin-bottom: 10px;
	padding-bottom: 10px;
}


#main .mod_listing .image_container,
#main .mod_spielelisting .image_container {
	width: 100px;
}

/* ==================  DETAILANSICHT SPIELE  ============= */
#main .mod_listing .spiel_info,
#main .mod_spielelisting .spiel_info {
  height: auto!important; height: 40px; min-height: 40px;
	border-bottom: 1px solid #00501F;
	margin-bottom: 10px;
	margin-top: 30px;
	padding-bottom: 10px;
}

#main .mod_listing .spiel_info .details,
#main .mod_spielelisting .spiel_info .details {
  width: 305px;
}
#main .mod_listing .spiel_info .descr,
#main .mod_spielelisting .spiel_info  .descr {
	float: left;
	width: 305px;
}


#main .mod_listing .spiel_info .image_container,
#main .mod_spielelisting .spiel_info .image_container {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
	width: auto;
}



/* ==================  SPIELETIPPS  ============= */
#main .layout_short {
  clear: both;
	border-bottom: 1px solid #00501F;
	margin-bottom: 10px;
}

.mod_newsreader h1 {
	color: #00501F;
	text-align: left;
	border-bottom: none;
}

.mod_newsreader p.info {
	font-size: 12px;
	margin: 0;
}

#main .back {
	text-align:right;
}
/* ==================  SUCHE BEI KOMPLETTE-SPIELELISTE  ============= */
#main .list_search {
	margin-bottom: 10px;
	border-bottom: 1px solid #00501F;
}
#main .list_search label {
  width: 150px;
  display: block;
  float: left;
}
#main .list_search input {
	border: 1px solid black;
	padding: 2px;
	margin-bottom: 5px;
}
#main .list_search option {
	margin-right: 10px;
}

#main .list_search select {
	border: 1px solid black;
	margin-bottom: 5px;
}

/* ==================  SUCHE + ERGEBNISSEITE  ============= */
#main .mod_search form {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #00501F;
}
#main .mod_search input {
	border: 1px solid black;
	margin: 0 10px;
	padding: 2px;
}

#main .mod_search div.even,
#main .mod_search div.odd {
	border-bottom: 1px solid #00501F;
	margin-bottom: 10px;
}
#main .mod_search .highlight {
  font-weight: bold;
}
/* ==================  KOMMENTAR SCHREIBEN  ============= */
#main .ce_comments input,
#main .ce_comments textarea {
	border: 1px solid black;
	margin-bottom: 5px;
}

#main .ce_comments input {
	border: 1px solid black;
}

/* ==================  NEWSLETTER  ============= */
#main .mod_subscribe input,
#main .mod_unsubscribe input {
	border: 1px solid black;
	margin: 0 10px;
	padding: 2px;
}

#main .mod_subscribe input {
	margin-top: 20px;
}

#main .mod_unsubscribe  {
	border-top: 1px solid black;
	margin-top: 20px;
	padding-top: 20px;
}


#main .mod_subscribe p.confirm {
	border: 1px solid green;
	text-align: center;
	padding: 3px;
	background: #9ACD32;
}
/* ==================  RESERVEIRUNG FORMULAR  ============= */

#f1 {
	width: 460px;
}

#f1 input,
#f1 textarea {
	border: 1px solid black;
	padding: 2px;
	margin: 0 10px 5px 0;
	float: left;
	width: 149px;
}
#f1 input.error,
#f1 select.error,
#f1 textarea.error {
	border: 1px solid red;
	background: #ffdddd;
}

#f1 label {
	float: left;
	width: 100px;
}

#f1 .explanation {
	margin: 0 10px 10px 10px;
}

#f1 .submit_container {
	clear: both;
	text-align: center;
}
#f1 #ctrl_20 {
	float: none;
}

/*#f1 #ctrl_2 {
	width: ;
}
*/
/*strasse, mail*/
#f1 #ctrl_3,
#f1 #ctrl_8 {
	width: 314px;
	/*margin-right: 150px;*/
}

/*plz*/
#f1 #ctrl_5 {
	width: 50px;
}

/*ort*/
#f1 #ctrl_6 {
	width: 248px;
	/*margin-right: 150px;*/
}

/*telefon*/
#f1 #ctrl_7 {
	margin-right: 200px;
}

/*tisch*/
#f1 #ctrl_11 {
	width: 20px;
}



/*checkbox brettpit*/
#f1 #ctrl_12 label {
	margin-bottom: 10px;
	width: 300px;
}

#f1 .checkbox {
	float: left;
	width: 20px;
}

#f1 .row_10 {
	display: block;
	float: none;
	clear: both;
}

/*zeit*/
#f1 #ctrl_17 {
	margin-right: 250px;
	margin-bottom: 10px;
}

#f1 label.zeit {
	clear: both;
}

/*datum*/
#f1 .calendar {
	float: left;
	margin-bottom: 10px;
}

/*bemerkung*/
#f1 textarea {
	float: left;
	width: 314px;
	height: 100px;
	/*margin-right: 150px;*/
}

#f1 select {
	float: left;
	border: 1px solid black;
}


#f1 .captcha_text {
	width: 200px;
	float: left;
}

#f1 #ctrl_39 {
	
}

p.error {
	border: 1px solid red;
	background: #ffdddd;
	text-align: center;
	padding: 2px;
}

#f1 div.error {
	border: 1px solid red;
	background: #ffdddd;
	float: left;
	padding: 2px;
}
/*===================  VOR/ZURÜCK PAGINATION  ============= */
#main .pagination {
	margin: 2em 0 0 0;
	padding: 0;
}
#main .pagination p {
	margin: 0;
	padding: 0;
}
#main .pagination ul {
	margin: 0;
	list-style: none;
}
#main .pagination ul li {
	float: left;
	margin: 0 0.8em 0 0;
}
#main .pagination ul li .pagination_current {
	color: #666;
	font-weight: bold;
}

/* ==================  SONSTIGE TAGS  ============= */
p {
	margin-bottom: 10px;
}

.clear {
	clear: both;
}

h1 {
	color: #ff9c00;
	font-size: 14px;
	font-weight: 100;
	margin-bottom: 10px;
	margin-top: 10px;
	border-bottom: 1px solid #ff9c00;
}

#main .ce_text  {
	clear: both;
}
#main  h2 {
	color: #ff9c00;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 10px;
}

a {
	color: #009adc;
}

#main a:hover {
	border-bottom: 1px solid #009adc;
}

#main .image_container a:hover {
	border: none;
}
.impressum {
	vertical-align: bottom;
}

ul,
ol {
	margin: 10px 10px 10px 20px;
}

hr {
	background-color: #00501F;
	margin-bottom: 10px;
}

.left {
	float: left;
}

.right {
	float: right;
}