/*
		Design.css wurde entwickelt für Berggasthof Rohrmoos in Oberstdorf
	
		Copyright 2007 Benedikt Marcard
*/
/* Navigation left side */
.navigation    { font-family: "Times New Roman", Times, serif; font-style: italic; background-color: #fff; margin-top: 30px; margin-left: 30px; width: 170px; height: 300px; border: outset 2px #666 }
.navigationtd    { font-family: "Times New Roman", Times, serif; font-style: italic; margin-top: 30px; margin-left: 30px; width: 200px; height: 15px }
.navi       { font-family: "Times New Roman", Times, serif; font-style: italic; font-weight: normal; text-decoration: none }
.navi a      { font-family: "Times New Roman", Times, serif; font-style: italic; font-weight: normal; text-decoration: none; margin: 5px; width: 120px; height: 15px }
.navi a:link      { color: #030; font-family: "Times New Roman", Times, serif; font-style: italic; font-weight: normal; text-decoration: none; width: 120px; height: 15px }
.navi a:active     { color: #030; font-family: "Times New Roman", Times, serif; font-style: italic; font-weight: normal; text-decoration: none; width: 120px; height: 15px }
.navi a:hover      { color: #c93; font-family: "Times New Roman", Times, serif; font-style: italic; font-weight: normal; text-decoration: none }
.navi a:visited     { color: #030; font-family: "Times New Roman", Times, serif; font-style: italic; font-weight: normal; text-decoration: none; width: 120px; height: 15px }
/* Header */
.header     { font-family: "Times New Roman", Times, serif; font-style: italic; font-weight: normal; height: 110px }
/* breadcrumb navigation */
.breadcrumb   { color: #606060; font-size: 10px; font-family: "Times New Roman", Times, serif; font-style: italic; padding-left: 10px }
/* body funktionen */
body   { color: #606060; font-family: "Times New Roman", Times, serif; font-style: italic }
p  { color: #606060; font-family: "Times New Roman", Times, serif; font-style: italic }
a  { color: #606060; font-family: "Times New Roman", Times, serif; font-weight: normal; text-decoration: none }
a:link   { color: #606060; font-family: "Times New Roman", Times, serif; font-style: italic; font-weight: normal; text-decoration: none }
a:hover   { color: #c93; font-family: "Times New Roman", Times, serif; font-style: italic; font-weight: normal; text-decoration: none }
a:active   { color: #606060; font-family: "Times New Roman", Times, serif; font-style: italic; font-weight: normal; text-decoration: none }
a:visited   { color: #606060; font-family: "Times New Roman", Times, serif; font-style: italic; font-weight: normal; text-decoration: none }
.main h1    { color: #c93; font-size: 16px; font-family: "Times New Roman", Times, serif; font-style: italic; font-weight: bold; margin: 0.67em 0 }
.main h2    { color: #c93; font-size: 16px; font-family: "Times New Roman", Times, serif; font-style: italic; font-weight: bold; margin: 0.83em 0 }
/* content */
.content        { font-family: "Times New Roman", Times, serif; font-style: italic; background-color: #fff; margin-top: 30px; margin-left: 5px; padding: 10px; width: 580px; height: 60%; border: outset 2px #606060 }
.main       { font-family: "Times New Roman", Times, serif; font-style: italic; background-image: url("content.gif"); background-repeat: no-repeat; background-attachment: scroll; background-position: center top }
/* footer */
.footer     { color: #606060; font-size: 14px; font-family: "Times New Roman", Times, serif; font-weight: normal; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; border-top: 1px solid #999 }
.footer a { color: #606060; font-size: 14px; font-weight: normal; text-decoration: none }
/*	Images
------------------------------------------------------------------------------*/
.image {
	margin-bottom:0;
}
.flLeft {
	margin-right:14px;
}
.flRight {
	margin-left:14px;
}


/* form-module
*******************************************************************************/
#form-module * {
	padding:0px;
	margin:0px;
}

#form-module   { color: #666; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 0; width: 520px }

#form-module fieldset {
	border:0px solid #fff;
}

#form-module legend {
	display:none;
}


#form-module p  { font-size: 12px; font-weight: bold; margin: 0; padding: 2px }

#form-module .element  { display: block; clear: both; border-top: 2px solid #fff }

#form-module label  { display: block; padding: 2px; width: 120px; float: left; border-right: 2px solid #fff }

#form-module label.checkbox {
	width:372px;
	border-left:2px solid #fff;
	border-right:none;
}

#form-module input, 
#form-module select, 
#form-module textarea  { margin: 2px; width: 295px; float: left; border: solid 1px #333 }

#form-module input.text {
	height:20px;
}

#form-module input.checkbox {
	width:120px;
	padding:0;
	border:none;
}

#form-module input.submit   { color: #666; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: center; cursor: pointer; margin: 5px 5px 5px 137px; padding: 2px 5px; width: 120px; border: solid 1px #333 }

#form-module input.submit:hover   { color: #fff; background-color: #c93; width: 120px }

#form-module label.textarea, 
#form-module textarea.textarea  { height: 60px }

#form-module-thanks  { color: #666; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; display: block }
#pics { background-image: url("background_hinten.gif"); background-repeat: no-repeat; background-attachment: scroll; background-position: center; position: absolute; top: 500px; left: 210px; width: 850px; height: 120px }