/*

	Theme Name: Haaner Sommer PRO

	Theme URI: 

	Description:  Immerse your visitors in a breathtaking Beach Holiday theme. Nice graphics in the header and footer. Sponsor Web Hosting Refer and available FREE 

	Version: 1.00

	Author: HS-Team

	Author URI: 

	Tags: fixed width, widget ready, widgets, left sidebar, two columns, valid XHTML, valid CSS

*/



/* general */

body{

	margin:0px auto;

	font-size: 12px;

	font-family: Verdana, Arial, Helvetica, Sans-Serif;

	color:#000000;

	background: #fffffe url(images/bg_top.jpg) no-repeat center top;

}

img {

	border:0px;

	padding:5px;

	max-width: 100%; /* not working in IE6*/

	/*height: auto;*/ /* you can enable this.*/



}

a {color:#006891;text-decoration: none;}

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



h1 {font-size:30px;}

h2 {font-size:26px;}

h3 {font-size:21px;}

h4 {font-size:17px;}

h5 {font-size:14px;}

h6 {font-size:12px;}



p {margin: 0px 0px 12px 0px;}

hr {height:1px;border:none;border-top:1px dashed #EEC495; width:90%;}

del {color:red;}

ins {color:green;}



blockquote {

	clear: left;

	text-align: justify;

	padding: 0px 0px 0px 20px;

	margin: 20px 20px 10px 20px;

	background: url(images/quote.gif) no-repeat top left;

}

input,select,textarea {

	font-size:12px;

	font-family: Verdana, Arial, Helvetica, Sans-Serif;

}

code{

	font: 1.1em 'Courier New', Courier, Fixed;

}	

.alignleft {float: left; text-align: left;}

.alignright {float: right; text-align: right;}

.aligncenter,div.aligncenter{

   display: block;

   margin-left: auto;

   margin-right: auto;

   text-align: center;

}

img.alignleft {

	padding: 5px;

	margin: 0 7px 2px 0;

	display: inline;

}



img.alignright {

	padding: 5px;

	margin: 0 0 2px 7px;

	display: inline;

}

img.centered {

	display: block;

	margin-left: auto;

	margin-right: auto;

}

.clear {clear:both;}

.spacer {height:20px;}



/***** layout *****/

#bg_bottom{

	padding: 0px 0 0 0;

	margin:0px auto;

	background: url(images/bg_bottom.jpg) no-repeat center bottom;

}

#xfstcam{
        position:absolute;
	top:400px; 
	right: -145px;
	width:140px;
	height:140px; 
	border:0px;
}
#xfstcam2{
        position:absolute;
	top:650px; 
	right: -145px;
	width:140px;
	height:140px; 
	border:0px;
}
#xfstlogo{
        position:absolute;
	top:450px; 
	right: -145px;
	width:140px;
	height:140px; 
	border:0px;
}


#base{

	position:relative;

	margin:0px auto;

	width:960px;

	height:100%;

	border:0px red solid;

	background: url('images/bg_repeat.jpg') repeat-y center;

}

#base2{

	position:relative;

	margin:0px auto;

	background:url('images/footer.jpg') no-repeat center bottom;

}

#header{

	position:relative;

	width: 960px;

	height:184px;

	padding:0px;

	margin:0px;

	background:url('images/header1.jpg') no-repeat center top;

	border:0px red solid;

}

#container{

	position:relative;

	overflow:hidden;

	width:960px;

	background: url('images/header2.jpg') no-repeat center top;

	border:0px blue solid;



}

#sidebar{

	float:left;

	overflow:hidden;

	display:inline; 

	width:200px;

	margin:270px 0 0 0px;

}

#content{

	float:right;

	display:inline; 

	width:674px;

	padding:0px 4px 0 0;

	margin:10px 27px 0 0;

	width:708px;

}

#footer{

	clear:both;

	width:860px; /* 960px */

	height:60px; /* 90px */

	line-height:1.5em;

	color:#000;

	margin: 35px 0px 0 0px;

	padding: 25px 10px 5px 80px;

	color:#ffffff;



}

#footer a, #footer a:hover{

	color:#ffffff;

	text-decoration:underline;

}

