/***Reset all ***/
* {padding:0 ;margin:0; border:0;}
/***BASICS****/
html {}
body {height:100%; background:#FFE7B0; font-size:12px; font-family:verdana, sans-serif; text-align:center}
a:focus {outline: none;}
A {text-decoration:none; color:#835528;}
A:hover {text-decoration:underline;}
div,p,ul {line-height:160%; text-align:left}
td {vertical-align:top;}
pre {display:none }
ul,ol {margin:0 0 10px 20px}
input,textarea,select {font-size:12px;font-family:verdana, sans-serif;}
P {margin-bottom:10px;}
H1 {font-size:22px; color:#572F01; line-height:1.5; font-weight:normal; font-family:georgia, serif; font-style:italic; margin:0 0 17px 0; }
H2 {font-size:22px; color:#572F01; line-height:1.5; font-weight:normal; font-family:georgia, serif; font-style:italic; margin:0 0 17px 0;}
H3 {font-size:22px; color:#572F01; line-height:1.5; font-weight:normal; font-family:georgia, serif; margin:0 0 10px 0;}
H4 {font-size:14px; color:#572F01; line-height:1.5; margin:0 0 5px; font-weight:bold;}

/***CONTAINER***/
#container {margin:auto; width:955px; background: url('../images/bg.gif') no-repeat top left;}
#header {overflow:hidden; height:241px; margin:0 7px 0 0; border-bottom:1px solid #632E03;}
#contentLeft {width:268px;float:left;}
#contentLeft H2 {font-size:16px; color:#fff; line-height:1; font-weight:normal; font-family:georgia, serif; margin:0 0 0.5em 0;}
#contentRight {width:687px; float:right; color:#572F01;}
#contentRight DIV.wrapper {padding:0 13px 0 20px;}
#footer { font-size:11px; padding:20px 7px 12px 0; background: url('../images/bg_bottom.gif') no-repeat bottom left;}
DIV.adress {color:#fff; font-size:11px; padding:3px 10px 4px 10px;  text-align:center;}
DIV.adress A {color:#fff;}
#navi {background:#FFBA69; padding:16px 0 1px 27px; margin:0 0 20px 0;}
#breadcrumb {font-size:11px; padding:12px 0 0 0;}
#breadcrumb A{color:#000;}
#full {width:520px; float:left;}
#action {width:220px; float:right;}
#opening {padding:10px; color:#fff; border:1px solid #643804;}
#opening H2 {color:#fff; font-size:20px;}



/***CLASSES***/
.bgBrown {background:#FFF3D6;}
.bgDarkbrown {background:#A35801;}
A.whiteFlash {background:url(../images/flash_white.gif) no-repeat right 4px; padding:0 7px 0 0; text-decoration:underline;}
A.redFlash {background:url(../images/flash_red.gif) no-repeat right 6px ; padding:0 8px 0 0; text-decoration:underline;}
A.redFlashStart {background:url(../images/flash_red.gif) no-repeat 0 4px ; padding:0 0 0 10px; text-decoration:none;}
A.pdf {padding:0 0 5px 20px; background:url(../images/icon_pdf.gif) no-repeat; }
SELECT {border-top:1px solid #A4A8AB; border-bottom:1px solid #C8D0D3; border-left:1px solid #C8D0D3; border-right:1px solid #C8D0D3; font-size:12px; padding:2px;}
INPUT.box {border:1px solid #A4A8AB; width:159px; display:block; font-size:12px; padding:2px;}
INPUT.submit {background:#A35801; border:1px solid #FFBA69; padding:3px 5px 3px 5px; cursor:pointer; color:#fff; font-size:18px; line-height:1; font-family:georgia, serif; font-style:italic;}
TEXTAREA.box {width:400px; height:184px; font-size:12px; padding:5px; border:1px solid #A4A8AB;}
.listitem {background:#9F0042 url(../images/bg_lion.gif) no-repeat; padding: 15px 3px 15px 54px; color:#fff; font-size:11px;}
.listitem * {color:#fff;}
.listitem P {font-size:11px; margin-bottom:7px;}
.actual {color:#835528; font-weight:bold;}
.textBox { padding:0 30px 10px 15px;}
.textBox DIV.left {float:left; width:420px;}
.textBox DIV.right {float:right; width:173px;}
.warning {padding:20px; border:1px solid #D51D1D; margin:15px;}
.warning * {color:#D51D1D;}
FORM {padding:20px 0 20px 0; margin:0 14px 0 0;}

.startAct {margin:0 14px 0 0; padding:5px 20px 20px 5px; background:url(../images/bg_lion_brown.gif) 205px 30px no-repeat #F6F1E9; }
.thumb {/*background:#A35801;*/}
.thumbText {background:#FFD8AB; padding:3px;}
.thumbText A{font-size:10px; font-weight:normal;}

/***NAVISTYLES***/
#navi A.e1 {font-size:20px; color:#4D1202; font-family:georgia, serif; margin:0 0 17px 0; display:block; font-weight:normal;}

/***LINES***/
.line {background:url(../images/bg_textbox.gif) repeat-y; padding:10px; margin:0;}
.line DIV.text {background:url(../images/bg_lion_red.gif) no-repeat 13px 11px; padding:16px 0 0 65px;}
.line DIV.image {float:left; width:150px;}
.line DIV.imgtext {float:right; width:470px;}
.lineTeaser {background:#9F0042;}
.lineTeaser DIV.text {background:url(../images/bg_lion.gif) no-repeat; padding: 15px 3px 15px 54px; color:#fff;}
.lineTeaser DIV.text A {color:#fff; font-family:georgia, serif; font-size:22px;}

/***MAPS***/
#map {float:left; margin:0 0 10px 0;}
#geoInfonavi {float:right; width:210px;}
.gsn1 {background:url(../images/bg_map.jpg) no-repeat; display:block; padding:6px 0 10px 20px; margin:0 30px 0 0; font-size:14px; color:#fff;}
.gsn1active {background:url(../images/bg_map_active.jpg) no-repeat; display:block; padding:6px 0 10px 20px; margin:0 30px 0 0; font-size:14px; color:#fff;}
.sights {padding:0 0 0 15px; color:#000; margin:0 22px 0 0;}
.sights A {color:#000;}
.sights2 {padding:0 0 0 5px; color:#000;font-size:11px;}

/*CLEAR*************************************************/
.c 		{clear:both; font-size:0px; height:0px;border:0px;overflow:hidden;}
.cl 	{clear:both; font-size:1px; height:1px;border:0px;overflow:hidden;}
.c2 	{clear:both; font-size:2px; height:2px;border:0px;overflow:hidden;}
.c3 	{clear:both; font-size:3px; height:3px;border:0px;overflow:hidden;}
.c4 	{clear:both; font-size:4px; height:4px;border:0px;overflow:hidden;}
.c5 	{clear:both; font-size:5px; height:5px;border:0px;overflow:hidden;}
.c7 	{clear:both; font-size:7px; height:7px;border:0px;overflow:hidden;}
.c9 	{clear:both; font-size:9px; height:9px;border:0px;overflow:hidden;}
.c10 	{clear:both; font-size:10px; height:10px;border:0px;overflow:hidden;}
.c12 	{clear:both; font-size:12px; height:12px;border:0px;overflow:hidden;}
.c15 	{clear:both; font-size:15px; height:15px;border:0px;overflow:hidden;}
.c20 	{clear:both; font-size:20px; height:20px;border:0px;overflow:hidden;}
.c30 	{clear:both; font-size:30px; height:30px;border:0px;overflow:hidden;}
.c40 	{clear:both; font-size:40px; height:40px;border:0px;overflow:hidden;}
.c50 	{clear:both; font-size:50px; height:50px;border:0px;overflow:hidden;}
.c60 	{clear:both; font-size:60px; height:60px;border:0px;overflow:hidden;}
.c70 	{clear:both; font-size:70px; height:70px;border:0px;overflow:hidden;}
.c80 	{clear:both; font-size:80px; height:80px;border:0px;overflow:hidden;} 

/***SPECIAL FOR DATEPICKER***/
/* located in demo.css and creates a little calendar icon instead of a text link for "Choose date"*/
a.dp-choose-date {float:left; width:16px; height:16px; padding:0; margin:1px 0 0 4px; display:block; text-indent:-2000px; overflow:hidden; background:url(../images/calendar.png) no-repeat;}
a.dp-choose-date.dp-disabled {background-position:0 -20px; cursor: default;}
/* makes the input field shorter once the date picker code has run (to allow space for the calendar icon***/
 input.dp-applied { width: 196px; float: left;}