/*General typography*/
a {
	text-decoration: none;
	font-weight: bold;
	color: #000;
	}
a:link {
	}
a:visited {
	}
a:active {
	}
a:hover {
	text-decoration: underline;
	}
h1 {
	font-size: 2.0em;
	font-weight: normal;
	margin-top: 0em;
	margin-bottom: 0em;/*both set to zero and padding in header div is used intead to deal with compound ie pc problems that are beyound summary in a simple comment.*/
	}
h2 {
	font-size: 1.7em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: normal;
	}
h3 {
	font-size: 1.4em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: normal;
	}
h4 {
	font-size: 1.2em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	}
h5 {
	font-size: 1.0em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	}
h6 {
	font-size: 0.8em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	}

ol, ul, li {margin: 0; padding: 0;} 

strong, b {
	font-weight: bold;
	}


/*Sidemenu*/
#vertmenu {
  background-color:#999999;
  font-family:Verdana,Arial,Helvetica,sans-serif;
  margin-bottom:3em;
} 

#vertmenu h1{
	text-align:left;
  text-indent: 4px;
  letter-spacing:0.05em;		
  color:white;
	font-weight:bold;
	font-size:1.5em;
	margin-top:0.5em;
}

#vertmenu ul {
  color:white;
  list-style: none;
	margin-left: 0;
	padding-left: 0em;
	margin-top:10px;
	text-indent: 4px;
	text-transform:uppercase;
	font-weight:bold;
	font-size:0.9em;
	background-color:#B3B3B3;
	letter-spacing:0.1em;
  }

#vertmenu ul li{
  color:white;
  list-style: none;
	margin-left: 0;
	padding-left: 0em;
	text-indent: 4px;
	text-transform:none;
	background-color:#999999;
	font-weight:bold;
	font-size:0.7em;
	line-height:1.5em;
	letter-spacing:normal;
	margin-top:0px;
	margin-bottom:0px;
	padding-top:1em;
  }
   
#vertmenu ul ul{
color:white;
background-color:#4A4A4A;
text-transform:uppercase;
font-weight:bold;
font-size:0.7em;
letter-spacing:0.2em;
background-color:#999999;
padding-top:1.0em;
text-indent: 4px;
margin-top:0px;
}
   
#vertmenu ul ul li{
  color:white;
  list-style: none;
	text-transform:none;
	font-weight:bold;
	font-size:1.0em;
	line-height:1.2em;
	letter-spacing:normal;
	background-color:#999999;
	text-indent: 0px;
	margin-top:8px;
	margin-left: 0;
  padding-left: 10px;	
}
   

#vertmenu li a{
color:white;
text-decoration:none;
letter-spacing:normal;
}


#vertmenu li a:hover{
color:white;
text-decoration:underline;
}



/*buttons*/

#homebutton{
float:right;
background-image: url(../img/home.gif);
background-position: -121px 0px;
background-repeat: no-repeat;
width: 122px;
height: 26px;
}

#homebutton a {
display: block;
background-image: url(../img/home.gif);
background-position: 0px 0px;
background-repeat: no-repeat;
width:100%; 
height:100%;
}

#homebutton a:hover {
background-image: none;
}


#produktenbutton{
float:right;
background-image: url(../img/produkten.gif);
background-position: -121px 0px;
background-repeat: no-repeat;
width: 122px;
height: 26px;
}

#produktenbutton a {
display: block;
background-image: url(../img/produkten.gif);
background-position: 0px 0px;
background-repeat: no-repeat;
width:100%; 
height:100%;
}

#produktenbutton a:hover {
background-image: none;
}


#contactbutton{
float:right;
background-image: url(../img/contact.gif);
background-position: -121px 0px;
background-repeat: no-repeat;
width: 122px;
height: 26px;
}

#contactbutton a {
display: block;
background-image: url(../img/contact.gif);
background-position: 0px 0px;
background-repeat: no-repeat;
width:100%; 
height:100%;
}

#contactbutton a:hover {
background-image: none;
}

#linksbutton{
float:right;
background-image: url(../img/links.gif);
background-position: -121px 0px;
background-repeat: no-repeat;
width: 122px;
height: 26px;
margin-right:0.5em;
}

#linksbutton a {
display: block;
background-image: url(../img/links.gif);
background-position: 0px 0px;
background-repeat: no-repeat;
width:100%; 
height:100%;
}

#linksbutton a:hover {
background-image: none;
}

#supportbutton{
float:right;
background-image: url(../img/support.gif);
background-position: -121px 0px;
background-repeat: no-repeat;
width: 122px;
height: 26px;
}

