html{
 background-color: #000000; /* page background colour */ 
 margin:0;
}

body,td{
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 font-size: 13px;
}

body{
 margin:9px;
 padding:0;
 background:#000000;
}

#wrapper { min-width: 400px; }
 /* Allways good to have on full width liquid CSS layouts, 
    google "min-width IE" for JS solutions there */

#wrapper { border: 2px solid #CCCC66; margin: 0 -2px; }
 /* this is a border with marginal compensation to stop scroll bars */

/* Setup (This all looks neater when it isn't put on display!) */
#wrapper {
 width: 100%;               /* total width */
}      

#outer {
 border-left-width: 143px;  /* left column width */
 border-left-color: #800000;   /* left column colour */

 border-right-width: 0; /* right column width */
 background-color: #ffffff; /* center column colour */
}

#left {
 width: 143px;              /* left column width */
 margin-left: -143px;       /* _negative_ left column width */
}


#header {
 background-color: #800000;
 height:95px;
}

#footer {
 background-color: #800000;
 height:25px;
 font-size: 10px;
 color: #CCCCCC;
 text-align:center;
 padding-top: 8px;
} 

#footer a:link{
 color: #999999;
}

/* Main code */

#outer { width: auto; border-left-style: solid;}
#inner { margin: 0; width: 100%;}

#left { float: left; position: relative; z-index: 10; }
#content { float: left; width: 100%; position: relative; z-index: 12;}

#header { width: 100%; position: relative; z-index: 14; }
#footer { width: 100%; position: relative; z-index: 15; }

.clear { clear: both; }

#innercontent { padding: 15px; }

/* Mozilla code */
#outer > #inner { border-bottom: 1px solid transparent; }
#content { margin: 0 -3px 0 -2px;}

/*printer styles*/ 
@media print{ 
#left{display:none;} 
#outer{border-left:0;} 
#topLinks{display:none;}
#wrapper{border-left:0;border-right:0;}
}

#complogo {
    width:auto;
    float:right;
    height:95px;
  }
#sectionlogo {
    width:auto;
    float:left;
    height:95px;
  }

#sectionLinks {
	border-top: 1px dashed #CCCCCC;
}

#sectionLinks h3 {
	font-size: 14px;
	font-weight: bold;
	padding: 3px 1px 1px 5px;
	margin: 0px;
        width: 137px;	
	border-bottom: 2px solid #666666;
	color: #EEEEEE;
	background-color: #AA0000;
}

#sectionLinks ul
{
 list-style-type: none;
 font-family: Arial, Helvetica, sans-serif;
 margin: 0;
 padding: 0;
}

#sectionLinks a
{
 display: block;
 padding: 3px;
 width: 137px;
 background-color: #800000;
 border-bottom: 1px solid #eee;
}

#sectionLinks a:link, #sectionLinks a:visited
{
	color: #EEE;
	text-decoration: none;
	vertical-align: bottom;
}

#sectionLinks a:hover
{
background-color: #FFE6E6;
color: #333333;
}

#topLinks {
	position: absolute;
	top: 86px;
	left: 300px;
	color: #EEE;	
	z-index: 15;
}

#topLinks a:link, #topLinks a:visited
{
	color: #EEE;
	vertical-align: bottom;
}

#topLinks a:hover
{
	color: #CCC;
	text-decoration:none;
}

.floatright {
	float: right;
	margin: 5px;
}

h1 {
	font-size: 24px;
	color: #800000;
	font-style: italic;
}

h2 {
	font-size: 18px;
	color: #333333;
	font-weight: bold;
}


.shopstyle {
	border-top: 1px solid #800000;
	border-bottom: 1px solid #800000;
}
.shopdir {
	border-bottom: 1px solid #800000;
	font-size: 14px;
	font-weight: bold;
	background-color: #FFECEC;
}
.actiondir {
	color: #DDDDDD;
	background-color: #800000;
	font-weight: bold;
	text-align: left;
}
.actiondate {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-color: #800000;
	vertical-align: top;
	width: 180px;
}
.actiontext {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #800000;
	text-align: left;
}

.paragraph {
	text-align: justify;
}

.centeralign {
	text-align: center;
}

.kontakttext {
	text-align: left;
}

.kontaktname {
	font-weight: bold;
	text-align: left;
	width: 150px;
	vertical-align:top;
}

.kontaktdata {
	text-align: left;
	width: 400px;
}

.newsdate {
	font-weight: bold;
	text-align: left;
	width: 150px;
	vertical-align:top;
}

.newstext {
	text-align: left;
}

.fotosmall a {
	padding:5px;
	border:solid #D5BE72 1px; 
	background:#FFD9D9;
	display:block;
	text-decoration:none;
        font-size: 11px;
	color:#222222;
}

.fotosmall a:hover {
	background:#BBBBBB;
}

.fotosmall img{
	border: 1px solid;
}

.galeryimg a{
	margin: 20px;
	text-align: center;
	position: relative;
	background-color: #CCCCCC;
	border: 1px solid #003366;
	display:block;
	font-size:12px;
	text-decoration:none;	
	color:#222222;
}

.galeryimg a:hover{
	background-color: maroon;
	border-color:maroon;
	color:#CCCCCC;
}


.galeryimg img{
	border:0;
}