@charset "UTF-8";

@page :left { margin-left:1.5cm; margin-right:2cm ; }
@page :right { margin-left:2cm; margin-right:1.5cm;  }

@media print
{
  body { background: #fff; padding: 0em !important; margin: 2em !important; margin-bottom: 2em !important; }
  #topnav { display: none;}
  #nav  { display: none;}
  #footer { display: none;}
  
  /*------------------------------------------------------------------------------------------------------*/
  #Hauptteil { 	margin: 0 !important;	padding: 0 !important;  }
  #Hauptteil img {	float:right;	margin: 0em 1em 1em 1em;	}
  .normal img {float:none !important ;	margin: 0em 1em 1em 1em;	}
 
 #nav * { display: none} 
 #nav_main { display: none}
 #nav_left * { display: none}
 #logo * {padding: 0em !important; margin: 0em !important; text-align: right; float: right; font-size: 10pt; line-height: 1em;}
 #main {	background: #fff; padding:0em !important; border-top: 0px solid #000} 
  html * { font-size: 12pt;}
  h1,h2,h3,h4,h5,h6 {   	font-family: Verdana, Helvetica, Arial, sans-serif;   	font-weight:bold;   	margin: 1.4em 0 0.5em 0 !important;   }
  h1 { font-size: 13pt }                        
  h2 { font-size: 12.5pt }          
  h3, h4, h5, h6 { font-size: 12 pt}
  p { line-height: 1.5em; margin: 0 0 1em 0; }
  strong,b { font-weight: bold }
  em,i { font-style:italic }
  pre, code { font-family: monospace; font-size: 1.1em; }

  .float_left { float: left; display:inline; margin-right: 1em; margin-bottom: 0.15em;  }
  .float_right { float: right; display:inline; margin-left: 1em; margin-bottom: 0.15em;  }
  .center { text-align:center; margin: 0.5em auto }

  /* Das folgende klappt: So kann man alle Links in Vollform anzeigen lassen
  
  a[href]:after {
 content:" <"attr(href)">";
 color:#888;
 background-color:inherit;
 font-style:italic;
 size:80%;
}
   
 * {
 quotes: "\201E" "\201C" "\201A" "\2018"; 
}
q:before, blockquote:before {
 content:open-quote;
}
q:after, blockquote:after {
 content:close-quote;
}
*/
 


/* --------------------------------------------------------------------------------------------------------------------------------------------- */
/* Nicht erscheinen solle: Logo oben, Kontaktformular, Navigation  */
/* --------------------------------------------------------------------------------------------------------------------------------------------- */
#oben {display: none;}
#formularabsenden {display: none;}
#navigation * {display: none;}
/* --------------------------------------------------------------------------------------------------------------------------------------------- */
/*  								Kopf mit Ueberschrift									 */
/* --------------------------------------------------------------------------------------------------------------------------------------------- */
#kopf {
	border-bottom: 1em solid #F0F0F0; /* Hellgrau, war vorher #F5D888; = Ockerton, wie er auch im bgbild der Seitenleiste verwendet wird */ 
	background: #fff;
	float: left;
	display: inline; /* Bugfix gegen die Randverdopplung im IE/Win*/
	clear: both;
	width: 100%;
	}	
/* --------------------------------------------------------------------------------------------------------------------------------------------- */
/*  								Sidebar											 */
/* --------------------------------------------------------------------------------------------------------------------------------------------- */
#sidebar * {display: none;}
.kategorie {display: none;}

/* --------------------------------------------------------------------------------------------------------------------------------------------- */
/*  								Sidebar rechts											 */
/* --------------------------------------------------------------------------------------------------------------------------------------------- */
#sidebarrechts * {display: none;}


/* --------------------------------------------------------------------------------------------------------------------------------------------- */
/*  								Text  rechts floatend  								 */
/* --------------------------------------------------------------------------------------------------------------------------------------------- */
#textrechts {
	font-size: 1em; 
	float: none !important;
	background: #fff !important;	
	}

.sitemap a {text-decoration: none; line-height: 1.3em; }
.sitemap li {list-style-type: disc; line-height: 1.3em; }
#page_margins * { margin: 0em !important; padding: 0em !important;}
#page * { margin: 0em !important; padding: 0em !important;}


#linkliste li img  {display:none; }
#linkliste li{list-style:none;float: none;text-align: left;}
#linkliste img {float:none; display:none;}
#linkliste Hauptteil img {float:none; display:none;}
#linkliste a{display: block; }
#linkliste h1{margin: 1em 0; border-top: 0.5em #cccccc solid; text-align: center; width: 15em; }

.kategorie_schmal h2 {	display: none;	}	
.kategorie_schmal ul {	display: none;	}	
.kategorie_schmal ul li {	display: none;	}	
.kategorie_schmal ul li a{	display: none;	}	


.linkliste a:link:after,
	.content a:visited:after {
   	content: " ("attr(href)")";
   	font-size: 90%;}
 
.linkliste a[href^="/"]:after {
   content: "(http://www.webdesign-in.de" attr(href)")";
   
 body a:link, body a:visited {
font-weight: bold;
text-decoration: none;
}
#linkliste ul li  a, #linkliste  a, #linkliste li, #linkliste li  a:link:after, body a:visited:after {
content: " (" -> attr(href) ") ";
font-weight: normal;
font-size: 80%
}