/***** header *****/

#blogtitle {

	position:absolute;

	overflow:hidden;

/*	top:45px; */
        top:90px;
	right:0px; 

	width:550px;

	height:32px;

	font-family: Georgia, Verdana, Arial; 

	font-size:24px; 

	font-weight:bold;

	text-align:left;
	color:#262160; 
/* xfst	color:#262160; */

/* xfst        color:#E20000;  */

	padding:0px 0px 0px 0px;

}



#blogtitle a, #blogtitle a:hover {

	font-weight:bold;

	color:#262160; 

/*      color:#43C8F5; */

	text-decoration:none;

}

	

#subtitle {

	position:absolute;

	overflow:hidden; 

	font-family: Arial, 'MS Sans Serif', Verdana, Tahoma; 

	top:80px; 

	right:20px; 

	width:525px; 

	height:45px;

	text-align:left; 

	font-size:12px;

	letter-spacing: 2px;

	font-style:italic;

	font-weight:bold;

	color:#636363; 

	padding-left:15px;

}

#webcam {

	position:absolute;

	overflow:hidden;

	top:271px;

	right:-176px; 

	width:176px;

	height:300px;

}

#webcam p {
 padding-left: 5px;
 padding-right: 5px;
}

#container img.rss{

	position: absolute;

	left: 55px;

	top: 175px;

	height:60px;

	width:80px;

}

/** menu **/

#menu ul {

	position:absolute;

	overflow:hidden;

	top: 2px;

	right: 30px;

	height: 20px;

	float:right;

	margin:0px;

	padding:0px;

}

#menu ul li {

	display: inline;

	font-size: 14px;

	font-family:Verdana,Arial;

	font-weight: bold;

}



#menu ul li a {

	display: block;

	float: left;

	line-height: 20px;

/**	color: #f4a00a;  **/
        color: #a3d9f3;

	padding: 0px 8px 0px 8px;

	margin:0px 0px 0 0 ;

	text-decoration:none;

	border: 0px;

}



#menu ul li a:hover, #menu ul li.current_page_item a {

	color:#FFFF00;

}

#menu ul li.separator {

	font-size:9px;

	display: block;

	float: left;

	text-align:center;

	color: #43C8F5;

	width:12px;

	line-height: 20px;

}



/***** search *****/

.searchbox {

	position:absolute;

	top:137px; 

	right: 45px;

	width:242px;

	height:38px; 

	border:0px;



	border:0px red solid;

}	

.search-field input {

	position:absolute;

	top:11px;

	left:75px;

	width:125px; 

	height:15px; 

	font-family:Verdana;

	font-size:11px; 

	font-weight:bold;

	color:#999999; 

	padding:2px 3px 1px 3px;

	border:0px;

	background:#f8f8f8;

}

.search-but input {

	position:absolute;

	top:0px;

	left:25px;

	width:45px; 

	height:38px; 

}



/***** sidebar *****/

#sidebar a{color:#000000;text-decoration:none;}

#sidebar a:hover {color:#AC7421;text-decoration:underline;}

#sidebar h1 {

	color: #003562;

	font-size: 14px;

	font-weight: bold;

	letter-spacing: 1px;

	margin: 0px 0px 0px 0px;

	padding: 1px 0px 0px 20px;

	height: 23px;

	font-family:Verdana,Arial;

	background:url('images/sb_title.jpg') no-repeat right;

}

#sidebar select{

	margin:5px 0px 0px 8px;

	font-size:11px;

	width:180px;

}



#sidebar ul {

	list-style-type: none;

	margin: 0px 0px 0px 0px;

	padding: 0px 0px 0px 0px;

	font-family:Verdana,Arial;

}

#sidebar li {

	list-style-type: none;

	margin: 0px 0px 0px 0px;

	padding: 0px 0px 25px 0px;

	font-family:Verdana,Arial;

}

#sidebar ul ul li{

	position: relative;

	line-height: 1.7em;

	list-style-type: none;

	font-size:12px;

	border:0px red solid;

	font-family:Verdana,Arial;

	margin: 0px 0px 0px 0px;

	padding:2px 2px 0 24px;

	background: url('images/sb_arrow.jpg') no-repeat 0px 5px;

}



