/* --- Druck-CSS für www.sutanet.ch --- */
* {
font-size: 10pt;
font-family:"Times New Roman", Times, serif;
}
h2, h3, h4 {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
}
#titel {
width: 100%;
height: 100%;
height: auto; /* special für opera :-) */
margin-left: -5pt;
}
ul {
margin-left: -15pt;
}
a {
text-decoration: none;
color: #000000;
}
/* --- externe links --- */
a[href^="http"]:after {
content: " [" attr(href) "] ";
font-size: 90%;
}
.AccordionPanelTab a:link:after,
.AccordionPanelTab a:link:visited:after,
#buchliste a:link:after,
#buchliste a:link:visited:after,
#ref a:link:after,
#ref a:link:visited:after  {
content: "";
}
/* --- Ende externe links --- */
.AccordionPanelTab a {
font-weight: bold;
font-size: 12pt;
font-family: Arial, Helvetica, sans-serif;
}
/* --- gar nicht erst anzeigen --- */
#navigation,
h1,
#footer {
display: none;
}
/* --- Ende, gar nicht erst anzeigen --- */
.Accordion {
  overflow: visible !important;
  margin-left: -0.2cm;

}
.AccordionPanelContent {
  display: block !important;
  overflow: visible !important;
  height: auto !important;
}
#tipps .Accordion,
#tipps .AccordionPanel,
#tipps .AccordionPanelTab,
#tipps .AccordionPanelContent {
border: none;
}
.AccordionPanelTab {
font-weight: bold;
font-size: 12pt;
font-family: Arial, Helvetica, sans-serif;
text-decoration: underline;
}

#tipps .AccordionPanel {
page-break-after: always;
}
#tipps .Accordion ul {
list-style-type: square;
margin-left: 0;
padding-left: 15pt;
}
#tipps ul#emotion,
#tipps ul#smile {
list-style-type: none;
}
#tipps h1 {
font-size: 12pt;
}
#tipps h2 {
font-size: 12pt;
font-family: Arial, Helvetica, sans-serif;
}
#tipps .Accordion h2 {
font-size: 12pt;
text-decoration: underline;
font-weight: normal;
font-family: "Times New Roman", Times, serif;
}
#tipps h3 {
font-weight: bold;
}
#tipps h4 {
font-weight: bold;
}

/* amazon */
ul#buchliste {
list-style-type: none;
margin-left: -30pt;
}
ul#buchliste li {
display: inline;
margin-right: 0.2cm;
}
ul#buchliste img {
border: none;
}
ul#buchliste img.assoc {
display: none;
}
/* Ende amazon */

.CollapsiblePanel {
overflow: visible !important;
}

.CollapsiblePanelContent {
display: block !important;
overflow: visible !important;
height: auto !important;
}
#website1 .CollapsiblePanelContent,
#website2 .CollapsiblePanelContent,
#css .CollapsiblePanelContent,
#beispiele .CollapsiblePanelContent,
#privatkurs .CollapsiblePanelContent {
margin-top: -40pt;
margin-left: -10pt;
}
#website1head,
#website2head,
#csshead,
#beispielehead,
#privatkurshead  {
text-decoration: none;
}
.CollapsiblePanelTab a {
display: none;
}
#website1, #website1head,
#website2, #website2head,
#css, #csshead,
#beispiele, #beispielehead,
#privatkurs, #privatkurshead {
border: none;
}
#css,
ul#what {
page-break-before: always;
}
table#ref, #ref td, #ref th {
border: 1pt solid #000000;
border-collapse: collapse;
vertical-align: top;
padding: 5pt 2pt 0 5pt;
}
#ref .th1 {
width: 2.8cm;
}
#ref .th2 {
text-align: center;
width: 5.5cm;
}
#ref .th3 {
}
.floatleft {
float: left;
}
.floatright {
float: right;
}
.clear {
clear: both;
}
#bild {
margin: -0.2cm 1cm 1cm 0;
border: 1px solid #CCCCCC;
}
/* --- Google Map auf Kontakt --- */
#wagt_map_1 {
width: 500px;
height: 300px;
border: 1px solid #ccc;
}

/* --- Ende Google Map auf Kontakt --- */