/*
Theme Name: Finca Montañas y Mar
Theme URI: http://finca-andalusia.de
Description: Finca - Design auf Wordpress 2.5
Version: 1.0
Author: Simon Rimkus
Author URI: http://webdemar.com/

*/

@charset "UTF-8";
/* =CALL LIBRARY */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;} /* ------- Reset all CSS Styles */

/* =GENERAL - the general styles */
	body{
		font: 12px Verdana, Arial, Helvetica, sans-serif;
		color: #4b4942;
		background:#EDF7C3 url(images/bg-body.gif);
		margin:40px 0;
	}
	a{text-decoration: none; color:#FD1500;}
	a:hover{color: #FD1500;}
	.hide,hr{display: none;}
	strong{font-weight: bold;}
	
	p {
		font:12px/2.0em Verdana, Arial, Helvetica, sans-serif;
		margin: 0 0 15px 0;
	}
	p a {
		text-decoration:none;
	}
	p a:hover {
		text-decoration:underline;
	}
	
	h1 {
		margin: 0 0 20px 0;
		font-size: 10px;
	}
	
	h2 {
		margin:0 0 25px 0;
	}
	h3, h4, h5 {
		margin:0 0 20px 0;
	}
	
	h2 {
		font-family:Georgia, "Times New Roman", Times, serif;
		color:#FD1500;
		font-size:20px;
	}
	 h3 {
		color:#016701;
		font-size:16px;
		font-weight:bold;
	}
	h4 {
		font-size:14px;
		color:#DA731B;
	}
        .clear {
                clear:both;
        }
	

/* =LAYOUT - the main layout styles */
	/* for the rounded top */
	#containertop{
		width: 902px;
		margin: 0 auto;
		height: 9px;
		background:url(images/container_top.gif) no-repeat top left;
	}

	/* container */
	#container{
		width: 902px;
		margin: 0 auto;
		padding-bottom:10px;
	}

/* =HEADER */
	/* Logo and Site Title */

        #logo {
        padding:20px 0 0 20px;
        position: relative;
        }
        
        #lang {
        position: absolute;
        top: 0px;
        right: 10px;
        }

	#info {
        height:145px;
        position:relative;
	}
        #info h1 {
        position:absolute;
        top:140px;
        left:40px;
	color:#F8FFBA;
	font-size:20px;
        }


/* =TOP NAVIGATION and SEARCH */
	/* top navigation */
	#navigation_wrapper{
		width: 861px;
		margin: 0 auto 0 auto;
	}
	#navigation{
		float: left;
                margin:0;
                padding:0;
	}
	#navigation li{
		float: left;
	}
	#navigation li a{
		padding:5px 0;
		margin:0 5px 5px 0;
                display:block;
                width:90px;
		float: left;
		text-align:center;
		letter-spacing:-1;
		color: #404639;
	}
	#navigation li a:hover{
		color:#F8FFBA;
	}
	#navigation li #a {
		background:url(images/nav1.gif) no-repeat left top;
	}
	#navigation li #b {
		background:url(images/nav2.gif) no-repeat left top;
	}
	#navigation li #c {
		background:url(images/nav3.gif) no-repeat left top;
	}
	#navigation li #d {
		background:url(images/nav4.gif) no-repeat left top;
	}
	#navigation li #e {
		background:url(images/nav5.gif) no-repeat left top;
	}
	#navigation li #f {
		background:url(images/nav6.gif) no-repeat left top;
	}
	#navigation li #g {
		background:url(images/nav2.gif) no-repeat left top;
	}
	#navigation li #h {
		background:url(images/nav1.gif) no-repeat left top;
	}
	#navigation li #i {
		background:url(images/nav2.gif) no-repeat left top;
	}
	#navigation li #j {
		background:url(images/nav3.gif) no-repeat left top;
	}
	#navigation li #k {
		background:url(images/nav4.gif) no-repeat left top;
	}
	#navigation li #l {
		background:url(images/nav5.gif) no-repeat left top;
	}
	#navigation li #m {
		background:url(images/nav6.gif) no-repeat left top;
	}
	#navigation li #n {
		background:url(images/nav2.gif) no-repeat left top;
	}
	#navigation ul {
		display: none;
		position: absolute;
		top: 1em;
		left: 0;
	}
	
