/*
	PUBLISHER => lammertz.net
	WEBSIDE   => alte-schiffsgallerie.de
*/



/*	basic settings
------------------------------------------------	*/

body 
{ 
	background: #083454 url(bg_body.jpg) no-repeat top center;
	font-family: Arial, Helvetica, sans-serif;	
	color: #333333;
	font-size: 12px;
}

html /* Hack Mozilla */
{ 
	overflow-y: scroll;
}



/*	template
------------------------------------------------	*/

#main
{
	background: url(bg_main.gif) repeat-y;	
}



/*	header
------------------------------------------------	*/

#header
{ 
	margin-top: 35px;
}



/*	navigation
------------------------------------------------	*/

.mod_navigation ul
{
	margin: 0;
	padding: 0;
}

.mod_navigation li
{
	margin: 0 13px;
	padding: 0 0 3px 0;
	line-height: 55px;	
	font-size: 14px;
	color: #ffffff;
	list-style: none;	
	float: left;
}

.mod_navigation a
{
	color: #ffffff;
	text-decoration: none;
	text-transform: uppercase;	
}

.mod_navigation li .active
{
	color: #ffcc00;
	text-transform: uppercase;
}

.mod_navigation a:hover
{
	color: #ffcc00;
}


/*	flächen
------------------------------------------------	*/

#start1
{
	border-top: 5px #ffffff solid;
	width: 340px;
	padding: 15px 15px 5px 15px;	
	float: left;
}


#start2
{
	border-top: 5px #ffffff solid;
	border-left: 5px #ffffff solid;
	background: #e2ebf2;
	width: 335px;
	padding: 15px 15px 5px 15px;
	float: left;
}

#start3
{
	background: url(bg_anker.gif) no-repeat right bottom;
	border-left: 5px #ffffff solid;
	width: 335px;
	padding: 15px 15px 5px 15px;
	float: left;
}


#hotel
{
	background: url(bg_hotel.gif) repeat-y;
}

#hotel1
{
	border-top: 5px #ffffff solid;
	width: 220px;
	padding: 15px 15px 5px 15px;	
	float: left;
}


#hotel2
{
	border-top: 5px #ffffff solid;
	border-left: 5px #ffffff solid;
	background: #e2ebf2;
	width: 200px;
	padding: 15px 15px 5px 15px;
	float: right;
}

#hotel3
{
	background: #ffffff;
	border-left: 5px #ffffff solid;
	width: 220px;
	padding: 15px 15px 5px 15px;
	float: right;
}

#hotel4
{
	background: #ffffff url(bg_anker.gif) no-repeat right bottom;
	border-top: 5px #ffffff solid;	
	width: 710px;
	padding: 15px 15px 5px 15px;
	clear: left;
}

#hotel5
{
	padding: 15px 15px 5px 15px;
	clear: left;	
}

#newsletter-bestaetigen,
#newsletter-kuendigen,
#newsletter-gekuendigt,
#reservierung,
#reservierung8
{
	background: url(bg_formular.gif) repeat-y;
}


#reservierung1
{
	border-top: 5px #ffffff solid;
	width: 240px;
	padding: 15px 15px 5px 15px;
	float: left;
}

#reservierung2,
#reservierung3
{
	border-top: 5px #ffffff solid;
	width: 440px;
	padding: 15px;
	float: left;
}

#resto1,
#aktuelles1
{
	border-top: 5px #ffffff solid;
	width: 340px;
	padding: 15px 15px 5px 15px;	
	float: left;
}

#resto2
{
	border-top: 5px #ffffff solid;
	border-left: 5px #ffffff solid;
	background: #e2ebf2;
	width: 335px;
	padding: 15px 15px 5px 15px;
	float: right;
}

#resto3,
#aktuelles3
{
	border-left: 5px #ffffff solid;
	width: 335px;
	padding: 15px 15px 5px 15px;
	float: left;
}

#resto4
{
	width: 340px;
	padding: 0  15px 0 15px;	
	float: left;
}

#service
{
	background: url(bg_service.gif) repeat-y;
}

#service1
{
	float: left;
	border-top: 5px #ffffff solid;
	width: 325px;
	padding: 15px 20px;
}

#service2
{
	float: left;
	border-top: 5px #ffffff solid;
	border-left: 5px #ffffff solid;	
	width: 330px;
	padding: 15px 20px;
}

