/*-----------------------------------------------------------------------------
[homeless] Screen Stylesheet

version:   1.0
date:      2010-03-25
author:    Manuel Boy
email:     info@itfaktur.de

website:   ?
-----------------------------------------------------------------------------*/


/* General
-----------------------------------------------------------------------------*/
html {
	background: #cb860d url(../images/cage.png) left bottom no-repeat;
}

.clear {
	clear: both;
}

body {
}

* {
	outline: none;	
}

/* Clearfix
-----------------------------------------------------------------------------*/
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

/* Typo
-----------------------------------------------------------------------------*/

body {
	color: #FFF;
	font-size: 12px;
	line-height: 1.4;
	font-family: Verdana, Arial, sans-serif;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

h1 {
	font-size: 30px;
	margin-bottom: .5em;
	padding-top: .6em;
	font-family: Georgia, Times, serif;
}

h2 {
	font-size: 20px;
	margin-bottom: .5em;
	padding-top: .6em;
	letter-spacing: -1px;
}

h3 {
	font-size: 14px;
	margin-bottom: .5em;
	padding-top: .8em;
	font-weight: bold;
}

h4 {
	font-size: 12px;
	margin-bottom: .4em;
	font-weight: bold;
}

p {
	margin-bottom: 1em;
}

a {
	color: #EEE;
}
	a:hover {
		color: #FFF;
	}
	
ul, ol {
	padding-left: 2em;
	margin-bottom: .8em;
}

ul li {
	list-style: disc;
}

ol li {
	list-style: decimal;
}

/* Layout
-----------------------------------------------------------------------------*/
#wrapper {
	width: 900px;
	margin: 0 auto;
}

	#content {
		background: url(../images/bg-content.png) top left repeat-y;
		padding: 0 40px 50px 40px;
	}
	
	#main {
		width: 550px;
		float: left;
	}
	
	#sidebar {
		float: right;
		width: 230px;
	}
	
	#keyvisual {
		margin-bottom: 20px;
	}

/* Header
-----------------------------------------------------------------------------*/
#header {
	width: 900px;
	height: 195px;
	background: url(../images/header.png) top left no-repeat;
	overflow: hidden;
}

	#header h1 {
		text-indent: -9999px;
	}

/* Menu
-----------------------------------------------------------------------------*/
#menu {
	background: #666;
	overflow: hidden;
	padding: 0 0 0 20px;
}

	#menu ul {
		list-style: none;
		margin: 0;
		padding: 5px 0 0 20px;
	}

		#menu ul li {
			list-style: none;
			padding: 0;
			display: inline;
			font-size: 14px;
			line-height: 1;
		}
		
			#menu ul li a {
				display: block;
				float: left;
				text-decoration: none;
				padding: 5px 8px 8px 8px;
				margin-right: 2px;
				color: #BCBCBC;
			}
			
			#menu ul li.active a,
			#menu ul li a:hover {
				color: #FFF;
				background: #55473a;
				border-top-left-radius: 5px;
				-moz-border-radius-topleft: 5px;
				-webkit-border-top-left-radius: 5px;
				border-top-right-radius: 5px;
				-moz-border-radius-topright: 5px;
				-webkit-border-top-right-radius: 5px;
				
			}
/* Submenu
-----------------------------------------------------------------------------*/
#submenu {
	background: #55473a;
	overflow: hidden;
	padding: 2px 0 3px 0;
	margin-bottom: 0;
	float: left;
	min-width: 600px;
	border-bottom-right-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
}

	#submenu ul {
		list-style: none;
		margin: 0;
		padding: 0 10px;
	}

		#submenu ul li {
			list-style: none;
			padding: 0;
			display: inline;
			font-size: 12px;
			line-height: 1;
		}

			#submenu ul li a {
				display: block;
				float: left;
				text-decoration: none;
				padding: 5px 10px;
				color: #CCC;
			}
		
			#submenu ul li.active a,
			#submenu ul li a:hover {
				color: #FFF;
			}
			

/* Sidebar
-----------------------------------------------------------------------------*/
#sidebar {
	padding-top: 40px;
}

#sidebar p {
	margin-bottom: 20px;
	font-size: 11px;
}

	#sidebar h3 {
		padding: 4px 0;
		margin-bottom: 3px;
		font-size: 16px;
		font-weight: normal;
		font-family: Georgia, Times, serif;
	}

/* Footer
-----------------------------------------------------------------------------*/
#footer-links {
	background: #666;
	margin: 0;
	padding: 5px 0;
}

	#footer-links ul {
		margin: 0;
	}

		#footer-links ul li {
			margin: 0;
			list-style: none;
			display: inline;
			font-size: 12px;
		}
	
		#footer-links ul li a {
			margin: 0;
			display: block;
			float: left;
			padding: 4px 3px;
			margin-right: 8px;
		}
		
#footer {
	background: #080808;
	font-size: 11px;
	padding: 20px 20px;
}

	#footer-partner {
		width: 650px;
		float: left;
	}

		#footer-partner ul {
			padding-left: 0;
		}

			#footer-partner ul li {
				padding-left: 0;
				list-style: none;
				display: inline;
			}

				#footer-partner ul li a {
					display: block;
					float: left;
					margin-right: 15px;
				}
			
	#footer-address {
		width: 200px;
		float: right;
	}

/* Tables
-----------------------------------------------------------------------------*/
table {
	border: 0;
	border-collapse: collapse;
}

table td,
table th {
	padding: 4px 5px;
	font-size: 12px;
	vertical-align: top;
	border: 2px solid #463C32;
}

table td {
}

table th {
	background: #222;
	font-weight: bold;
	text-align: center;
}

