body{
background-color:#d3e0f3;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
}
#box{
width:78em;
height:100%;
margin-left:auto;
margin-right:auto;
margin-top:2em;
margin-bottom:1em;
border:#666666 solid 1px;
}
#header{
margin:0;
height:14.1em;
width:100%;
background-color:#FFFFFF;
position:relative;
}
/*#########################################
HEADER
##########################################*/
#header img,
#header a img{
height:10em;
width:100%;
border:none;
border-bottom:#666 solid 1px;
border-top:#666 solid 1px;
}
#header a{

}
#header a:hover img {

}

#header img.logo {
height:4em;
width:35.6em;
border:none;
z-index:1;
}
/*#########################################
NAVIGATION
##########################################*/
/* AUSGELAGERT NACH menu.css */

/*#########################################
INHALT
##########################################*/
#content{
padding:1em;
padding-left:3em;
padding-right:3em;
margin:0;
background-color:#FFFFFF;
font-size:12px;
float:left;
width:59em;
}
#content a,
#content a:visited,
#content a:active{
color:#5D8EE6;
}
#content a:hover{
text-decoration:none;
}

#content span.keyword{
text-transform:uppercase;
color:#000066;
font-weight:bold;
letter-spacing:2px;
}
#content img.right{
margin-left:auto;
display:block;
}
#content img.center{
margin-left:auto;
margin-right:auto;
display:block;
}
#content img.left{
margin-right:auto;
display:block;
}
#content h1{
font-size:1.3em;
font-weight:bold;
}
#content h2{
font-size:1.2em;
font-weight:bold;
}
#content h3{
font-size:1.1em;
}
#content table.header{
width:59em;
border:none;
margin-top:1em;
text-align:center;
font-weight:bold;
}
#content table.header td.name{
width:15em;
}
#content table.header td.desc{
width:auto;
xborder-left:#000000 solid 1px;
}
#content table.header td.date{
width:120px;
xborder-left:#000000 solid 1px;
}
#content table.header td.detail{
width:120px;
xborder-left:#000000 solid 1px;
}

#content .offer{
xposition:relative;
display:block;
width:100%;
z-index:1000;
}
/*
#content .offer h1{
font-size:1.3em;
text-align:center;
display:block;
width:100;
font-weight:bold;
z-index:100;
}*/
#content .offer img{
xwidth:100%;
height:auto;
border:none;
margin-right:3em;
margin-bottom:1em;
}
#content .offer p.price{
text-align:right;
width:100%;
font-weight:bold;
color:#FF0000;
font-size:1.5em;
}
#content .offer .text{

}
#content .left{
float:left;
}
#content a.oben{
float:none;
}
#content a.unten{
float:left;
}

/*#########################################
FOOTER
##########################################*/
#footer{
padding:0;
margin:0;
background-color:#39719c;
font-size:12px;
text-align:center;
color:#FFFFFF;
border-top:#666 solid 1px;
clear:both;
}
#footer a,
#footer a:visited{
text-decoration:none;
color:#FFFFFF;
}
#footer a:hover{
color:#999999;
}

/*#########################################
ADDITIONAL CONTENT PRESENTATION
##########################################*/
/*  Start Forms */
#formright{
float:right;
}
#formwrap {
   padding: 0px 0px 0px 0px;
   margin: 20px 0px 0px 50px;
}
#form {
   padding: 0px 0px 10px 0px;
   margin: 0px 0px 0px 0px;
   text-align: left;
}
/* Rahmenfarbe angeben für Opera */
#formwrap fieldset {
   border: 1px solid #fff;
   padding: 0px 0px 0px 0px;
   margin: 0px 0px 0px 0px;
}
#formwrap legend {
   border: 1px solid #fff;
}
/*Label {
   font:11px/20px verdana, arial, helvetica, sans-serif;
   padding:0px;
   margin-left: 0px;
}*/
#formwrap .inpt {
   width: 350px;
   border: 1px solid #999;
   background-color: transparent;
   color: #666666;
   font-family: Verdana, Arial, Sans-Serif;
   font-size: 11px;
   padding: 1px 1px 1px 3px;
   margin: 0px 0px 5px 0px;
   word-spacing: 0.2em;
}
#formwrap .small {
	width:50px;
}
#formwrap .txt {
   width: 350px;
   border: 1px solid #999;
   background-color: transparent;
   color: #666666;
   font-family: Verdana, Arial, Sans-Serif;
   font-size: 11px;
   padding: 1px 1px 1px 3px;
   margin: 0px 0px 5px 0px;
   word-spacing: 0.2em;
}
#formwrap input.inpt:focus, textarea.txt:focus {
   color: #000;
   font-family: Verdana, Arial, Sans-Serif;
}
#formwrap .senden {
   width: 150px;
   font-weight: bold;
   font-size: 11px;
   xmargin: 15px 0px 0px 198px;
   position:relative;
   left:5em;
   top:-0.6em;
   padding: 3px 0px 3px 0px;
   background-color: #eee;
   color: #333;
   text-align: center;
   border: solid 1px #999;
   cursor: pointer;
}

