/**
 *  @copyright	Copyright (C) 2009 R3D Internet Dienstleistungen. All rights reserved.
*/
/* LAYOUT ANFANG */
html, body {
	height: 100%;					/* needed for other divs to go to 100% */
	margin:0;
	padding:0;
	font: normal 12px/180% Verdana, sans-serif;
	color: #FFFDFF;
}
body {
	background-color: #00078C;
}
table, td, div {
	font: normal 12px/180% Verdana, sans-serif;
	color: #FFFDFF;
}
a, a:link, a:visited {
	font: bold 12px/180% Verdana, sans-serif;
	color: #708090;
	text-decoration: none;
}
a:active, a:focus, a:hover {
	font: bold 12px/180% Verdana, sans-serif;
	color: #92A4B5;
	text-decoration: underline;
}
#nav {
	right: 166px;
	top: 0px;
	position: absolute;
	z-index: 99;
}
a.nav, a.nav:link, a.nav:visited {
	font: bold 12px/180% Verdana, sans-serif;
	color: #708090;
	text-decoration: none;
	padding:10px;
	line-height: 18px;
	margin-top:10px;
}
a.nav:active, a.nav:focus, a.nav:hover {
	font: bold 12px/180% Verdana, sans-serif;
	color: #92A4B5;
	text-decoration: underline;
	padding:10px;
}
.small {
	font: normal 10px/180% Verdana, sans-serif;
	color: #92A4B5;
}
.smalldark {
	font: normal 10px/180% Verdana, sans-serif;
	color: #92A4B5;
}
a.smalldark, a.smalldark:link, a.smalldark:visited {
	font: bold 10px/180% Verdana, sans-serif;
	color: #708090;
	text-decoration: none;
}
a.smalldark:active, a.smalldark:focus, a.smalldark:hover {
	font: bold 10px/180% Verdana, sans-serif;
	color: #92A4B5;
	text-decoration: underline;
}



img {border:0;}
#container {
	margin: 0 auto;					/* this centers out container horizontaly */
	width:738px;
	min-height: 700px; 				/* Gecko browsers need this */
	height: auto !important; 		/* modern browsers */
	height:770px;
}

#header {
	float: left;
	width:738px;
	height:251px;
	background: url(../images/header.jpg);
}

#topnav {
	float: left;
	width:738px;
	height:32px;
	background: url(../images/topnav.jpg);
	text-align: center;
}

#topspacer {
	float: left;
	width:738px;
	height:37px;
	background: url(../images/topspacer.jpg);
}

#content {
	float: left;
	width:734px;
	min-height: 309px; 				/* Gecko browsers need this */
	height: auto !important; 		/* modern browsers */
	height:309px;
	border-left: #797BA1 2px solid;
	border-right: #797BA1 2px solid;
	background: #00078C url(../images/content.jpg) no-repeat;
	background-position: -2px 0px;
}

#footer {
	float: left;
	width:738px;
	height:141px;
	background: url(../images/footer.jpg);
}
.content {
	padding: 30px 20px 30px 30px;
}

.modulecontent {
	padding: 0px;
}

.footer {
	text-align: center;
	padding: 10px 0px 10px 0px;
	margin: 80px 0px 0px 0px;
}



/* LAYOUT ENDE */


	
/* Joomla core stuff */
table.contentpaneopen {
  	width: 100%;
	padding: 0px;
	margin: 0px;
	font: normal 12px/180% Verdana, sans-serif;
	text-align: left;
}

table.contentpane {
  	width: 674px;
	padding: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
	margin: 0px;
	float: left;
}

table.contentpane td {

}
body.contentpane {
	margin: 0px;
	padding: 20px;
	background: #00078C;
}

table.contentpane td.componentheading {
	padding-left: 4px;
}

table.contentpaneopen fieldset {
	border: 0px;
	border-bottom: 1px solid #eee;
}

