html, body {
	height: 100%;
}

body {
	margin: 0;
	padding: 0;
	/*background: url(images/main-bg.jpg) repeat;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: 200;
	color: #504e50;
	background-image: url(images/bg.png);	/*background-color: #f5f5f5;*/
}

h1, h2, h3 {
	margin: 0;
	padding: 0;
	font-weight: 300;
	font-family: 'Oswald', sans-serif;
	color:  #504e50;
}

h2 {
	font-size: 2.5em;
}

p, ol, ul {
	margin-top: 0px;
}

p {
	line-height: 200%;
}

strong {
	font-weight: bold;
}

a {
	color: #454545;
}

a:hover {
	text-decoration: none;
}

a img {
	border: none;
}

img.border {
}

img.alignleft {
	float: left;
	margin-right: 15px;
}

img.alignright {
	float: right;
}

img.aligncenter {
	margin: 0px auto;
}

hr {
	display: none;
}

/** WRAPPER */

#wrapper {
	width: 980px;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	background: #FFFFFF;
	/*box-shadow: 0px 0px 10px 5px rgba(0,0,0,.2);*/
		}

#container {
	width: 900px;
	margin: 0px auto;
	box-shadow: 0px 0px 10px 5px rgba(0,0,0,.2);
}


.container {
	width: 900px;
	margin: 0px auto;
	
}

.clearfix {
	clear: both;
}

/** HEADER */

#header {
}

/* Logo */

#logo1 {
	width: 170px;
	height: 163px;
	color: #000000;
	float: left;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;	
}
#logo {
	width: 353px;
	height: 200px;
	margin: 10px auto 10px auto;
	color: #504e50;
}

#logo h1, #logo p {
	margin: 0;
	padding: 0;
}

#logo h1 {
	line-height: 100px;
	letter-spacing: -1px;
	text-align: center;
	text-transform: lowercase;
	font-size: 5em;
}

#logo h1 span {
	color: #1F1F1F;
}

#logo p {
	text-align: center;
	font-size: 16px;
	color: #504e50;
}

#logo p a {
	color:  #f48406;
}

#logo a {
	border: none;
	background: none;
	text-decoration: none;
	color: #C81F18;
}

/** MENU */
#shadow
{
	background-image: url(images/header_bg.png);
	height: 15px;
	background-repeat: repeat-y;
	background-position: center -13px;
	}

#menu {
	/*overflow: hidden;*/
	overflow: visible;
	width: 980px;
	background: #f48406;
	font-size: 20px;
	color: #000000;
}

#menu ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px;
	list-style: none;
	line-height: normal;
	text-align: center;
}

#menu li {
	display: inline-block;
}

#menu a {
	display: block;
	padding: 15px 40px 15px 40px;
	text-decoration: none;
	text-transform: uppercase;
	text-align: center;
	font-family: 'Oswald', sans-serif;
	font-size: 16px;
	font-weight: 200;
	color: #FFFFFF;
	border: none;
}

#menu a:hover, #menu .current_page_item a {
	text-decoration: none;
}

#menu .current_page_item a {
	background: #ffc603;
	color: #FFFFFF;
}

#menu .last {
	border-right: none;
}

/** PAGE */

#page {
}

/** CONTENT */

#content {
}

/** SIDEBAR */

#sidebar {
}

/* Footer */

#footer {
	
	height: 100px;
	margin: 0 auto;
	padding: 20px 0 15px 0;
	background-color: #f48406;
	
}

#footer p {
	margin: 0;
	padding-top: 20px;
	line-height: normal;
	text-align: center;
	
	text-transform: uppercase;
	color: #fff;
}

#footer a {
	color: #363636;
}

/* Footer Content */

#footer-content {
	overflow: hidden;
	width: 800px;
	padding: 50px;
	background: #ECECEC;
	
	color: #666666;
}

#footer-content h2 {
	padding: 0px 0px 30px 0px;
	text-transform: uppercase;
	font-size: 24px;
}

#footer-content #fbox1 {
	float: left;
	width: 450px;
	margin-right: 30px;
}

#footer-content #fbox2 {
	float: left;
	width: 220px;
}

#footer-content #fbox3 {
	float: right;
	width: 220px;
}

/* Welcome */


#welcome {
	width: 885px;
	margin: 0px auto;
	padding: 30px 50px;
}

#welcome .content {
	padding: 0px 0px 15px 0px;
	border-bottom-width: 0px;
	border-bottom-style: dotted;
	border-bottom-color: #f48406;
}

#welcome h2 {
	padding: 0px 0px 20px 0px;
}

#welcome h2 a {
	text-decoration: none;
	color: #504e50;
}


/* Three Columns */

#three-columns {
	position: relative;
	/*overflow: hidden;*/
	width: 900px;
	margin: 0px auto;
	padding: 0px 50px 30px 50px;
	
}

