/* 
  ------------------------------------------------
  PVII CSS Page Builder Magic
  Copyright (c) 2011 Project Seven Development
  www.projectseven.com
  07: 2 Col Fixed Sidebar Left
  ------------------------------------------------
*/

* {
    text-rendering: optimizelegibility;
}

body {
	font-family: Azuro, Georgia, "Book Antiqua", Palatino, Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	background-color: #AAAB8C;
	background-image: url(../Images/background.png);
  	background-attachment:fixed;
	margin: 20px 0;
	padding: 0px;
}

.masthead {
	padding: 0px;
	text-align: left;
	position: relative;
}

.masthead .logo { 
	font-family: Fakt, Arial, Helvetica, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

.masthead h1 {
	font-family:FaktSlab,Azuro,Georgia,"Book Antiqua",Palatino,Verdana,Arial,Helvetica,sans-serif;
	margin: 0 0 0 5px;
	color: #000;
	padding: 20px 0px;
	font-size: 21px;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	font-weight: bold;
	text-shadow: 0 1px 0 #FFF7DE;
}
.masthead em {
	/* font-family:Fakt,Arial,Helvetica,"Lucida Sans Unicode","Lucida Grande",sans-serif; */
	color: #8A7B5F;
	text-transform: none;
	font-weight: normal;
	font-style:italic;
	letter-spacing: 0em;
}

/*We set height and overflow hidden to allow you place an image in the banner that would normally be too large. You can edit or remove this rule if you design your banner image to fit your layout.*/
.masthead .banner {
	overflow: hidden;
	position: relative; /* CSS fix to prevent old versions of Internet Explorer from miscalculating the width of your images. */
	border: 2px solid #666666;
	border-bottom: none;
	border-radius: 6px 6px 0px 0px;
}
.masthead .banner img {}
/*Main Layout Container. The entire page is inside this element. Border-radius creates curved corners. Background color provides the background for all child elements not having a specific background set, such as the masthead and the footer. The padding effectively creates a 1px border around the container. We also assign a box-shadow effect.*/

.content-wrapper {
	border-radius: 8px;
	background-color: #FFE8A9;
	margin: 0 auto;
	-webkit-box-shadow: 0px 0px 30px #444;
	box-shadow: 0px 0px 30px #444;
	width: 980px;
	padding: 10px;
}

/*The containing element for the the main content. We simply set the content area to have a white background.*/
.columns-wrapper {
	overflow: hidden;
	background-color: #FFF;
	background-image: url(img/sidebar.png);
	background-repeat: repeat-y;
	border: 2px solid #666666;
	border-radius: 0px 0px 6px 6px;
}

/*This container is inside the columns wrapper and serves as a container for the content inside, allowing you to adjust whitespace (padding) without altering the CSS box model. This is the rule to use to set text attributes for your main content.*/
.main-content { margin-left: 220px; }
.main-content .content {
	padding: 30px;
	font-size: 16px;
	line-height: 1.6em;
	color: #000;
}
.main-content .content img {
	border:none;
	padding: 5px 10px 5px 0px;
}

/*A utility rule assigned to the first heading to remove all margins. This class can be used on any element for which you would like to remove margin.*/
.page-topper { margin: 0px; margin-top: 10px;}

/*Heading styles*/
h1, h2, h3, h4, h5, h6 { 
	font-family: 'FaktNB', Arial, Helvetica, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	margin: 30px 0 0 0;
	font-weight:bold;
}
h1 { font-size: 20px; }
h2 { font-size: 19px; }
h3 { font-size: 18px; }
h4 { font-size: 17px; }
h5 { font-size: 16px; }
h6 { font-family: 'Fakt', Arial, Helvetica, "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 16px;}

/*Sidebar*/
.sidebar {
	width: 220px;
	float: left;
	border-right: none;
}

/*The Sidebar content. Edit padding and font attributes to suit*/
.sidebar .content {
	padding: 30px 15px 30px 15px;
	font-size: 13px;
	line-height: 1.5em;
}
/*Main Content*/
.main-content { margin-left: 220px; }

/*Main Content Link Styles*/
.main-content a { 
	color: #8A7B5F; 	
}
.main-content a:hover, .content a:focus { color: #C30; /*border-bottom: 1px dotted #000;*/ }
.footer a {
	color: #000000;
	padding: 3px;
}
.footer a:hover, .footer a:focus {
	color: #FFF;
	text-decoration: none;
	background-color: #A19975;
	border-radius: 3px 3px 3px 3px;
	text-shadow: 0 1px 0 #666666;
}
.footer {
	padding: 10px 30px;
	font-size: 11.5px;
	color: #000;
	font-family: FaktNB, Arial, Helvetica, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	text-shadow: 0 1px 0 #FFF7DE;
}
.footer p.copyright {
	letter-spacing: 0.2em;
	text-transform: uppercase;
	margin: 0px;
}
.quotation {
	color:#333;
	font-size: 12px;
	line-height:1.4em;
	font-family: 'FaktNB', Arial, Helvetica, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	text-align:center;
	margin-bottom: -10px;
}
.meta-info {
	font-size:13px;
	line-height:1.4em!important;
}
.no-UL {
	text-decoration:none;
}
.Suche {
	margin-top:30px;
	text-align:center;
}
.clear-float {
	clear: both;
}
.caption {
	margin: 5px 0;
	display: block;
	font-size: 9px;
	text-transform: uppercase;
	color: #666;
	letter-spacing: 0.25em;
}
.caption a {
	color: #666!important;
	text-decoration:none!important;
}
.caption a:hover, .caption a:focus {
	color: #C30!important;
	text-decoration: underline!important;
}
.shadow {
    -moz-box-shadow: 3px 3px 4px #666666;
    -webkit-box-shadow: 3px 3px 4px #666666;
    box-shadow: 3px 3px 4px #666666;
    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#666666')";
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#666666');	
}
.news_borders_top_bottom {
    border-bottom: 1px dotted #AAAB8C;
	margin-top: -10px;
    margin-bottom: 35px;
	padding-bottom: 35px;
    padding-left: 0;
    padding-right: 0;
}
.highlight {
	color: #000;
	background: #FFFF40;
}
.alignt-left {text-align:left;}
.align-right {text-align:right;}
.align-center {text-align:center;}

/*Mobile Devices*/
/*Phones*/
@media only screen and (max-device-width: 480px) {
body { min-width: 0px !important;}
.content-wrapper {width: auto; margin: 0px 15px;}
}
/*Tablets*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
body { min-width: 0px !important;}
.content-wrapper {width: auto; margin: 0px 15px;}
}