.button {
  color: #708090;
  font: bold 12px/180% Verdana, sans-serif;
  text-align: center;
  border: 1px single #708090;
  width: auto;
  background: #F9F8F6;
  padding: 0px 5px;
  line-height: 16px;
  _line-height: 14px;
  height: 22px;
  _height: 20px;
  margin-top: 10px;
}
.button:hover {
  color: #00078C;
  font: bold 12px/180% Verdana, sans-serif;
  text-align: center;
  border: 1px single #708090;
  width: auto;
  background: #F9F8F6;
  padding: 0px 5px;
  line-height: 16px;
  _line-height: 14px;
  height: 22px;
  _height: 20px;
  margin-top: 10px;
}

.inputbox {
	padding: 2px;
	border:solid 1px #708090;
	background-color: #E8E7E8;
}

.componentheading {
	font: bold 18px/120% Verdana, sans-serif;
	color: #708090;
	text-decoration: none;
	text-align: left;
}

.contentcolumn {
	padding-right: 5px;
}

.contentheading, .contentheading td {
	font: bold 18px/120% Verdana, sans-serif;
	color: #708090;
	text-decoration: none;
	text-align: left;
}
td .contentheading table td {
	font: bold 18px/120% Verdana, sans-serif;
	color: #708090;
	text-decoration: none;
	text-align: left;
}


.contentpagetitle {
	font-size: 13px;
	font-weight: bold;
	color: #cccccc;
	text-align:left;
}

table.searchinto {
	width: 100%;
}

table.searchintro td {
	font-weight: bold;
}

table.moduletable {
	width: 100%;
	margin-bottom: 5px;
	padding: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
}

div.moduletable {
	padding: 0;
	margin-bottom: 2px;
	background: #F9F8F6 url(../images/content.jpg) repeat;
}

table.moduletable th, div.moduletable h3 {
	font: bold 18px/120% Verdana, sans-serif;
	color: #708090;
	text-decoration: none;
	margin: 0;
	padding: 0;
}

table.moduletable td {
	font-size: 11px;
	padding: 0px;
	margin: 0px;
	font-weight: normal;
}
.moduletable_topnav td {
	text-align: center;
}
table.pollstableborder td {
  padding: 2px;
}

.sectiontableheader {
  	font: bold 15px/120% Verdana, sans-serif;
	color: #708090;
	text-decoration: none;
	white-space: nowrap;
}
td.sectiontableheader {
	font: bold 15px/120% Verdana, sans-serif;
	color: #708090;
	text-decoration: none;
  	padding-left : 2px;
  	padding-right : 2px;
}

.sectiontablefooter {

}

.sectiontableentry2 td {
	background-color : #000678;
	padding: 4px;
}

.sectiontableentry1 td {
	background-color : #00078C;
	padding: 2px;
}

a.category, a.category:link, a.category:visited {
	font: bold 15px/134% Verdana, sans-serif;
	color: #708090;
	text-decoration: none;
}
a.category:active, a.category:focus, a.category:hover {
	font: bold 15px/134% Verdana, sans-serif;
	color: #92A4B5;
	text-decoration: underline;
}








.small {
	color: #708090;
	font-size: 11px;
}

.createdate {
	height: 15px;
	padding-bottom: 10px;
	color: #999999;
	font-size: 11px;
}

.modifydate {
	height: 15px;
	padding-top: 10px;
	color: #999999;
	font-size: 11px;
}

table.contenttoc {
  border: 1px solid #cccccc;
  padding: 2px;
  margin-left: 2px;
  margin-bottom: 2px;
}

table.contenttoc td {
  padding: 2px;
}

table.contenttoc th {
  color: #FFFDFF;
	text-align: left;
	padding-top: 2px;
	padding-left: 4px;
	height: 21px;
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
}

a.mainlevel:link, a.mainlevel:visited {
	vertical-align: bottom;
	font-size: 11px;
	font-weight: bold;
	color: #0066ff;
	text-align: center;
	padding-top:3px;
	padding-left: 10px;
	height: 18px !important;
	height: 18px;
	line-height: 18px;
	text-decoration: none;
}

a.mainlevel:hover {
	/*background-position: 0px -25px;*/
	text-decoration: none;
	color: #92A4B5;
}

a.mainlevel_topnav:link, a.mainlevel_topnav:visited {
	vertical-align: bottom;
	font-size: 11px;
	font-weight: bold;
	color: #0066ff;
	text-align: center;
	padding-top:3px;
	padding-left: 10px;
	height: 18px !important;
	height: 18px;
	line-height: 18px;
	text-decoration: none;
}