#sidebar ul ul ul li {

	position: relative;

	list-style-type: none;

	font-size:12px;

	border:0px; 

	margin: 0px 0px 0px -12px; 

	line-height: 1.7em; 

	font-family:Verdana,Arial;

	background: url('images/sb_arrow.jpg') no-repeat 0px 5px;

	padding: 0px 0px 0px 24px;

}



/***** content *****/

.archivetitle {

	height:20px;

	color: #999999;

	font-size: 11px;

	font-variant: normal;

	padding: 0px 0px 0px 25px;

	margin: 0px 0px 0px 0px;

}



.post{

	position:relative;

	overflow:hidden;

	background: url('images/post_bottom.jpg') no-repeat bottom center;

	width:673px;

	margin:0 0 30px 20px;

	padding:0 0 5px 0;

}

.post_header{

	position:relative;

	width:673px;

	height: 72px;

	background:url('images/post_header.jpg') no-repeat top center;

}

.page_header{

	position:relative;

	width:673px;

	height: 72px;

	background:url('images/page_header.jpg') no-repeat top center;

}



.posttitle{

	position:absolute;

	font-family:Arial,Verdana;

	left:48px;

	top: 25px;

	width:520px;

	height: 25px;

	font-size:17px;

	color: #9D080D;

	font-weight:bold;

}

.posttitle a,.posttitle a:hover{

	color: #9D080D;

	text-decoration:none;

}

.postauthor {

	position:absolute;

	left:55px;

	top: 45px;

	font-size: 10px;

	color:#000000;

}

.postauthor a,.postauthor a:hover{

	color: #000000;

	text-decoration:none;

}



.date_d {

	position:absolute;

	font-size: 28px;

	left:582px;

	top:26px;

	font-family:Arial, Verdana;

	font-weight:bold;



}

.date_m {

	position:absolute;

	font-size: 14px;

	left:587px;

	top:8px;

	font-family:Arial, Verdana;

	font-weight:bold;

	color:#ffffff;



}



.entry {

	position:relative;

	color: #000000;

	line-height: 1.6em;

	text-align: justify;

	padding: 5px 15px 5px 15px;

	min-height:80px;

}



.info {

	position:relative;

	line-height: 1.8em;

	font-size: 10px;

	color:#000000;

	margin:0px 22px 2px 22px;

}

.info a{

	color:#006891;

}



.category {

	font-size: 10px;

	margin: 0px 0px 0px 0px;

	padding: 0px 0px 4px 20px;

	background: url('images/category.jpg') no-repeat top left;

	color:#999999;

}



.tags {

	font-size: 10px;

	margin: 0px 0px 0px 0px;

	padding: 0px 0px 4px 20px;

	color:#999999;

	background: url('images/tags.jpg') no-repeat top left;

}



.bubble {

	font-size: 10px;

	margin: 0px 0px 0px 0px;

	padding: 0px 0px 4px 20px;

	color:#999999;

	background: url('images/bubble.jpg') no-repeat top left;

}



.navigation {

	font-size: 12px;

	margin: 20px 0px 0px 0px;

	padding: 0px 10px 20px 10px;

}



.sorry {

	font-size: 11px;

	font-style: italic;

	margin: 20px 20px 20px 20px;

	padding: 10px 10px 10px 10px;

	border: 1px dashed #B1A074;

}



/*** comment ***/

#postmetadata {

	font-size: 12px;

	margin: 20px 20px 20px 24px;

	padding: 8px 8px 8px 8px;

	background:#f8f8f8;

}

#comments{

	padding:0 25px 0 25px;

}