#three-columns .content {
	overflow: hidden;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}

#three-columns h2 {
	padding: 0px 0px 20px 0px;
	color: #504e50;
}

#three-columns #column1 {
	float: left;
	width: 400px;
	margin-right: 47px;
}

#three-columns #column2 {
	float: left;
	width: 430px;
}

#three-columns #column3 {
	float: right;
	width: 300px;
	
}

#three-columns #column0 {
	float: left;
	width: 880px;
}


/* Two Columns */

#two-columns {
	overflow: hidden;
	width: 1100px;
	margin: 0px auto;
	padding: 40px 50px 50px 50px;
}

#two-columns h2 {
	padding: 0px 0px 20px 0px;
	color: #000000;
}

#two-columns #col1 {
	float: right;
	width: 740px;
}

#two-columns #col2 {
	float: left;
	width: 320px;
}


/* List Style 1 */

.list-style1 {
	margin: 0px;
	padding: 0px;
	list-style-image: none;
	list-style-type: disc;
}

.list-style1 li {
	padding: 20px 0px 20px 0px;
	list-style-type: disc;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #F48406;
}

.list-style1 .date {
	font-weight: bold;
	color: #212121;
}

.list-style1 .first {
	padding-top: 0px;
	border-top: none;
}


/* List Style 2 */

.list-style2 {
	margin: 0px;
	padding: 0px 0px 20px 0px;
	list-style: none;
}

.list-style2 li {
	padding: 10px 0px 10px 0px;
	border-top: 1px solid #F48406;
}


.list-style2 .first {
	padding-top: 0px;
	border-top: none;
}

/* List Style 1 */

.link-style {
	display: inline-block;
	margin-top: 10px;
	padding: 5px 15px;
	background: #f48406;
	letter-spacing: 1px;
	text-decoration: none;
	
	/*text-transform: uppercase;*/
	color: #FFFFFF;
}
#boxen {
    height: 370px;
    margin-top: 30px;
    padding-left: 0px;
    position: relative;
    z-index: 40;
	margin-bottom: 20px;
	
}
.box {
    color: #FFFFFF;
    float: left;
    height: 340px;
    padding-left: 20px;
    padding-right: 15px;
    padding-top: 20px;
    width: 193px;
	
}
#boxen h2 {
    color: #FFFFFF;
   
}

.boxenbold {
	color: #FFFFFF;
	font-weight: bold;
}
#box1:hover , #box2:hover, #box3:hover, #box4:hover, #box5:hover{
	color: #FFFFFF;
}
#box1, #box2, #box3, #box4, #box5 {
    background-color: #959ea5;
    margin-right: 2px;
    opacity: 0.85;
    padding-left: 15px;
}
#box1:hover, #box2:hover, #box3:hover, #box4:hover, #box5:hover {
    background-color: #BFB300;
    opacity: 0.9999;
}
#box1:hover {
    background-color: #ffc603;	
}
#box2:hover {
    background-color: #f48406;
}
#box3:hover {
    background-color: #ffc603;
}
#box4:hover {
    background-color: #f48406;
}
#box5:hover {
    background-color: #F8B81B;
}
#box5 {
    margin-right: 0;
}
#boxen a.more {
	background-color: #f48406;
	bottom: 10px;
	line-height: 30px;
	padding-left: 18px;
	padding-right: 40px;
	position: absolute;
}
#boxen a.more:hover, #box1:hover a.more, #box2:hover a.more, #box3:hover a.more, #box4:hover a.more, #box5:hover a.more {
    background-color: #828C95;
    color: #FFFFFF;
}
#box1, #box2, #box3, #box4, #box5, #box1:hover, #box2:hover, #box3:hover, #box4:hover, #box5:hover, #right .mod_navigation ul li a.more, #right .mod_navigation ul li.produkte {
    transition: all 1s ease-in-out 0s;
}


#header-social {
	
	float: left;
	padding: 0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#header-menue {
	
	float: right;
	padding: 0px;
	margin-top: -230px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

ul#naviservice1 {
	float: right;
	list-style: none outside none;
	padding-top: -40px;
	font-family: Exo;
}
ul#naviservice1 li {
    border-left: 1px solid #afafaf;
    display: inline-block;
    padding: 27px 15px 7px 13px;
}
.msie.v6 ul#naviservice1 li, .msie.v7 ul#naviservice1 li {
    display: inline;
}
ul#naviservice1 li.home {
    border-left: medium none;
    padding-left: 0;
}
ul#naviservice1 li.last {
    padding-right: 0px;
}
ul#naviservice1 a {
    color: #767676;
    font-size: 11px;
    text-decoration: none;
    text-transform: uppercase;
}
ul#naviservice1 a:hover, ul#naviservice1 a.cur {
    color: #f48406;
}
ul#naviservice1 span.spritesIcons.home {
    margin-right: 10px;
}