a.mainlevel_topnav:hover, a.mainlevel_topnav#active_menu, a.mainlevel_topnav#active_menu:hover {
	/*background-position: 0px -25px;*/
	text-decoration: none;
	color: #92A4B5;
}

a.mainlevel_login:link, a.mainlevel_login:visited {
	font: bold 12px/180% Verdana, sans-serif;
	color: #0066ff;
	text-decoration: none;
}

a.mainlevel_login:hover, a.mainlevel_login#active_menu, a.mainlevel_login#active_menu:hover {
	font: bold 12px/180% Verdana, sans-serif;
	color: #92A4B5;
	text-decoration: none;
}
a.mainlevel#active_menu {
	color:#92A4B5;
	font-weight: bold;
}

a.mainlevel#active_menu:hover {
	color: #92A4B5;
}


a.sublevel:link, a.sublevel:visited {
	padding-left: 1px;
	vertical-align: middle;
	font: bold 12px/180% Verdana, sans-serif;
	color: #990000;
	text-align: left;
}

a.sublevel:hover {
	color: #92A4B5;
	text-decoration: none;
}

a.sublevel#active_menu {
	color: #92A4B5;
}

.highlight {
	background-color: Yellow;
	color: Blue;
	padding: 0;
}
.code {
	background-color: #ddd;
	border: 1px solid #bbb;
}

form {
/* removes space below form elements */
	margin: 0;
 	padding: 0;
}

span.article_seperator {
	display: block;
	height: 1.5em;
	border-top: 1px solid #708090;
}

/* contact */

.contentheading_contact {
	height: 30px;
	color: #FFFDFF;
	font: bold 16px/180% Verdana, sans-serif;
	white-space: nowrap;
	text-align: left;
}
.componentheading_contact {
	background: url(../images/subhead_bg.png) repeat-x;
	color: #FFFDFF;
	text-align: left;
	padding-top: 4px;
	padding-left: 4px;
	height: 21px;
	font: bold 16px/180% Verdana, sans-serif;
	text-transform: uppercase;

}
ul { margin: 2px 2px 2px 20px;}
li { padding: 0px 0px 0px 2px;}
 
H1, H2 {
	font: bold 18px/120% Verdana, sans-serif;
	color: #708090;
	text-decoration: none;
}
H3 {
	font: bold 15px/120% Verdana, sans-serif;
	color: #708090;
	text-decoration: none;
}

H4 {
	font: bold 13px/120% Verdana, sans-serif;
	color: #708090;
	text-decoration: none;
}

/* Kontakt */



td.sectiontableentry2  {
	background-color : #000678;
	padding: 6px 10px 16px 10px;
	width: 30%;
}

td.sectiontableentry1 {
	background-color : #00078C;
	padding: 6px 10px 16px 10px;
	width: 30%;
}

/* jceutils */

#jce_lbCaption, #jce_lbNumber {
margin-right: 71px;
color: #000678;
}

#jce_lbCaption {
font: bold 13px/120% Verdana, sans-serif;
color: #000678;

}





/* CSS-CODE FOR SWMENUPRO */
.transMenu10057 * {	/* delete all weird borders, padding etc. */
 padding:0;
 margin:0;
 border:0;
 border-collapse: collapse;
 color: #708090; 
}

