/* ----- Globale Einstellungen ----- */

* {
	margin: 0; padding: 0;
}

html {
	font: normal 12px Verdana;
	color: #000000;
}

body {
	margin: 0;
	padding: 0;
	color: #000000;
	background-color: #ffffff;
	font: normal 12px Verdana;
	border: none;
	background-color: #ffffff;
}

div,p,input,button { 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 100.01%;
}

h1 { 
	font: normal 16px Verdana;
	font-weight: bold;
	background: #990000;
	line-height: 20px;
	color: #ffffff;
}

h2 { 
	font: normal 15px Verdana;
	font-weight: bold;
	background: #ffffff;
	color: #990000;
}

h3 { 
	font: normal 13px Verdana;
	font-weight: bold;
	background: #ffffff;
	color: #000000;
}

h4 { 
	font: normal 12px Verdana;
	font-weight: bold;
}

h5 { 
	font: normal 10px Verdana;
	font-weight: bold;
}

h6 { 
	font: normal 8px Verdana;
	font-weight: bold;
}

ul, li {
        display: inline;
        margin: 0px;
        padding: 0px;
}

/* ----- DIV CONTAINER ----- */

div#container {
  	position:absolute;
  	left: 10%;
  	width:819px;
  	height: auto;
	margin-left:20px;
  	border:0px solid silver;
  	font: normal 12px Verdana;
}

div#logo { 
	float:left;
	width:134px; 
	height:125px;
	font: normal 12px Verdana;
	background: #ffffff;
}


.emblem { 
	position:absolute;
  	left:15px;
  	top:20px;
}

div#header { 
  	float:left;
	width:685px;
	height:125px;
        font: normal 12px Verdana;
  	background: #ffffff;
}

div#header a {
   	text-decoration: none;
   	color:black;
}

div#menu { 
	float:left;
	width:819px;
  	height:40; 
        font: normal 15px Verdana;
        background: #ffffff;
        border-top: 4px solid #990000;
}

div#menu a {
   	text-decoration: none;
   	color:black;
}



div#menu_restaurant { 
	float:left;
	width:819px;
  	height:40; 
        font: normal 15px Verdana;
        background: #ffffff;
        border-top: 4px solid #FF9366;
}

div#menu_restaurant a {
   	text-decoration: none;
   	color:black;
}

div#menu_hotel { 
	float:left;
	width:819px;
  	height:40; 
        font: normal 15px Verdana;
        background: #ffffff;
        border-top: 4px solid #CC4B14;
}

div#menu_hotel a {
   	text-decoration: none;
   	color:black;
}

div#menu_biergarten { 
	float:left;
	width:819px;
  	height:40; 
        font: normal 15px Verdana;
        background: #ffffff;
        border-top: 4px solid #29A629;
}

div#menu_biergarten a {
   	text-decoration: none;
   	color:black;
}

div#mitte { 
	float: left;
	width: 790px;
  	height: auto; 
        font: normal 12px Verdana;
        background: #ffffff;
        padding-left: 30px;
        padding-top: 30px;
}

div#footer { 
 	float:left;
	width:819px; 
	height:40;
	text-align: right;
	font: normal 12px Verdana;
	background:#ffffff;
        padding-bottom: 30px;
        padding-top: 5px;
        border-top: 4px solid #990000;
}

div#footer a {
   	text-decoration: none;
   	color:black;
}

div#footer_restaurant { 
 	float:left;
	width:819px; 
	height:40;
	text-align: right;
	font: normal 12px Verdana;
	background:#ffffff;
        padding-bottom: 30px;
        padding-top: 5px;
        border-top: 4px solid #FF9366;
}

div#footer_restaurant a {
   	text-decoration: none;
   	color:black;
}

div#footer_hotel { 
 	float:left;
	width:819px; 
	height:40;
	text-align: right;
	font: normal 12px Verdana;
	background:#ffffff;
        padding-bottom: 30px;
        padding-top: 5px;
        border-top: 4px solid #CC4B14;
}

div#footer_hotel a {
   	text-decoration: none;
   	color:black;
}

div#footer_biergarten { 
 	float:left;
	width:819px; 
	height:40;
	text-align: right;
	font: normal 12px Verdana;
	background:#ffffff;
        padding-bottom: 30px;
        padding-top: 5px;
        border-top: 4px solid #29A629;
}

div#footer_biergarten a {
   	text-decoration: none;
   	color:black;
}

/* DIV Container für Startseite -> >Vorlage_Startseite.html */

div#startseite_mitte_ueberschrift {
	float: left;
	width: 819px;
  	height: auto; 
        font: normal 12px Verdana;
        background: white;
}

div#startseite_mitte_ueberschrift_links {
	float: left;
	width: 262px;
  	#height: auto; 
  	text-align: left;
        font: normal 12px Verdana;
        margin-top: 20px;
        background-color: #ffffff;
}

div#startseite_mitte_ueberschrift_mitte {
	float: left;
	width: 263px;
  	height: auto; 
  	text-align: left;
        font: normal 12px Verdana;
        margin-left: 16px;
        margin-top: 20px;
        background-color: #ffffff;
}

