/*
 * Theme Name: ExplosionPower
 * Author: Daniel Schmid & Phillip Rüegg
------------------------------------------------------------------------- */
html {
	width: 100%
}
/* general body style */
body {
	font-family: "Trebuchet MS", verdana, arial, "Times New Roman";
	font-size: 90%;
	color: #3D3535;
	background-color: #EFEFEF;
	margin: 20px;
	padding: 0px;
	line-height: 140%;
/*	background-image: url(images/bgpage.gif);
	background-repeat: repeat-x;*/
}

a{
	text-decoration: none;
}
img{
	border:0px;
}

/* Enclosing everything, not realy needed atm */
.all {
	text-align: center;
	width: 100%;
}

/* the box enclosing the whole content */
.box {
	background-color: #FFFFFF;
	margin-left: auto;
	margin-right: auto;
	padding: 10px 10px 10px 10px;
	text-align: left;
	width: 1000px; /* used to be 1024px*/
	border: thin solid #D1D1D1;
	position:relative;
}


/* **************************** */
/* Titel [Explosion Power Logo] */
.header {
	width: 100%
}
.header_images{
	float: left;
}
.header_img{
	margin-left: 100px;
}
/* End Header [Title] */
/* ****************** */


/* ****************** */
/* Language Selection */
.languageselection{
	/*display: none;*/	
	float: left;
	width: 255px;
}
.languageselection ul{
	margin: 0px;
	padding: 0px;
}
.languageselection li{
	display :inline;
}
.languageselection a
{
color: White;
text-decoration: none;
}

.print_icon{
	float: right;
}
/* ****************** */

/* ********************* */
/* horizontal menu start */
.site_menu{
	
}
.site_menu ul
{
	margin: 0px;
	background-color: #F10803;
	padding: 0.2em 0px 0.2em 0.2em;	/* 0.2em = um höhe der Elemente zu erreichen */
							/* 245px abstand des ersten elements vom linken rand */
}

.site_menu .first_entry{
}

.site_menu li { display: inline; }

.site_menu a
{
padding: 0.2em 1em;
background-color: #F10803;
color: White;
text-decoration: none;
border-right: 1px solid #fff;
}

/* gets overruled otherwise */
.site_menu .languageselection a{
border-right: 0px none;
padding: 0.2em 8px;
}

.site_menu a:hover
{
background-color: #93211a;
color: #fff;
}

.site_menu .active a{
background-color: #93211a;
color: #fff;
}
/* horizontal menu end */
/* ******************* */



.basecontainer{
	position:relative;
	padding-top: 10px;
}
/* **************************** */
/* Vertical content (left) 		*/
/* containing menu and adress 	*/
.lc{
	float: left;
	width: 245px;
}
.product_menu {
	
}
.product_menu ul {
list-style-type:none;
color: White;
background-color: #F10803;
padding-left: 0px;
margin: 0px;
}

.product_menu a:hover{
background-color: #93211a;
}
.product_menu a
{
padding: 0.2em 2em;
color: White;
text-decoration: none;
display:block;
border-bottom: 1px solid #fff;
}

.product_menu .first_entry a{
padding: 0.2em 0.6em;
font-weight: bold;
}

.product_menu .active a{
background-color: #93211a;
color: #fff;
}

.adress {
	margin-top: 40px;
	font-size: 0.9em;
}

.adress .heading{
	font-weight: bold;
}

/* ************************ */
/* Encloses a modx document */
.content {
	background-color:#FDCEB8;
	width: 720px;
	min-height: 400px;
	margin:0px 0px 0px 10px;
	padding:5px 5px 5px 20px;
	float: right;
}

.content h1 {
	font-size: 110%;
}

.content a{
	color: #A53512;
	text-decoration: none;
}
.content a:hover {
	color: #F60;
}
.content p img{
	text-align: center;
}
/* ************************ */


/* ****** */
/* footer */
.footer {
	margin-top: 10px;
	clear:both;
	background-color: #F10803;
	padding: 4px 4px 4px 0px;
	font-size: 80%;
	text-align: left;
	color: #FFFFFF;
}
.footer a {
	color: #FFF;
	font-weight: bold;
}
.footer a:hover {
	color: #CCC;
	text-decoration: none;
	font-weight: bold;
}

.footer div{
	display: inline;
}
.spacer{
	margin-left: 255px;
}
#imprint{
	border-right: 1px solid white;
	padding-right: 3px;
	/*padding-left: 255px;*/
}
#validators{
display:none;
}
#copywright{
	float: right;
	margin-right: 15px;
}
#lastedited{
	float:right;
}
/* *************** */


/* ************** */
/* Spacing helper */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {
	display: inline-table;
}
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* ******************* */