#formwrap label,
#formwrap select,
#formwrap input[type=checkbox],
#formwrap input[type=radio],
#formwrap input[type=button],
#formwrap input[type=submit] {
   cursor: pointer;
}
#formwrap input:focus, #formwrap input:hover,
#formwrap select:focus, #formwrap select:hover, 
#formwrap textarea:focus, #formwrap textarea:focus {
	background-color: #EFEEEE;
 	border:  1px solid #000;

}

#formwrap input.senden:hover { 
	background-color:#0b4c9f;
	color:#fff;
}
.formerror {
	color: red;
}
.captcha2,
#formwrap .captcha{
xposition:relative;
xtop:-4px;
margin:0;
}
.captchaimg{
margin:0;
position:relative;
top:4px;
}
.mandatory{
    color:#FF0000;
	font-size:0.8em;
}
/*  End Forms */ 

#content .download{
xborder:#666666 solid 0.1em;
padding:0;
margin:0;
xmargin-bottom:1em;
float:left;
width:59em;
}
#content .download td.name{
width:15em;
}
#content .download h1{
font-size:1.5em;
font-weight:normal;
margin:0;
padding:0.5em;
xbackground-color:#d3e0f3;
margin-bottom:0.2em;
xborder-bottom:#666666 solid 0.1em;
}
#content .download p{
margin:0;
padding:0em;
}
#content .download p.detail,
#content .download td.detail{
xfloat:right;
margin-left:1em;
font-size:0.8em;
color:#999999;
width:120px;
text-align:center;
vertical-align:middle;
}
#content .download p.detail a img,
#content .download td.detail a img{
border:none;
}
#content .download span.date,
#content .download td.date{
font-size:0.8em;
color:#999999;
text-align:center;
width:120px;
}
#content .download p.desc,
#content .download td.desc{
padding-left:0.5em;
padding-right:0.5em;
font-size:0.8em;
width:auto;
}
#content .download table,
#content .download table tr{
margin:0;
padding:0;
}
#content .download tr,
#content table.header tr{
background-color:#E5E5E5;
}
#content .download tr:hover{
background-color:#D3E0F3;
}
#content #productbox{
float:right;
border:0.1em solid #CCCCCC;
width:12em;
padding:1em;
padding-bottom:0;
padding-top:0;
margin-left:2em;
background-color:#D9D9D9;
}
#content #productbox img{
width:12em;
height:auto;
}
/*#content #productbox a{
text-decoration:underline;
}
#content #productbox a:hover{
font-weight:bold;
}*/
#content #productbox a img,
#content #productbox a:link img{
border:none;
display:block;
}
#content #productbox p{
padding-top:0.4em;
padding-bottom:0.4em;
text-align:center;
}
/*
Externer Link
*******************************************************/


// Falls Linkbezeichnung neue Zeile (Einleitungstext als eigener Absatz)
p.extlink_preface {
  margin: 0;
  padding: 0 0 0.5em 0;
}

// Falls Linkbezeichnung nicht in neue Zeile (Einleitungstext und Link zusammen als Absatz)
p.extlink_block {

}

// Auszeichnung für den Link (um hover etc. ergänzen)
a.extlink_link {
  text-decoration: underline;
}
/*
LOGIN - Anmeldung
******************************************************
Zur Formatierung im Backend kann eine Datei 'm_styles.css' unter /files angelegt werden. Anderenfalls sollte die erste Zeile der Modul-Eingabe gelöscht werden.

Inhalt z.B.:
*/
.m_formular {
	background-color: #ECF0E6;
	width: 540px;
	border: 1px solid red;
	padding: 10px;
}

.m_headline {
	color: #FFFFFF;
	background-color: #333333;
	display: block;
	padding-left: 10px;
	padding-top:2px;
	padding-bottom:2px;
	margin-top:4px;
	margin-bottom:4px;
	font-weight:bold;
}



/* LOGIN/OUT FRONTEND */
.login,
.logout {
xposition:absolute;
border:#39719C solid 1px;
background-color:#E2E2E2;
color:#ADADAD;
font-size:0.8em;
padding:0.2em;
margin-top:0.5em;
margin-bottom:0.5em;
}
.login table{
margin:0;
padding:0;
}
.login table td.text{
width:60%;
font-weight:bold;
}
.login label{
font-weight:bold;
}
.login input{
border:1px solid #999999;
}
.login input:focus,
.login input:hover{
	background-color: #EFEEEE;
 	border:  1px solid #000;
}
.login input.submit { 
	xpadding:0.55em 0.5em;
	width:8em;
	background-color:#f7f7f7;
	color:#000;
	text-align:center;
	cursor:pointer;
}

.login input.submit:hover { 
	background-color:#0b4c9f;
	color:#fff;
}

.logout {
xposition:relative;
background-color:#00CC00;
color:#FFFFFF;
}
.logout a {
float:right;
	xpadding:0.2em 0.2em;
	width:8em;
	background-color:#f7f7f7;
	color:#000;
	text-align:center;
	cursor:pointer;
	text-decoration:none;
	border:solid #CCCCCC 1px;
}
.logout a:hover{
border:solid #333333 1px;
}


#content .product a img{
border:none;
}
#content .product img{
width:20em;
float:right;
margin-left:2em;
}
#content .product h1.name,
#content .offer h1{
font-size:2em;
font-weight:bold;
background-color:#D9D9D9;
border:0.1em solid #CCCCCC;
width:28em;
display:block;
padding:0.5em;
padding-left:1em;
}