div#startseite_mitte_ueberschrift_rechts {
	float: left;
	width: 262px;
  	height: auto; 
  	text-align: left;
        font: normal 12px Verdana;
        margin-left: 16px;
        margin-top: 20px;
        background-color: #ffffff;
}

div#mitte_hinten { 
	float: left;
	width: 819px;
  	height: 350px; 
        font: normal 12px Verdana;
        background: white;
}

div#mitte_links { 
	float: left;
	width: 262px;
  	height: 330px; 
  	text-align: center;
        font: normal 12px Verdana;
        margin-top: 3px;     
        border-top: 3px solid #FF9366;
        background: #ffffff url(http://rose-holz.de/fileadmin/images/Startseite/Restaurant-1.png) no-repeat left;
}

div#mitte_links:hover {
        background: #ffffff url(http://rose-holz.de/fileadmin/images/Startseite/Restaurant-2.png) no-repeat left;
} 

div#mitte_mitte { 
	float: left;
	width: 263px;
  	height: 330px; 
  	text-align: center;
        font: normal 12px Verdana;
        margin-left: 16px;
        margin-top: 3px;
        background: #ffffff url(http://rose-holz.de/fileadmin/images/Startseite/Hotel-1.png) no-repeat left;
        border-top: 3px solid #CC4B14;
}

div#mitte_mitte:hover { 
	float: left;
	width: 263px;
  	height: 330px; 
  	text-align: center;
        font: normal 12px Verdana;
        margin-left: 16px;
        margin-top: 3px;
        background: #ffffff url(http://rose-holz.de/fileadmin/images/Startseite/Hotel-2.png) no-repeat left;
        border-top: 3px solid #CC4B14;
}

div#mitte_rechts { 
	float: left;
	width: 262px;
  	height: 330px; 
  	text-align: center;
        font: normal 12px Verdana;
        margin-left: 16px;
        margin-top: 3px;
        background: #ffffff url(http://rose-holz.de/fileadmin/images/Startseite/Biergarten-1.png) no-repeat left;
        border-top: 3px solid #29A629;
}

div#mitte_rechts:hover { 
	float: left;
	width: 262px;
  	height: 330px; 
  	text-align: center;
        font: normal 12px Verdana;
        margin-left: 16px;
        margin-top: 3px;
        background: #ffffff url(http://rose-holz.de/fileadmin/images/Startseite/Biergarten-2.png) no-repeat left;
        border-top: 3px solid #29A629;
}

/* DIV Container für Seiteninhalt (Links, Mitte, Rechts) */

div#inhalt_links { 
	float: left;
	width: 340px;
  	#height: 350px; 
        font: normal 12px Verdana;
        padding-right: 50px;
}

div#inhalt_links a {
   	text-decoration: none;
   	color:black;
}

div#inhalt_rechts { 
	float: left;
	width: 365px;
  	#height: 350px; 
        font: normal 12px Verdana;
}

div#inhalt_rechts a {
   	text-decoration: none;
   	color:black;
}

/* ----- DIV CONTAINER ENDE ----- */

/* Untermenu */

.sub {
	float: left;
	width: 115px;
        height: 20px;
        color: #000000;
        font-size: 12px;
        text-decoration: none;
        border-top: 1px solid white;
        border-right: 1px solid white;
        border-bottom: 1px solid white;
        border-left: 1px solid white;
	background-color: #ffffff;
        text-align: center;
        padding-top: 10px;
}

.sub:hover {
        color: #000000;
        font-size: 12px;
        text-decoration: none;
        border-top: 1px solid white;
        border-right: 1px solid white;
        border-bottom: 1px solid white;
        border-left: 1px solid white;
        background-color: #ffffff;
}

.sub_active {
	color: #000000;
        font-size: 12px;
        text-decoration: none;
        border-top: 1px solid white;
        border-right: 1px solid white;
        border-bottom: 1px solid white;
        border-left: 1px solid white;
        background-color: #ffffff;
}


/* ----- Kontakt Formular ----- */

.csc-mailform {
	border: none;
}

.csc-mailform-field label {
	float: left;
	clear: both;
	display: block;
	width: 80px;
	padding-left: 40px;
	margin-bottom: 5px;
}
.csc-mailform-field input,
.csc-mailform-field textarea,
.csc-mailform-field select {
	float: left;
	display: block;
	width: 250px;
	border: none;
	background: #DCDCDC;
	margin-bottom: 5px;
	margin-left: 50px;
}

.csc-mailform-submit {
	/* Absende Button nach rechts verschieben.
	Der Wert ergibt sich aus der Summe width + padding-left aus dem label Abschnitt -> oben */
	margin-left: 50px;
	/* Float wieder abschalten */
	clear: both;
}

.align-center {
	text-align: center;
}

/* Login */

.tx-newloginbox-pi1 input, p {
	margin-top: 5px;
}

.tx-newloginbox-pi1 label {
	text-align: left;
}


.tx-newloginbox-pi1 h3 { 
	font: normal 15px Verdana;
	font-weight: bold;
	background: #ffffff;
	color: #000000;
	margin-bottom: 10px:
}

div#motioncontainer_90 {
    	position:absolute;
	#top:10px;
	#left:30px;
	width:760px;
        z-index:2;
        font: normal 12px Arial;
        text-align: bottom;
}

div#motiongallery_90 span {
  padding-right: 81px;
}