table {
text-align: left;
border-bottom: 1px solid #000;
background-color: white;
}

table td {
padding: 0;
font-size: 12pt;
}

.comment {
padding-right: 2pt;
}

font.smaller {
font-size: 8pt;
}

td.upper {
font-size: 12pt;
border-top: 1px solid #000;
color: #000;
}

#content a.smaller:link { 
font-size: 8pt;
color : #000; 
font-weight : normal; 
margin : 0; 
padding : 0; 
text-decoration : underline; 
} 
#content a.smaller:visited {
font-size: 8pt;
color : #000; 
font-weight : normal; 
margin : 0; 
padding : 0; 
text-decoration : underline;  
}

hr {
border-top: 1px solid #000;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
border-left: 1px solid #fff;
}

.captcha {
margin-top: 5pt; 
width : 35%; 
} 












/* 
Name: HOTEL Mit-Mensch
URL: http://www.mit-mensch.com
Description: Hotel Website mit Hotelinformationen und Reservierungsmöglichkeit.
Author: Thomas Tegler
Author URI: http://www.directconcept.de
*/

body{
font-family: Arial, Sans-serif;
font-size: 11pt;
background-color: white !important;
background-image: url('none') !important;
color: black;
}

#accesskey, #tab-focus, #site-up, #banner, #breadcrumb, #container-left, .reserve, #blaettern, #container-right, #button, .haftung, .button_google {
display: none;
}

a {
color: #000;
font-weight: normal;
text-decoration: underline;
}

a:visited {
color: #000;
font-weight: normal;
text-decoration: underline;
}

/* ------------------------------>>> CONTENT (Ueberschriften) <<<-------------------------------------------------------------*/


h1 {
font-family: Trebuchet MS, arial, helvetica,sans-serif;
color: #000;
font-size: 16pt;
font-weight: bold;
margin: 0 0 5pt 0;
padding: 0;
}

h2, h3, h4 {
font-family: Trebuchet MS, arial, helvetica,sans-serif;
color: #000;
font-size: 14pt;
font-weight: normal;
margin: 8pt 0 5pt 0;
padding: 0;
}

/* ------------------------------>>> CONTENT (Absaetze, Blockquote, Listen) <<<---------------------------------------------*/

#content p {
margin: 0;
padding: 0;
line-height: 16pt;
}

blockquote {
font-family: arial, helvetica,sans-serif;
color: #000;
font-size: 8pt;
font-weight: bold;
margin: 5pt;
padding: 0;
text-transform: uppercase;
}

#content ul {
list-style-type: square;
}
#content ul li {
line-height: 1.6em;
}

/* ------------------------------>>> CONTENT (Tabellen) <<<-------------------------------------------------------------*/

table.site {
width: 100%;
border: none;
border-collapse: collapse;
}
table.site td {
font-family: "arial", "helvetica", sans-serif;
font-size: 12pt;
width: 50%;
padding: 3pt 0 3pt 0;
}

/* ---------->>> Preseecho <<<----------*/

.containh3 {
padding: 0;
margin: 0;
border: none;
}

.containh3 h3 {
font-family: "arial", "helvetica", sans-serif;
background-color: #fff;
width: 100%;
color: #000;
border: 0px none;
font-size: 14pt;
font-weight: bold;
margin: 0;
padding: 0;
text-transform: uppercase;
}

.description-a {
background-color: #fff;
border-bottom: 1px solid #000;
font-size: 12pt;
padding: 0;
margin: 0 0 5pt 0;
}

.description-a h4 {
font-family: "arial", "helvetica", sans-serif;
color: #000;
font-size: 14pt;
font-weight: bold;
margin: 4pt 0 4pt 0;
padding: 0;
}

.description-a p {
margin: 0;
padding: 0;
}

.description-a ol {
font-size: 12pt;
margin-top: 4pt;
margin-bottom: 4pt;
}

.description ul {
list-style-type: square;
}

/* ---------->>> Serviceaufzaehlung <<<----------*/


.hotel {
margin: 0 0 4pt 0;
}

.hotel h3 {
border-bottom: 1px solid #000;
font-family: "arial", "helvetica", sans-serif;
font-size: 14pt;
font-weight: bold;
background-color: #fff;
color: #000;
padding: 0;
margin: 4pt 0 4pt 0;
clear: both;
}

.service ul {
margin-top: 0;
margi-bottom: 0;
}

.service li {
font-family: "arial", "helvetica", sans-serif;
font-size: 12pt;
margin: 1pt 0 1pt 0;
}

.description {
font-family: "arial", "helvetica", sans-serif;
font-size: 12pt;
background-color: #fff;
color: #000;
padding: 0;
margin: 0;
}


/* ------------------------------>>> CONTENT (Galerien) <<<-------------------------------------------------------------*/

#galerie ul, li{
margin:0;
padding:0;
}
#galerie li{
list-style:none;
float:left;
display:inline;
margin: 0 0 6px 0;
}
a.thickbox img {
float: left;
background-color: #fff;
border: 1px solid #000;
padding: 3px;
margin: 6px 6px 0 0;
}
a.thickbox:visited img {
background-color: #fff;
}

/* ------------------------------>>> FORMULARE <<<-------------------------------------------------------------*/

fieldset {
border-top: 1px solid #000;
border-right: 1px solid transparent;
border-bottom: 1px solid #000;
border-left: 1px solid transparent;
margin: 0 0 10pt 0;
}
legend {
background-color: #fff;
border: 1px solid #000;
text-transform: uppercase;
color: #000;
font-size: 10pt;
font-weight: bold;
padding: 1pt 3pt 1pt 3pt;
}
label {
text-transform: uppercase;
font-size: 8pt;
color: red;
}
.fieldset-innen {
padding: 5pt 0 5pt 0;
}
.textfeld {
width: 90%;
}
textarea.textfeld {
font-size: 10pt;
width: 90%;
}
.block1 {
width: 49%;
float: left;
}
select.personen {
width: 60%;
}
.block2 {
width: 80%;
float: left;
}
.block3 {
width: 10%;
float: left;
}
.zimmerart {
width: 95%;
}
.menge {
width: 100%;
}
.block4 {
width: 100%;
float: left;
}
select.mitglied {
width: 90%;
}
select.feedback { 
width : 90%; 
}
.block5 {
width: 33%;
float: left;
}
.block6 {
width: 33%;
float: left;
}
.anreisetag, .abreisetag {
width: 40%;
}
.anreisemonat, .abreisemonat {
width: 60%;
}
.ankunftszeit {
width: 70%;
}
.checkbox-left {
clear: both;
float: left;
width: 20pt;
}
.label-right {
float: left;
width: 85%;
}
input, textarea, select {
background-color: #fff;
border-top: 1px dotted #fff;
border-right: 1px dotted #fff;
border-bottom: 1px dotted #000;
border-left: 1px dotted #fff;
font-size: 10pt;
}
.abschicken { 
display: none;
}

/* ------------------------------>>> FOOTER <<<-------------------------------------------------------------*/

#footer {
color: #000;
font-size: 8pt;
margin: 10pt 0 0 0;
padding: 0;
text-align: center;
}
#footer p {
color: #000;
margin: 0;
padding: 0;
line-height: 12pt;
}
#footer a:link, a:visited {
color: #000;   
font-weight: bold;
margin: 0;
padding: 0;
text-decoration: underline;
}