foo.less

// farben

@white:		#f2f2f2;
@regwhite:	#ffffff;
@brown:		#4c4238;
@darkbrown: #353029;
@beige:		#b4a188;
@blue:		#006cba;

// defaults
		@media (min-width: 1200px) {
			.container{
				width:970px!important;
				} }

	.background{
		width: 100%;
		background-color: @white;
		padding: 15px 30px 15px 30px;}

	body {
		background: @beige;
		font-weight: lighter;
		font-family: "Open Sans", Arial, sans-serif;
	}

	strong{
		font-weight: normal;
	}

	section {
		margin-bottom: 50px; 
	}
	article {
		display: block; overflow: hidden;
	}

	h1{
		color: @brown;
		font-size: 25px;
	}
	span.blue{
		color: @blue;
	}
	h2{
		color: @white;
		font-size: 18px;
	}
	h3{
		color: @brown;
		font-size: 18px;
		font-style: italic;
	}

	h4{
		color: @brown;
		font-size: 18px;
	}

	h5{

	}

	h6{
		color: @white;
		font-size: 18px;
		font-style: italic;
	}

	a
		{
			font-family: "Open Sans", Arial, sans-serif; 
		    color: @white;
		    text-decoration: none;
		}

	a:hover, a:focus, a:active
		{
		    text-decoration: none;
		    color: @beige;
		}

	a.article
		{
			font-family: "Open Sans", Arial, sans-serif; 
		    color: @darkbrown;
		    text-decoration: none;
		}

	a.article:hover, a.article:focus, a.article:active
		{
		    text-decoration: none;
		    color: @beige;
		}

	p
	{
		color: @brown;
		font-size: 13px;
		line-height: 20px;
		font-weight: lighter;
		font-family: "Open Sans", Arial, sans-serif;
	}

	p.p_footer
	{
		color: @white;
		font-size: 13px;
		font-weight: lighter;
		font-style: normal;
		font-family: "Open Sans", Arial, sans-serif;
	}


// Divider
	//brown
		.divider
		{
			border: solid 1px @beige;
			width: 100%;
		 	margin-top: 10px auto;
		 	overflow: hidden;
		}

		hr {
			margin:30px 0px 15px 0px; 
			border-top: 1px solid @beige;
			width: 99%;
			margin-right: auto;
			margin-left: auto;}

//Header
	// Navigation

	.banner, .navbar, .navbar-default, .navbar-static-top{
		background-color: @brown;
		margin-bottom: 0px;
		border-bottom-style: solid;
	    border-bottom-width: 3px;
	    border-bottom-color: @darkbrown;
	}

	.navi{
		margin-top: 10px;
	}

	ul.navi li
	{   
	    display:inline-block;
	    list-style: none;
	    height: 5px;
	    margin: 0px 10px; 
	}

	ul.navi > li:hover, li:focus, li.active > a
	{   
	    display:inline-block;
	    text-align: left;
	    height: 5px;
	}

	.dropdown-menu > li > a 
	{
		display: block;
		padding: 10px 10px;
		clear: both;
		font-weight: normal;
		line-height: 5px;
		color: @darkbrown;
		white-space: nowrap;
	}

	.dropdown-menu > li > a:hover
	{
		display: block;
		padding: 10px 10px;
		clear: both;
		font-weight: normal;
		line-height: 5px;
		background-color: @darkbrown;
		color: @white;
		white-space: nowrap;
	}

	.dropdown-menu > .active > a,
	.dropdown-menu > .active > a:hover,
	.dropdown-menu > .active > a:focus 
	{
 		display: block;
		padding: 10px 10px;
		clear: both;
		font-weight: normal;
		line-height: 5px;
		background-color: @darkbrown;
		color: @white;
		white-space: nowrap;
	}

	
	//Banner/Slider

		.banner_1
		{
			margin-top: -15px;
			margin-left: -15px;
			width: 901px;
		}

		.slider
		{
			margin-top: -15px;
			width: 100%;
		}

	// Logo

		.logo
		{
			position: absolute;
			left: 0px;
			top: 0px;
			max-height: 150px;
			max-width: 200px;
			padding: 10px 25px 10px 25px;
			background-color: @white;
			z-index: 10;
		}

	//Slider

		.carousel-caption {
		  position: absolute;
		  right: 15%;
		  bottom: 30px;
		  left: 15%;
		  z-index: 10;
		  padding-top: 20px;
		  padding-bottom: 80px;
		  color: @white;
		  text-align: center;
		  text-shadow: 0 3px 3px rgba(0, 0, 0, 0.6);
		}

		.carousel-indicators {
		   	background-color: @white;
		   	border-radius: 5px;
		   	padding: 5px; 

			position: absolute;
			bottom: 10px;
			left: 50%;
			z-index: 15;
			width: 100px;
			padding-left: 0;
			margin-left: -60px;
			text-align: center;
			list-style: none;
		}

		.carousel-indicators li {
		  display: inline-block;
		  width: 10px;
		  height: 10px;
		  margin: 0px;
		  text-indent: -999px;
		  cursor: pointer;
		  border: 1px solid @blue;
		  border-radius: 10px;
		}

		.carousel-indicators .active {
		  width: 10px;
		  height: 10px;
		  margin: 0px;
		  background-color: @blue;
		}