#impressum1
{
	float: left;
	background: #e2ebf2;
	border-top: 5px #ffffff solid;
	width: 410px;
	padding: 15px 20px;
}

#impressum2
{
	clear: both;
	background: #f4f5f0;
	border-top: 5px #ffffff solid;
	width: 700px;
	padding: 15px 20px;
}

#kontakt
{
	background: url(bg_kontakt.gif) repeat-y;	
}

#kontakt1
{
	float: left;
	background: #e2ebf2;
	border-top: 5px #ffffff solid;
	width: 330px;
	padding: 15px 20px;
}

#kontakt2
{
	float: left;
	background: #ffffff url(bg_anker.gif) no-repeat right bottom;
	border-top: 5px #ffffff solid;
	width: 330px;
	padding: 15px 20px;
}

#kontakt3
{
	float: right;
	background: #f4f5f0;
	border-top: 5px #ffffff solid;
	border-left: 5px #ffffff solid;	
	padding: 15px 20px;
	width: 325px;
}



/*	textformat
------------------------------------------------	*/

.hello
{
	font-size: 26px;
}

.klasse,

{
	color: #0000ff;
}

h1, h2, h3, h4
{
	margin: 0 0 10px 0;
	font-size: 18px;
	font-weight: normal;
	width: 100%;	
	line-height: 22px;	
	background: url(bg_h1.gif) repeat-x top;
}
h1 { background: none; }
h2 span { background: #e2ebf2; padding-right: 10px; }
h3 span { background: #f4f5f0; padding-right: 10px; }
h4 span { background: #ffffff; padding-right: 10px; }

p
{ 
	margin: 0 0 10px 0;
}

a
{ 
	color: #333333;
}

a:hover
{ 
	color: #ff0000;
}

.confirm
{ 
	color: #ff0000;
}



/*	startseite
------------------------------------------------	*/

#startseite h3
{ 
	background: url(bg_h3.gif) repeat-x top;
	padding-top: 7px;
	margin-left: 5px;
	width: 330px;	
}

#show
{
	margin: 10px 0 20px 0;
}

#show2 img
{
	 height: 295px;
	 width: 320px;
}

.slideshow-images 
{
	border: 5px #ffffff solid;
}	



/*	sonstiges
------------------------------------------------	*/

#map
{
	width: 325px; 
	height: 310px;
	z-index: 100;
	border: 1px black dotted;
}

#aktuelles1 img
{
	float: right;
	width: 108px;
	height: 148px;
	margin-left: 8px;
}

#service2 img,
#aktuelles3 img
{
	width: 100px;
	height: 75px;	
	margin: 0 12px 12px 0;
	float: left;
}

#service2 p
{
	clear: both;
}

.connect
{
	width: 50px;
	display: block;
	float: left;
}

.copyright
{	
	color: #ffffff;
	font-size: 11px;
	margin: 20px 0 60px 20px;
}

.copyright a
{	
	color: #ffffff;
}


/* 	buchungsformular
--------------------------------------- */

#f2 .formbody
{
	font-size: 12px;
}

#f2 h2
{
	padding-bottom: 15px;
}

#f2 label
{
	width: 150px;
	text-align: right;
	padding: 2px 8px 2px 0;
	float: left;
	margin: 4px 0;	
}

#f2 p.error
{
	position: absolute;
	top: 45px;
	left: 380px;
	width: 300px;
	background-color: #e2ebf2;
	color: #ff0000;
}

#f2 input,
#f2 select,
#f2 textarea
{ 
	background: #d4d9dd;
	padding: 2px 3px;
	width: 180px;
	float: left;
	margin-bottom: 10px;
	margin: 2px 0;	
}

#f2 select
{ 
	width: 191px;
}

#f2 textarea
{ 
	height: 80px;
}

#f2 .captcha_text
{
	padding: 1px;
}

#f2 .submit
{
	background-color: #003366;;
	color: #ffffff;
	width: 188px;
}

#f2 .submit_container
{
	margin-left: 158px;	
}

form br { /* Alle Zeilenumbrüche in Formularen auswählen */
	clear: left; /* das floating der labels und inputs aufheben */
}





/*	lammertz.net
------------------------------------------------	*/

#los_info { padding: 40px 0 0 40px; }
#los_info img { width: 150px; height: 60px; }
#los_info p, #los_info a { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; }
#los_info strong { color: #ef8429; }