/*
------------------------------------------------------------------------------------------------
 Kajakverleih Achterwehr -- CSS Styles
------------------------------------------------------------------------------------------------
*/


/*
------------------------------------------------------------------------------------------------
 Charset Definition
------------------------------------------------------------------------------------------------
*/

@charset "UTF-8";



/*
------------------------------------------------------------------------------------------------
 Global Styles
------------------------------------------------------------------------------------------------
*/


#top 
{ 
	padding: 0px; 
	margin: 0px; 
	height: 277px; 
	width: 934px; 
}

#top_picture
{ 
	padding: 0px; 
	margin: 0px; 
	height: 250px; 
	width: 934px; 
	background-image: url(./images/top_picture.jpg); 
	background-position: top left; 
	background-repeat: no-repeat; 
}


#side_bar_picture
{ 
	padding: 0px; 
	margin: 0px; 
	height: 81px; 
	width: 245px; 
	background-image: url(./images/haus_kajak3.jpg); 
	background-position: top left; 
	background-repeat: no-repeat; 
}






body  
{
    	background-color: #FFFFFF;
    	margin: 0; 
    	padding: 0;
    	text-align: center; 
    	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}


#container 
{ 
   	width: 934px;  
   	background: #FFFFFF;
   	margin: 0 auto; 
   	border: 0px;
   	text-align: left; 
	color: #333333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	position:relative;
} 


#side_bar
{
   	float: right; 
   	width: 271px;
   	background: #FFFFFF; 
   	padding: 0px;
}

#side_bar_footer
{
	width:246px;
	height:100px;
	background-image:url(./images/Navi.jpg);
	background-position:top left;
	background-repeat:no-repeat;

}

#side_bar h1
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#8b1a1d;
	line-height:100%;
	padding:0px;
	margin:0px;
	padding-top:0px;
	padding-bottom:10px;
}

#MainContent 
{ 
   	margin: 0 420px 0 0; 
   	padding: 0px;
	padding-left:24px; 
	padding-bottom:40px;
} 

#MainContent h1
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:normal;
	color:#626263;
	line-height:100%;
	padding:0px;
	margin:0px;
	padding-top:18px;
	padding-bottom:10px;

}


#MainContent h2
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:normal;
	color:#626263;
	line-height:100%;
	padding:0px;
	margin:0px;
	padding-top:18px;
	padding-bottom:10px;

}

#MainContent h3
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:normal;
	color:#626263;
	line-height:100%;
	padding:0px;
	margin:0px;
	padding-top:18px;
	padding-bottom:10px;

}

#MainContent h4
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#8b1a1d;
	line-height:100%;
	padding:0px;
	margin:0px;
	padding-top:0px;
	padding-bottom:10px;
}


#MainContent p
{
	font-size:11px;
	color:#333333;
	line-height:130%;
	padding:0px;
	margin:0px;

}


#MainContent p a
{
	font-size:11px;
	color:#333333;
	line-height:130%;
	padding:0px;
	margin:0px;
	text-decoration:underline;

}


#MainContent p a:hover
{
	font-size:11px;
	color:#7c181a;
	line-height:130%;
	padding:0px;
	margin:0px;
	text-decoration:underline;

}


#Footer 
{ 
   	padding: 0 10px 0 20px;

	height:20px;
} 



/*
------------------------------------------------------------------------------------------------
 Navigation Bar Styles
------------------------------------------------------------------------------------------------
*/

#navigation
{
	width:934px;
	height:27px;
	background-image:url(./images/navigation_background.jpg);
	background-position:top left;
	background-repeat:no-repeat;

}


#navigation ul
{
	list-style:none;
	padding:0px;
	margin:0px;
	padding-left:20px;
}

#navigation ul li
{
	list-style:none;
	padding:0px;
	margin:0px;
	float:left;
	display:block;

}

#navigation ul li a
{
	list-style:none;
	padding:0px;
	margin:0px;
	float:left;
	color:#FFFFFF;
	text-decoration:none;
	display:block;
	padding-left:22px;
	padding-top:9px;
	padding-right:22px;
}

#navigation ul li a:hover
{
	list-style:none;
	padding:0px;
	margin:0px;
	float:left;
	color:#FF8080;
	text-decoration:none;
	display:block;
	padding-left:22px;
	padding-top:9px;
	padding-right:22px;
}


#navigation ul li.navigation_active a
{
	list-style:none;
	padding:0px;
	margin:0px;
	float:left;
	color:#005200;
	font-weight:bold;
	background-color:#FFFFFF;
	text-decoration:none;
	display:block;
	padding-left:22px;
	padding-top:9px;
	padding-right:22px;
}









#MainContent ul
{
	
	padding:0px;
	margin:0px;
	padding-bottom:4px;
	padding-top:0px;
	margin-left:0px;
	
}

#MainContent ul li
{
	background: url(../../Global_Images/Dot.jpg) no-repeat 0px 6px;
	margin: 0;
	padding: 3px 0 2px 15px;
	list-style:none;	
	line-height: 140%;	
	
	
	
}




/*
------------------------------------------------------------------------------------------------
 Portrait Detail Styles
------------------------------------------------------------------------------------------------
*/


#IntroText
{
	padding-bottom:20px;

}

#PortraitPicture
{
	width:220px;
	float:left;
	border:0px solid #666666;

}

#Beschreibung
{
	float:left;
	width:560px;

}

#Beschreibung2
{
	float:left;
	width:300px;

}

#Bild
{
	padding-bottom:30px;

}


/*
------------------------------------------------------------------------------------------------
 Clear Element Styles
------------------------------------------------------------------------------------------------
*/

.fltrt 
{ 
	float: right;
	margin-left: 8px;
}

.fltlft 
{ 
	float: left;
	margin-right: 8px;
}

.clearfloat { 
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}




/*
------------------------------------------------------------------------------------------------
 News Element Styles
------------------------------------------------------------------------------------------------
*/

.NewsDate
{
	color:#8b1a1d;
	font-size:12px;
	font-weight:bold;

}



.NewsHeadline
{
	color:#626263;
	font-size:12px;
	font-weight:bold;

}



.NewsHeadlineHolder 
{
	text-decoration:none;
	padding-bottom:4px;

}

.NewsHeadlineHolder a
{
	text-decoration:none;

}

.NewsHeadlineHolder a:hover
{
	text-decoration:none;
	color:#333333;

}

.NewsText
{
	color:#333333;
	font-size:11px;
	font-weight:regular;
    	text-align: left; 

}

.sidebar_content
{
	width:347px;
	padding-top:12px;
	padding-bottom:24px;

}



.NewsContent a
{
	font-size:11px;
	color:#333333;
	line-height:130%;
	padding:0px;
	margin:0px;
	text-decoration:underline;

}

.NewsContent a:hover
{
	font-size:11px;
	color:#7c181a;
	line-height:130%;
	padding:0px;
	margin:0px;
	text-decoration:underline;

}


a span.NewsHeadline
{
	color:#626263;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;

}


a span.NewsHeadline:hover
{
	color:#333333;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;

}