/*
###########################################################################################################################
BJ design - http://www.bj-design.de
___________________________________________________________________________________________________________________________
-- seitensprung-appartment.de CSS -- Beejay/AUG08
###########################################################################################################################
*/

/*******************************************************************************************************************************/

/* GLOBALE DEFINITIONEN -- */

/*******************************************************************************************************************************/



.clearwhite	{
		clear: both;
		border: 1px solid transparent !important; border: 0px solid white;
		}
		.clear{
			clear: both;
			}
img{border: 1px solid	#521229;}

body		{
		margin: 0;
		background: #660000;
		background-image: url(/img/page_back.gif);
		background-repeat: no-repeat;
		background-position:  top left;
		font-family: Arial, Verdana, sans-serif;
		font-size: 14px;
		color: #521229;
  		}

a:link {
				color: #521229;
				text-decoration: underline;
				}

a:hover,
a:active {
				color: 521229
				text-decoration: underline;
				}

a:visited {
					color: #521229;
					text-decoration: underline;
					}
#global{
  	width: 751px;
  	margin: 0 0 0 99px;
		background-image: url(/img/content_back.jpg);
		background-repeat: repeat-y;
		background-position:  top left;
		}



#form{
	float: right;
	font-size: 12px;
	width: 420px;
	text-align: left;
	background: #eee;
	margin: 50px 75px 0 0;
	border: 1px solid #000;
	padding: 10px;
	}


#form fieldset{
	background: #eee;
	padding: 5px;
	border: 0;
	}

#form input,
#form textarea{
	border: 1px solid #69bd45;
	color: #666;
	font-size: 14px;
	margin-top: 2px;
}

#form legend{
	font-weight: bold;
	font-size: 14px;
	}

#form .inputname{
	float: left;
	width: 100px;
	font-weight: bold;
	}

#form .but{
	color: #fff;
	background: #69bd45;
	font-size: 10px;
	margin: 7px 15px 0 0;
	float: right;
	}

#form .important{
	display: block;
	color: red;
	padding-left: 10px;
	font-weight:  bold;
	font-size: 18px;
	}

#content_wrap{
margin: 0;
paddding: 0;
margin-left: 170px;
}
table{
font-size: 14px;
}

#content{
width: 532px;
}

.content_left{
width: 300px;
float: left
}

.content_right{
float: right;
width: 204px;
}

#content p{
line-height: 25px;
}

#content p .subline{
font-size: 10px;
font-style: italic;
}


#main_nav{
font-size: 15px;
font-weight: bold;
text-transform: uppercase;
padding: 0;
margin: 20px 0 0 0;
list-style-type: none;
}

#main_nav li{
float: left;
margin-right: 10px;
}
#main_nav a:link,
#main_nav a:visited{
color: #C72A35;
text-decoration: none;
}

#main_nav a:hover{
color: #FF491F;
text-decoration: underline;
}

#intro{
margin: 0;
margin-top: 35px;
padding: 0;
list-style-type: none;
}

#intro li{
font-style: italic;
padding: 0 0 15px 0;
}

#footer ul{
text-align: center;
padding: 0;
margin: 0;
list-style-type: none;
}

#footer ul li{
float: left;
padding-right: 10px;
}

#footer{
	clear: both;
	margin: 50px 0 0 0;
	padding: 2px 210px 2px 210px;
	height: 20px;
	background: #FF491F;
	color: #fff;
	}

#footer a:link,
#footer a:visited{
color: #fff;
text-decoration: none;
}

#footer a:hover{
color: #fff;
text-decoration: underline;
}


/* Formular */

#content form				{
								padding: 0;
								margin: 0;
								}


#content .left_block{
	clear: both;
	margin: 10px 0 0 0;
	width: 45%x;
	float: left;
	}

#content .right_block{
	width: 45%;
	margin: 10px 0 0 0;
	float: right;
	}
#content .center_block{
	clear: both;
	margin: 20px 0 0 0;
	width: 500px;
	}


.butt						{
								width: auto;
								font-size: 10px;
								border: 1px solid #660000;
								background: #660000;
								color: #fff;
								margin: 0;
								}



#content .important		{
									color: #ff4921;
									font-weight: bold;
									text-align: right;
									padding: 0;
									font-size: 12px;
									}


#content .intext{
			float: left;
			}

#content h1{
font-size: 20px;
}
#content h2{
font-size: 12px;
font-weight: bold;
}

#content input,
#content select,
#content textarea			{
									font-weight: bold;
									font-size: 12px;
									color: #666;
									border: 1px solid #660000;
									background: #fff;
									}

#content .radio{
	border: 0;
	}

#content .importantf	{
									background: #6abf45;
									}

#content input:{background-color:#fff;}
	#content input:hover {background-color:#FFFFB2; border: 1px solid #000; color: #fff; } /* funktioniert nur im Moz */
	#content input:focus{background-color:#FFFFB2; border: 1px solid #000; color: #fff;}  /* funktioniert nur im Moz */

	#content select:{background-color:#fff;}
	#content select:hover {background-color:#FFFFB2; border: 1px solid #000; color: #fff } /* funktioniert nur im Moz */
	#content select:focus{background-color:#FFFFB2; border: 1px solid #000 color: #fff;}  /* funktioniert nur im Moz */

	#content textarea:{background-color:#fff;}
	#content textarea:hover {background-color:#FFFFB2; border: 1px solid #000; color: #fff; } /* funktioniert nur im Moz */
	#content textarea:focus{background-color:#FFFFB2; border: 1px solid #000; color: #fff;}  /* funktioniert nur im Moz */


	fieldset{
	 border: 0;
	 margin: 5px 0 5px 0;
	 }

	legend{
		padding: 0;
		margin: 0;
		font-weight: bold;
		}

		.submenu{display: none;}

/* Faq */

.menutitle{
cursor:pointer;
margin-bottom: 5px;
color:#c72a35;
padding:3px;
text-align:left;
font-weight: bold;
border-bottom :1px solid #c72a35;
}

.submenu{
margin-bottom: 1.5em;
}

#social{
	clear: both;
	text-align: left;
	margin: 0 0 15px 300px;
	font-size: 10px;
	color: fff;
	}

/* Buchung */

.infobox{
background: #fff;
color: #4c142d;
font-size: 12px;
line-height: 18px;
border: 1px solid #4c142d;
padding: 15px;
}
}