/*
Theme Name: Langhorst Regalbau
Theme URI: http://www.langhorst-regalbau.de
Author: Matthias Klindworth
Author URI: http://www.k-evolution.de
Description: Template WordPress Langhorst Regalbau
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: Langhorst Regalbau
*/

/* ?= Standard
**********************************************************/
body {
	background: url(img/bg.png) repeat-x top #4e4e4e;
	* {
		font-family: "Trebuchet MS", Helvetica, sans-serif;
		font-size: 14px;
		color: #363636;
		position: relative;
		-webkit-box-sizing: border-box !important;
       -moz-box-sizing: border-box !important;
            box-sizing: border-box !important;
	}
	.container {
		width: 960px;
	}
	.row,
	.row-fluid {
		margin-bottom: 20px;
	}
	h1,h2,h3,h4,h5 {
		margin: 10px 0 !important;
	}
	h1 {
		font-size: 2em !important;
	}
	h2 {
		font-size: 1.75em !important;
	}
	h3 {
		font-size: 1.5em !important;
	}
	h4 {
		font-size: 1.25em !important;
	}
	h5 {
		font-size: 1.15em !important;
	}
	ol {
		list-style: none;
	}
	address {
		margin: 0 !important;
	}
}

/* ?= Header
**********************************************************/
#header {
	height: 136px;
	* {
		font-family: Arial, Helvetica, sans-serif;
		list-style: none;
	}
	hgroup {
		display: none;
	}
	#navigation {
		position: absolute;
		right: 5px;
		bottom: 4px;
		li {
			display: inline;
			padding: 15px 0;
			&.current-menu-item,
			&:Hover {
				background: url(img/bg_navigation.png) no-repeat bottom center;
				background: url(img/bg_navigation_blue.png) no-repeat bottom center;
				a {
					color: #da0e2e;
					color: #00519d;
					text-decoration: none;
				}
			}
			a {
				color: #4e4e4e;
				padding: 0 15px;
				border-left: 1px dashed #717171;
				&:Hover {
					color: #da0e2e;
					color: #00519d;
					text-decoration: none;
				}
			}
			&:first-child a {
				border: 0;
			}
		}
	}
	#basics {
		position: absolute;
		left: 115px;
		top: 10px;
		li {
			display: inline;
			padding: 0 15px;
			a {
				color: #8a8a8a;
				font-size: 12px;
			}
		}
	}
	#logo {
		margin: 20px;
	}
	form {
		position: absolute;
		right: 5px;
		top: 10px;
		input {
			vertical-align: middle;
			margin: 3px;
		}
		input[type=text] {
			width: 220px !important;
			height: 24px !important;
			padding: 5px !important;
			border: 1px solid #d3d3d3 !important;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;
		}
	}
}


/* ?= Body
**********************************************************/
#body {
	background: #fff;
	padding: 20px 20px 1px 20px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow: 0px 0px 5px #000;
	-webkit-box-shadow: 0px 0px 5px #000;
	box-shadow: 0px 0px 5px #000;
	* {
		font-size: 12px;
	}
	.nav-left {
		li {
			background: url(img/bg_navigation-left.png) no-repeat bottom center;
			list-style: none;
			margin: 0 0 20px 0;
			padding: 5px 0;
			text-align: center;
			&:Hover a,
			&.current-menu-item a {
				color: #da0e2e;
				color: #00519d;
				text-decoration: none;
			}
			a {
				font-size: 14px;
			}
		}
	}
	.teaser {
		padding: 10px;
		background: #4b4b4b;
		* {
			color: #d0d0d0;
		}
	}
	.angebot {
		clear: both;
		border-top: 1px dashed #8b8b8b;
		ul {
			li {
				color: #8b8b8b;
			}
		}
	}
	.border {
		border-right: 1px dashed #8b8b8b;
		padding-right: 20px;
		min-height: 300px;
	}
	.borderboth {
		border-left: 1px dashed #8b8b8b;
		border-right: 1px dashed #8b8b8b;
		padding: 0 20px;
		min-height: 300px;
	}
	h2, h3, h4, h5 {
		color: #da0e2e;
		color: #00519d;
		* {
			color: #da0e2e;
			color: #00519d;
		}
		span {
			color: #4a4848;
		}
		&.space {
			padding: 0 20px;
		}
	}
	article {
		border-top: 1px dashed #8b8b8b;
		padding: 20px 0 50px 0 !important;
		&:first-child {
			border: none;
			padding: 0;
		}
		h4 {
			margin-top: 0 !important;
		}
	}
	.marginal {
		h3 {
			background: url(img/marktplatz.png) no-repeat left center;
			padding: 5px 0 5px 50px;
		}
		article {
			padding: 10px 0 !important;
			* {
				z-index: 1;
			}
			.pull-right {
				z-index: 2;
			}
		}
	}
}

/* ?= Footer
**********************************************************/
#footer {
	padding: 10px;
	* {
		color: #c1c1c1;
		text-align: center;
	}
}

/* ?= Class
**********************************************************/
.alignleft {
	float: left;
	margin: 0 20px 20px 0;
}
.alignright {
	float: right;
	margin: 0 0 20px 20px;
}