.transMenu10057 {
 position:absolute ; 
 overflow:hidden; 
 left:-1000px; 
 top:-1000px; 
}
.transMenu10057 .content {
 position:absolute  ; 
}
.transMenu10057 .items {
 width: 150px; border: none ; 
 position:relative ; 
 left:0px; top:0px; 
 z-index:2; 
}
.transMenu10057  td
{
 padding: 0px 4px 0px 4px  !important;  /* padding sub item */
 font-size: 12px !important ; 
 font-family: Arial, Helvetica, sans-serif !important ; 
 text-align: left !important ; 
 font-weight: normal !important ; 
 color: #708090 !important ; 
} 
#subwrap10057 
{ 
 text-align: left ; 
}
.transMenu10057  .item.hover td
{ 
 color: #ffffff !important ; 
}
.transMenu10057 .item { 
 height: 20px; text-decoration: none ; 
 cursor:pointer; 
 cursor:hand; 
}
.transMenu10057 .background {
 background-color: #01066E !important ; 
 position:absolute ; 
 left:0px; top:0px; 
 z-index:1; 
 opacity:0.5; 
 filter:alpha(opacity=50);
}
.transMenu10057 .shadowRight { 
 position:absolute ; 
 z-index:3; 
 top:3px; width:2px; 
 opacity:0.3; 
 filter:alpha(opacity=30)
}
.transMenu10057 .shadowBottom { 
 position:absolute ; 
 z-index:1; 
 left:3px; height:2px; 
 opacity:0.3; 
 filter:alpha(opacity=30))
}
.transMenu10057 .item.hover {
	color:#ffffff;	  /* font color sub item */
}
.transMenu10057 .item img { 
 margin-left:10px !important ; 
}

table.menu10057 {	/* top menu */
 top: 0px; 
 left: 0px; 
 position:relative ; 
 margin:0px !important ; 
 border: 0px none ; 
 z-index: 1; 
}
table.menu10057 a{	/* top menu link positioning */
 margin:0px !important ; 
 padding: 2px 6px 2px 6px  !important ; 
 display:block !important; 
 position:relative !important ; 
}
div.menu10057 a,
div.menu10057 a:visited,
div.menu10057 a:link {	/* top menu link */
 height:25px; 
 font-size: 12px !important ; 
 font-family: Arial, Helvetica, sans-serif !important ; 
 text-align: left !important ; 
 font-weight: normal !important ; 
 color: #708090 !important ; 
 text-decoration: none !important ; 
 margin-bottom:0px !important ; 
 display:block !important; 
 white-space:nowrap ; 
 text-transform: uppercase !important;
}
div.menu10057 td {
 border-bottom: 0px none  ; 
 border-top: 0px none  ; 
 border-left: 0px none  ; 
} 
div.menu10057 td.last10057 {
 border-right: 0px none  ; 
} 
#trans-active10057 a{
 color: #FFFFFF !important ; 
} 
#menu10057 a.hover   { 
 color: #FFFFFF !important ; 
}
#menu10057 span {
 display:none; 
}
#menu10057 a img.seq1,
.transMenu10057 img.seq1,
{
 display:    inline; 
}
#menu10057 a.hover img.seq2,
.transMenu10057 .item.hover img.seq2 
{
 display:   inline; 
}
#menu10057 a.hover img.seq1,
#menu10057 a img.seq2,
.transMenu10057 img.seq2,
.transMenu10057 .item.hover img.seq1
{
 display:   none; 
}
#trans-active10057 a img.seq1
{
 display: none;
}
#trans-active10057 a img.seq2
{
 display: inline;
}

div#vmMainPage div.legalinfo {
	font: normal 12px/134% Verdana, sans-serif;
	color: #FFFFFF;
	background-color: #00078C !important;
}

div#vmMainPage h5 {
	font: bold 15px/120% Verdana, sans-serif;
	color: #708090;
}

/* SHOP CSS */

div.browseProductContainer {
	border-bottom: 1px solid #787BAE;
	margin-bottom: 20px;
	padding-bottom: 20px;
	float: right;
}
div.browseProductImageContainer {
	float: right;
}

img.browseProductImage {
   float: right;
	margin-left: 20px;
}
.browseProductDescription {
	margin-left: 210px;
	padding-left: 0px;
}
span.browseAddToCartContainer {
	float:left;
	width: 25%;

}















/* JCE */
body.mceContentBody {
background-color: #00078C !important;
background-image: none;
width:674px;
}
/* editor: hide images Tabs! */
#images-page {visibility: hidden;}
.adminform {padding:0px; margin:0px;}
.mceToolbarContainer { width: 480px!important;}
.mceToolbarContainer img {margin:0!important;}
.dynamic-tab-pane-control .tab-page {width: 674px!important;}

.mceVisualAid { font-family: Verdana, sans-serif;
	font-size: 12px;line-height: 16px;}
.mceSelectList {
	padding: 2px;
	border:solid 1px #cccccc;
	background-color: #00078C;
	width:90px;
}