body {
	margin: 0px;
	background:url(../../_images/bg_right.gif) repeat-y;
}

/*****************************************************
	wichtige Elemente 
*****************************************************/
#logo {
	position:absolute;
	top:0px;
	left:30px;
	z-index:100;
}

#navigation {
	position:absolute;
	top:0px;
	left:0px;
	background:#cc0000;
	height:40px;
	width:100%;
	color:#ffffff;
}
#container {
	float:left;
	margin-top:40px;
	width:690px;
}
#bar_left {
	float:left;
	margin:0px 40px 0px 0px 0px;
	width:200px;
	padding:20px 0px 20px 40px;
	
}
#content {
	float:left;
	width:370px;
	padding:20px 20px 20px 40px;
}
#bar_right {
	float:left;
	margin-top:40px;
	width:250px;
	background:#F4F3E7;
	
}
#footer {
	clear:both;
	padding:50px 10px 10px 40px;
	color:#999999;
}

#document_formulare {
	display:none;
	visibility:hidden;
}

/*****************************************************
	Links 
*****************************************************/
a {
	color:#cc0000;
}
a.important {
	display:block;
	font-weight:bold;
	background:#f4f3e7;
	padding:5px;
	margin-top:5px;
}
a.important:hover {
	background:#E6E4D8;
}
#navigation a {
	margin:20px 5px 0px 0px;
	padding:0px 10px 0px 7px;
	height:20px;
	border-left:1px solid #ffffff;
	color:#ffffff;
	text-decoration:none;
	text-transform:uppercase;
	float:left;
}
#navigation a:hover {
	color:#000000;
}
#footer a {
	color:#999999;
}

a.button {
	margin-top:20px;
	padding:10px;
	display:block;
	background:#F4F3E7;
	font-size:15px;
	text-align:center;
	font-weight:bold;
	text-decoration:none;
}
a.button:hover
{
	background: #E6E4D8 !important;
}

/*****************************************************
	Text 
*****************************************************/
body, table {
	font-size: 11px;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	line-height: 17px;
}

#content h1 {
	color:#cc0000;
	font-size:18px;
	font-weight:bold;
	font-family: Times, serif;
	line-height: 25px;
	margin:0px 0px 15px 0px;
}
h1 {
	color:#cc0000;
	font-size:16px;
	font-weight:bold;
	font-family: Times, serif;
	margin:0px 0px 5px 0px;
}
h2 {
	color:#cc0000;
	font-size:16px;
	font-weight:bold;
	font-family: Times, serif;
	margin:0px 0px 5px 0px;
}
h3 {
	font-size:12px;
	font-weight:bold;
	margin:0px 0px 0px 0px;
	padding: 0px;
}
#bar_right h1 {
	margin:10px 10px 10px 20px;
}
#content h2 {
	margin:0px 0px 5px 0px;
}
p {
	margin:0px 0px 5px 0px;
}
.bold {
	font-weight:bold;
}
.headline {
	margin:0px 0px 20px 0px;
}
#bar_right .headline {
	margin:20px;
}
#bar_right div {
	padding:10px 0px 10px 20px;
}
h2.sub_h2
{
	margin: 40px 0 0 0;
}

/*****************************************************
	Tabellen 
*****************************************************/
tr.hover:hover {
	background:#f4f3e7;
}
td {
	padding:5px;
}
tr.padding td
{
	padding: 15px 5px;
}
.adresse td {
	padding:0px;
}
.preise td {
	vertical-align:top;
}
.kontakt td {
	vertical-align:middle;
}
.kontakt .error {
	color:#cc0000;
	font-weight:bold;
}

/*****************************************************
	Diverses 
*****************************************************/
.footnote {
	color:#888888;
	font-weight:normal;
}

hr {
	border:0px;
	border-top:1px solid #ccc;
	height:1px;
	margin:20px 0px;
}
img.reisebild
{
	padding: 0 10px 0 0;
}

/*****************************************************
	Formulare 
*****************************************************/
form {
	display:inline;
}
input.style, textarea.style, button.style, select.style {
	font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	border:1px solid #BFBFBF;
	background:#f4f3e7;
	font-size:11px;
	height:16px;
	padding:2px 2px 1px 2px;
}
input.style:focus, textarea.style:focus, button.style:focus, select.style:focus {	
	background:#e5e2cf;
}

select.style {
	height:22px;
}
