/* Printstyle */

/* www.hardsoft-kiel.de

Gestaltung und Design 
von Annette Schiffer */


body, #content, #start {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 12pt;
  font-family: Georgia, "Times New Roman", serif;
  line-height:1.7em;
background-color: #fff !important;
color: #333;
  }

#naviprod, #navi, #headerbg, #footer, #foot, #kontakt, #header, #routenwahl, #wasser {
	display: none;
}

#content:before, #start:before {
  content: "\ hard & soft GmbH  www.hardsoft-kiel.de";
  color: #E50083 !important;
  font-size: 14pt;
  border-bottom: 1px solid #999;
  margin-bottom: 20px;
  }
  
  #content:after,   #start:after {
  content: "\ Alle Rechte vorbehalten. (c) hard & soft GmbH, www.hardsoft-kiel.de";
  color: #999 !important;
  font-size: 10pt;
  border-top: 1px solid #999;
  margin-top: 10px;
  }

#content {
padding: 0;
text-align: left;
}

#content h1{
font-family: "Lucida Grande", "Lucida Sans Unicode"  Verdana, Arial, Helvetica, sans-serif;
padding: 0;
margin: 0.4em 0 1em 0;
font-size: 16pt;
font-weight: normal;
text-align: left;
border: 0px solid #000;
letter-spacing: 0.3em;
color: #333;
}

#content h2, #content h3 {
padding: 0;
margin: 1.2em 0 0.6em 0;
font-size: 14pt;
font-weight: bold;
text-align: left;
border: 0px solid #000;
letter-spacing: 0.1em;
}

#content p {
font-size: 12pt;
margin: 0.3em 0 0.5em 0;
padding: 0;
text-align: left;
}

#content ul {
font-size: 12pt;
margin: 1em 0 1em 2em;
padding: 0;
list-style-type: disc;
}

#content li {
margin: 0.3em 0 0.5em 2em;
}

#content p.refer {
	margin: 2em 0;
}

img#content p.refer {
	border: none;
}

.bildli {
margin: 2px 10px 7px 0; 
float: left; 
border: 0px solid #000;
}

.bildre { 
margin: 2px 5px 20px 7px; 
float: right; 
}

.bbildli {
margin: 2px 10px 7px 0; 
float: left; 
border: 1px solid #333;
}

.bbildre { 
margin: 2px 5px 20px 7px; 
float: right; 
border: 1px solid #333;
}

hr {
border-top: 1px dashed #E50083;
border-right: 0px solid #fff;
border-bottom: 0px solid #fff;
border-left: 0px solid #fff;
color: #fff;
clear: both;
width: 35em;
margin: 3em 0;
padding: 0;
}

#start ul
{
list-style:none;
}

#start h2 {
padding: 0;
margin: 1.2em 0 0.6em 0;
font-size: 14pt;
color: #E50083;
font-weight: bold;
text-align: left;
border: 0px solid #000;
letter-spacing: 0.1em;
}


.linkbox {
border:1px solid #888;
margin:1em;
padding: 10px;
}


/* ---------------------- Galerie -------------------------*/

#galerie {
margin: 0.2em 0;
width: 100%; 
border: 0px solid #fff;
padding:0;
background-color: #fff;
}

#galerie dl {
margin: 0 2.6em 0 0;
padding: 0;
float: left;
display: block;
border: 0px solid #000;
width: 20em;
}

#logo
{
width: 20em;
height: 13em;
background-image: url(../grafik/logo-hardsoft.gif);
background-repeat: no-repeat; 
border: 0px solid #fff;
margin: 0;
padding: 0;
float: left;
}

#galerie dt {
padding: 0;
margin: 0;
}

#galerie dt img 
{ 
border: 4px double #dfdfdf;
padding: 0px;
background-color: #fff;
}

#galerie dd {
font-size: 1.1em;
padding: 0;
text-align: center;
margin: 0;
border: 0px solid #fff;
background-color: #fff;
}

#galerie p {
font-size: 1em;	
text-align: justify;
margin: 0;
}

/* -- ------Galerie2 ---------*/

#galerie2 {
margin: 0.2em 0;
width: 100%; 
border: 0px solid #fff;
padding:0;
background-color: #fff;
}

#galerie2 dl {
margin: 0 2.6em 0 0;
padding: 0;
float: left;
display: block;
border: 0px solid #000;

}

#galerie2 dt {
padding: 0;
margin: 0;
}

#galerie2 dt img 
{ 
border: 0px double #dfdfdf;
padding: 0px;
background-color: #fff;
}

#galerie2 dd {
font-size: 1.2em;
padding: 0;
text-align: center;
margin: 0;
border: 0px solid #fff;
background-color: #fff;
}


.clear
{
clear: both;
height: 0;
}
	

/* -------- Links ------------ */
#content p a:link, #content p a:visited {
  background: transparent;
  color: #E50083;
  font-weight: bold;
  text-decoration: underline;
  }
/*
#content p a[href]:after {
  content:" <"attr(href)">";
  background-color: inherit;
  color: #E50083;
  font-style: italic;
  }
*/

/*-------------------Navigation Untermenu -------------------*/

#naviplatzhalter {
width: 18em;
margin: 2em 1em 2em 0;
padding: 0;
background-color: #fff;
font-size: 1.2em;
line-height: 1.7em;
font-weight: bold;
border: 1px solid #fff;
float: left;
}