.nocomments {background: none; color: #000000;}



.commenttitle {

	color: #000000;

	font-size: 13px;

	text-align: left;

	font-weight: bold;

	margin: 0px 0 20px 0;

	padding: 2px 0px 2px 0px;

	font-variant: normal;

	border-bottom: 1px dashed #999999;

}

.commentlist {list-style: none;margin:0px;padding:0px;}



.commentbody {

	height:100%;

	color: #000000;

	font-size: 12px;

	list-style-type: none;

	margin: 0px 0px 10px 0px;

	padding: 0px 5px 1px 5px;

	background:#eeeeee;

}



.commenthead {

	height:32px;

	color: #000000;

	margin: 0px 0px 5px 0px;

	padding: 5px 0px 5px 0px;

	border-bottom: 1px dashed #999999;

	background:#eeeeee;

}

.adminbody {

	height:100%;

	color: #000000;

	font-size: 12px;

	list-style-type: none;

	margin: 0px 0px 10px 25px;

	padding: 0px 5px 1px 5px;

	background:#eeeeee;

}

.adminhead {

	height:32px;

	color: #000000;

	margin: 0px 0px 5px 0px;

	padding: 5px 0px 5px 0px;

	border-bottom: 1px dashed #999999;

	background:#eeeeee;

}

.trackhead {

	height:32px;

	color: #000000;

	margin: 0px 0px 5px 0px;

	padding: 5px 0px 5px 38px;

	border-bottom: 1px dashed #999999;

	background: url(images/track.gif) no-repeat center left;

}

.trackbody {

	height:100%;

	color: #000000;

	font-size:12px;

	list-style-type: none;

	margin: 0px 0px 10px 5px;

	padding: 0px 5px 1px 5px;

	background:#eeeeee;

}



.avatar {

	float: left;

	margin: 0px 5px 0px 0px;

	padding: 0px;

}

.commentcount {

	float: right;

	color: #aaaaaa;

	font-size: 24px;

	margin: 0px 0px 0px 0px;

	padding: 5px 0px 0px 0px;

	font-family: Georgia, Times, 'Times New Roman', serif;

}

.authorlink {color: #000000; font-size: 12px; font-weight: bold;line-height:1.5em;}

.authorlink a {color: #000000; font-size: 12px; font-weight: bold;line-height:1.5em;}

.commentlink {font-size: 10px; color: #000000;}



.trackbody p a {color: #000000;}



#commentform {

	margin:0;

	padding:20px 0 0 0;

}

#email, #author, #url {

	color: #000000;

	font-size: 12px;

	padding-left: 2px;

	vertical-align: middle;

	border: 1px solid #999999;

	background:#f8f8f8;

	font-family: Verdana, Arial, Helvetica, Sans-Serif;

}

#comment {

	width: 600px;

	color: #000000;

	font-size: 12px;

	font-family: Verdana, Arial, Helvetica, Sans-Serif;

	border: 1px solid #999999;

	background:#f8f8f8;

	padding: 2px 2px 2px 2px;

}

#submit {

	width: 100px;

	height: 25px;

	color: #000000;

	font-size: 12px;

	background: #ffffff;

	margin: 0px 0px 0px 0px;

	padding: 0px 10px 2px 10px;

	border: 1px solid #999999;

	background:#f8f8f8;

	font-family: Verdana, Arial, Helvetica, Sans-Serif;

}





/***** widget *****/

#wp-calendar td {font-size:11px;color:#888888;}

#wp-calendar td a {font-weight:bold;text-decoration:underline;}

#wp-calendar {

	width: 170px;

	margin:0 0 0 10px;

	text-align: center;

	font-size:11px;

	color:#888888;

}

.wp-caption { /*images caption*/

	text-align: center;

	color:#666666;

}

.textwidget { /*text box*/

	margin:2px 10px 5px 10px;

	text-align:justify;



}

.rsswidget img{

	display:none;

}



#akismetwrap{

	margin:2px 0 2px 37px;

}

.wp-smiley{

	vertical-align:middle;

	border:0px;

	padding:0px;

}

/*** XFST-Adds ***/
#hassopost{}
/* #hassopost{background-color:#F4A00A;
	   padding:5px;} */

#sponsoren{background-color:#FFFFCC;
	   padding:5px;}

#hassopost2{background-color:#F4A00A;
	   padding:5px;
           background:transparent url('images/footer.jpg') no-repeat center top;}

#xfstlink a{color:#006891;text-decoration:none;}

#xfstlink a:hover {color:#A3D9F3;text-decoration:underline;}