#supportbutton a {
display: block;
background-image: url(../img/support.gif);
background-position: 0px 0px;
background-repeat: no-repeat;
width:100%; 
height:100%;
}

#supportbutton a:hover {
background-image: none;
}


/*Columnlayout*/
body {
  background-color:#E7E7E7; /* same color as most right color of the bg-image*/
  font-size: 76%;
  width:100%;
  margin: 0;
  padding: 0;
  border: 0;
  text-align:center;
}


#outerpagewrapper        {
  color: black;
	margin:auto; /* margin needed for FF, otherwise the div is not centered */
  width: 750px;
  text-align:center;
	background-image:url(../img/wrapbg.gif);
	background-repeat:repeat-y;
	margin-top:5px;
  margin-bottom:5px;	
}

				
#innerpagewrapper {
  color: black;
  margin:auto;
  width: 702px;
  text-align:left;
  background-image: url(../img/leftcolumnbg2.gif); /*faux column */
  background-repeat:repeat-y;
	border-bottom:3px solid;
	border-bottom-color:#4F4F4F;
	border-top:3px solid;
	border-top-color:#4F4F4F;
	
}
				
#logoheader {
	bbackground-color:#E8030E; /* same color as most right color of the bg-image*/
	bbackground-image:url(../img/back_top.jpg);
    background-image:url(../img/reimerbanner.jpg);
 
	background-repeat:no-repeat;
	height:120px;
}

#topmenu {
  height:25px;
  background-image:url(../img/back_top2.jpg);
  background-repeat:repeat-y;
}







#columnswrapper{
        background-image: url(../img/leftcolumnbg.gif); /*faux column */
        background-repeat:repeat-y;
}





#leftcolumn {
        float: left;
        margin: 0px;
        border: 0px;
        width: 168px;
        font-size: 1.3em;
				overflow:hidden;
        }


#rightcolumn{
        float: left;
        border: 0px;
        width:525px;
        }

#rightcontent {
				margin-left:8px;
				margin-top:8px;
  font-family: Verdana, Arial, Sans-serif;
  background-color:white;
  color:black;
	font-size: 0.9em;
	line-height: 1.8em;
				
}				
				
				
				
.clearfix:after { /* clearing the floats, so background-image will be shown.IE does this
                                                                     'automatically' when a height or width is assigned to the float-container.
                                                                                which is NOT according the specs btw.
                                                                                IE doesnt know the 'after' pseudoclass, so this trick only affects non-IE browsers

                                                                                Thanx to Holly'n'John, www.positioniseverything.net/easyclearing.html
                                                                  */
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {display: inline-block;} /*IE mac doesnt auto-clear (bravo!) the float container so it needs the clear-float-fix also
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



/*Productcontent*/


#produktwrapper {
  list-style:inside;
}

#produktwrapper dt {
text-decoration:underline;
margin-top:0.5em;
}


#produktwrapper dd {
display:list-item;
list-style-type:disc;
}

#produktwrapper li {
list-style-image:url(../img/reimerbullet.gif);
list-style-type:disc;
list-style-position:outside;
margin-left:3em;
}


#produktwrapper a{
color:red;
}


/* Hides from IE5-mac \*/
* html #produktwrapper {height: 1%;}
/* End hide from IE5-mac */


#produktheading {
margin-bottom:2em
}

#produktlinks{
  float:right;
  font-size: 0.8em;	
}
#produktlinks a{
margin-left:2em;
}


#produktdetail1 {
margin-bottom:2em
}
#produktinfo1{
  clear:left;
}
#produktimage1 {
  float:right;
  width:250px;
}



#produktdetail2 {
margin-bottom:2em
}
#produktinfo2{
  clear:right;
}
#produktimage2 {
  float:left;
  width:300px;
  margin-right:1em;
}



#produktdetail3 {
margin-bottom:2em
}
#produktinfo3{
}
#produktinfo3 li{
}

#produktimage3{
}


#produktfooter{
}

#produktheading h2{
font-size: 1.5em;
color:#B3B3B3;
font-weight:bold;
float:left;
margin-top:0px;
}

.producthighlight {
color:#B3B3B3;
font-weight:bold;
}



/*supportpages*/
div.supportitem {
margin-top:2em;
margin-bottom:2em;
margin-left:4em;
font-size:0.9em;
}

.supportitem h4{
font-size:1.0em;
font-weight:bold;
margin:0;
text-indent:-1em;
}

.computerterm{
font-style:italic;
}