//Content
	//allgemein
		

		.col-lg-6
		{
			margin-left: -15px;
		}

	//ANZEIGE
		.anzeige
		{
			margin-top: 10px;
			font-size: 12px;
			font-weight: lighter;
			border-style: solid;
			border-radius: 10px;
			border-color: @beige;
			border-width: 1px;
			background-color: @regwhite;
		}

		.featured
		{
			width: 23%;
			margin-top: 10px;
			font-size: 12px;
			margin-left: 1%;
			margin-right: 1%;
			font-weight: lighter;
			border-style: solid;
			border-color: @beige;
			border-width: 1px;
			background-color: @regwhite;		
		}

		.objekte
		{
			margin-bottom: 30px;
		}

		ul.lcp_catlist
		{
			margin-top: 10px;
		}

	//INFO
		.infos
		{
			margin-top: 20px;
			margin-bottom: 20px;
		}

	// Featured Image
		.featured_image
		{
			margin-top: 20px;
			width: auto;
			height: 300px;
		}


	//FEATURED PROPERTYS
		.lcp_catlist
		{
			list-style-type: none;
			margin-left: -40px;
		}

		ul.lcp_catlist a
			{
				font-family: "Open Sans", Arial, sans-serif; 
			    color: @brown;
			    text-decoration: none;
			    font-weight: normal;
			    font-size: 18px;
			}

		ul.lcp_catlist a:hover, ul.lcp_catlist a:focus, ul.lcp_catlist a:active
			{
			    text-decoration: none;
			    color: @beige;

			}

		.attachment-thumbnail
		{
			width: 205px;
			height: 150px;
			margin-left: -15px;
		}

		pre 
		{
			display: block;
			padding: 0px;
			font-size: 12px;
			line-height: 20px;
			word-break: break-all;
			word-wrap: break-word;
			color: @darkbrown;
			background-color: @white;
			border-radius: 4px;
		}

	//WP-Userlogin

		.loginkasten
		{
			margin-top: 20px;
			vertical-align: center;
			text-align: left;
			padding: 20px;
			font-size: 12px;
			font-weight: lighter;
			border-style: solid;
			border-radius: 10px;
			border-color: @beige;
			border-width: 1px;
			background-color: @regwhite;
		}

		.wpul_widget_userlogin { 
		    color: @darkbrown;
		    font-family: sans-serif;
		}
		.wpul_widget_userlogin a { 
		    color: @brown;
		    text-decoration: none;
		}

		.wpul_widget_userlogin a:hover, a:active, a:focus { 
		    color: @darkbrown;
		    text-decoration: none;
		}

		.wpul_widget_userlogin span#welcome {
		    font-style: italic;
		}
		ul.wpul_menu {
		    font-family: sans-serif;
		}
		ul.wpul_menu li {
		    list-style-type: none;
		}
		ul.wpul_menu li a {
		    color: @brown;
		}
		ul.wpul_menu li a:hover {
		    text-decoration: underline;
		}

		    font-size: 1.8em;
		#rememberme {
		    margin: 5px 0;
		}
		#loginform p label { display: block; }

	//contactform

		
		p.name
		{
			margin-top: 11px;
		}

		input
		{
			margin-top: 5px;
		}

		#ganz
		{
			width: 85%;
		}

		#halb
		{
			width: 100%;
		}

		.area
		{
			margin-top: 5px;
			width: 100%;
			height: 65px;
		}


		.button
		{
			background-color: @brown;
			color: @white;
			width: 50%;
			margin-left: 25%;
		}

// Footer

	a.foot
	{
	    color: @beige;
	    text-decoration: none;
	}

	a.foot:hover, a.foot:focus,
	{
	    color: @white;
	    text-decoration: none;
	}

	ul.navifoot li
		{   
			font-size: 13px;
			line-height: 20px;
		    list-style: none;
		    margin-left: 0px; 
		}

	ul.navifoot > li:hover, li:focus, li.active > a
		{   
		    text-align: left;
		    list-style: none;
		    border-bottom-style: none;
		    color: @beige;
		}

	.footer
	{
		padding: 15px 10px 15px 10px;
		background-color: @brown;
	}

	p.center
	{
		text-align: center;
		font-size: 12px;
		color: @beige;
		font-weight: lighter;
		font-style: normal;
		font-family: "Open Sans", Arial, sans-serif;
	}

	.copyright
	{
	  padding-top: 10px;
	  background-color: @darkbrown;
	  color: @beige;
	}


//ANZEIGENBILD
	.attachment-thumbnail, .wp-post-image
	{
		width: 215px;
		margin-left: -15px;
	}