/* =CONTENT */

	#content {
		width:860px;
		position: relative;
		margin: 80px auto 0 auto;
		clear:both;
	}
	#content  img {
		padding:3px;
		float:left;
		background:#FD1500;
		margin:0 5px 5px 0;
	}
	#content .img-keinrahmen {
		padding:0;
		float:left;
		background:#f3fd6a;
		margin:0 0 0 0;
	}
	#content .img-big {
		padding:3px;
		background:#FD1500;
		margin:0;
                float:none;
	}
	#content .img-right {
		padding:3px;
		float:right;
		background:#FD1500;
		margin:0 0 5px 5px;
	}
	#contentleft {
		width:660px;
		float:right;
		margin: 0 0 auto 0;
	}
	#contentleft-wide {
		float:none;
		margin: 0;
	}
        #contentleft ul {
                list-style-type:circle;
                margin: 0 0 20px 20px;
        }
        #contentleft li {
                line-height:1.8em;
        }
	#aktuelles p {
		margin-bottom: 40px;
	}
	#contentright {
		width: 180px;
		float:left;
		margin:0;
	}
	#contentright h2 {
		margin:0 0 15px 0;
	}
	#contentright ul {
		margin: 0 0 20px 0;
                padding:0;
	}
	#contentright li {
		padding: 0;
		margin: 0 0 5px 0;
	}
	#contentright .side1 a {
		background:url(images/bg-navright.gif) no-repeat left top;
		text-decoration:none;
		display:block;
		width:150px;
		height:23px;
		padding:5px 0px 0 30px;
		color:#016701;
	}
	#contentright .side2 a {
		background:url(images/bg-navright2.gif) no-repeat left top;
		text-decoration:none;
		display:block;
		width:226px;
		height:38px;
		padding:5px 7px 0 7px;
		color:#016701;
	}
	#contentright .side1 a:hover, #contentright .side2 a:hover {
		color:#DA731B;
	}
	
/* =FOOTER */
	#footer{
		margin:0 auto;
		padding:20px 0 0 40px;
		width: 862px;
		height:100px;
		background: url(images/bg-footer.gif) no-repeat 0 bottom;
	}
	#footer h1 {
		text-indent:0;
		font-size:20px;
	}
	#footer a{
		color: #7B8266;
	}
	#footer li a:hover{
		color: #AFBB4F;
	}

/* =FORMS */

form input {
	width: 350px;
	padding:5px;
	border-top:1px solid #666;
	border-left:1px solid #666;
	border-bottom:1px solid #ddd;
	border-right:1px solid #ddd;
}
form textarea {
	width: 450px;
	padding:5px;
	border-top:1px solid #666;
	border-left:1px solid #666;
	border-bottom:1px solid #ddd;
	border-right:1px solid #ddd;
}

/* =BELEGUNG */

.kalender {
        width:90%;
        margin: 0 auto 30px 0;
        padding:20px 20px 0 20px;
        background:#fff;

}

.belegung {
        float:left;
        width:25%;
        margin: 0 0 20px 0;
}

.belegung table caption {
        margin: 0 0 5px 0;
        background:#BFCC5E;
        text-align:center;
}

.belegung table th {
        font-weight:bold;
}

.belegung table td, .belegung table th {
        padding:1px;
        text-align:center;
}

.belegung table td.booked {
        background:#ff0000;     
}

.belegung table td.startday {
        background:url(images/startday.gif) no-repeat right top;
}

.belegung table td.endday {
        background:url(images/endday.gif) no-repeat left top;
}

/** Wetter */

div.wp-forecast {
        height: 260px;
        padding: 10px;
        font:12px/12px Verdana, Arial, Helvetica, sans-serif;
        background:url(images/bg-wetter.gif) no-repeat left top;
}

div.wp-forecast p {
        margin: 0 0 5px 0;
}


div.wp-forecast img {
        background:transparent!important;
        margin:0px!important;
        padding: 0px!important;
}

div.head {
        margin: 0 0 10px 0;
        text-align:center;
}

div.wp-forecast img {
		float:right!important;
}

/** hidden */

#hidden {
        display:none;
}

button {
        font: 12px Verdana, Arial, Helvetica, sans-serif;
        padding:0;
        background:transparent;
        color:#FD1500;
        border:0;
        cursor:pointer;
}

/** KLIMATABELLE */

.klimatabelle {
        width:550px;
        margin: 0 0 30px 0;
        padding:20px;
        background:#fff;

}

#googlemap {
        margin: 0 0 30px 0;

}

/** useful */

.alignleft {
	float: left;
	margin: 0 10px 10px 0;
}

.alignright {
	float: right;
	margin: 0 0 10px 10px;
}

/** WORDPRESS CSS */

.aligncenter,
div.aligncenter {
   	display: block;
   	margin: 0 auto;
}

.aligncenter {
	margin-bottom: 20px!important;
}

.alignleft {
   	float: left;
   	margin: 0 20px 20px 0;
}

.alignright {
   	float: right;
   	margin: 0 0 20px 20px;
}

.wp-caption {
	margin-bottom: 20px;
   	text-align: center;
}

.wp-caption img, .wp-caption a img {
   	float: none!important;
}

.wp-caption p.wp-caption-text {
   	padding: 0px;
  	margin: 0px;
}