/* Forms
-----------------------------------------------------------------------------*/
form {
}

	form fieldset {
		padding: 20px;
		background: #222;
		margin: 0 0 20px 0;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	}
	
	form legend {
		color: #FFF;
		font-weight: bold;
	}

	form label,
	form h5.label {
		width: 150px;
		float: left;
		cursor: pointer;
		padding: 2px 0 0 0px;
		font-size: 13px;
	}

		form span.label {
			width: auto;
			float: left;
			padding: 2px 0 0 0px;
			font-weight: normal;
			font-size: 14px;
		}

	form label.text {
		width: 30px;
		padding-left: 5px;
	}

	form input,
	form textarea, 
	form select {
		float: left;
		font-size: 13px;
		width: 280px;
	}

	form textarea {
		width: 320px;
	}
	
	form input {
		padding: 2px;
	}

	form input.error,
	form select.error,
	form textarea.error {
		border: 2px solid #d12e2f;
		margin-bottom: 5px;
	} 
	
	form ul.errors {
		display: block;
		color: #d12e2f;
		font-size: 12px;
		margin-left: 150px;
		padding-left: 0;
		list-style: none;
		background: none;
	}

	form ul.errors li {
		list-style: none;
		background: none;
		clear: both;
		padding-bottom: 0;
	}
	
	form .element-group {
		margin-bottom: 5px;
		padding: 5px 0;
	}

	form input.tipped {
		color: #CCC;
	}

	form input.zip {
		width: 60px;
	}

		form .zip ul.errors {
			clear: both;
			width: 60px;
			margin-left: 0;
			padding: 0;
		}

		form .zip ul.errors li {
			padding: 0;
			margin: 0;
		}

	form input.city {
		width: 375px;
	}

		form .city ul.errors {
			margin-left: 0;
			padding: 0;
		}

			form .city ul.errors li {
				padding: 0;
				margin: 0;
			}

	form .element-group-radio input {
		width: auto; 
		margin-right: 5px;
	}

	form .element-group-radio label {
		width: auto; 
		margin-right: 20px;
	}

	form input[type=hidden] {
		display: none;
	}

		form input[type=submit] {
			width: auto;
		}

	form .element-group-row {
		float: left;
		display: block;
		margin-right: 5px;
	}

		form .checkbox input {
			margin-left: 120px;
			width: auto;
		}

		form .checkbox label {
			width: 250px;
			margin-left: 5px;
		}
		
/* Status Messages
-----------------------------------------------------------------------------*/
.status-success, .status-error {
    padding: 15px;
	margin-bottom: 20px;
}

.status-success h4,
.status-error h4 {
	line-height: 1;
	margin: 0;
}

.status-success {
    color: #005511;
    background-color: #CCFFCC;
}

.status-error {
    color: #FFF;
    background-color: #bf3131;
}

/* Guestbook
-----------------------------------------------------------------------------*/
.guestbook-wrapper {
	margin-top: 30px;
	margin-bottom: 20px;
}

	.guestbook-list {
	}

	.guestbook-item {
		margin-bottom: 20px;
		padding: 10px;
		background: #666;
		font-size: 11px;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	}

		.guestbook-item h5 {
			font-weight: bold;
			font-size: 14px;
		}
	
		.guestbook-item p.author {
			font-weight: bold;
		}
		
/* Comments
-----------------------------------------------------------------------------*/
.comments-container {
	margin-top: 30px;
	margin-bottom: 20px;
}

	.comments-list {
		
	}

	.comment-item {
		margin-bottom: 20px;
		padding: 10px;
		background: #666;
		font-size: 11px;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	}
	
		.comment-item p.info {
			font-weight: bold;
		}
		
.comment-captcha-success {
	color: #005511;
	background-color: #CCFFCC;
	line-height: 1;
	margin: 0;
    padding: 15px;
	margin-bottom: 20px;
}

.comment-captcha-error {
	color: #FFF;
	background-color: #bf3131;
	line-height: 1;
	margin: 0;
    padding: 15px;
	margin-bottom: 20px;
}

/* Pagination
-----------------------------------------------------------------------------*/
.pagination {
	margin: 20px 0;
}

	.pagination a {
		background: #333;
		color: #FFF;
		padding: 3px 4px;
	}

	.pagination span.current {
		background: #CCC;
		color: #000;
		padding: 3px 4px;
	}
	
/* Pricelist Table
-----------------------------------------------------------------------------*/
table.pricelist {}

table.pricelist th.price-head {
	width: 100px;
}

table.pricelist td {
	text-align: center;
}

/* Home
-----------------------------------------------------------------------------*/
#home-statement {
	padding: 15px 15px 15px 15px;
	background: #222;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-bottom: 20px;
	margin-top: 40px;
}

	#home-statement h3 {
		font-size: 22px;
		padding-top: 0;
		font-family: Georgia, Times, serif;
		font-weight: normal;
	}
	
	#slogan {
		width: 100%;
		margin-top: 30px;
		float: right;
	}
	
		#slogan p {
			text-align: right;
			font-size: 16px;
			font-family: Georgia, Times, serif;
		}
		
		#slogan p span {
			background: #CCC;
			color: #333;
		}

.highlight-entry {
	padding: 10px 15px 15px 15px;
	background: #666;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

	.highlight-entry h4 {
	}

		#sidebar .highlight-entry p.more {
			margin: 0;
		}

.entry {
	padding: 10px 15px 15px 15px;
	margin-bottom: 20px;
	background: #666;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.entry .date {
	font-size: 12px;
	font-style: italic;
	margin-bottom: 0;
}

.entry .info {
	font-size: 11px;
}

	.entry .more {
		font-size: 11px;
		text-align: right;
		margin: 0;
	}

/* Google Map
-----------------------------------------------------------------------------*/
#map {
	width: 600px;
	height: 400px;
	color: #000;
	background: #CCC;
}