/* Content und Sidebar-Elemente */
#myPopup {
	display: none;
	border: solid 2px black;
	padding: 4px;
	background-color: #FFCC33;
	width:270px;
	height: 145px;
	text-align: center;
	position: absolute;
	top: 180px;
	right: 30px;
}


#content h1, #contentmax h1 {
	font-size: 200%;
	font-weight : normal;
	margin: 0px;
	padding: 0px 0px 2px 0px;
	color: #000;
}

#content h2, #contentmax  h2 {
font-size: 120%;
	font-weight : bold;
	margin: 0px;
 
} 

#nav h2 {
	font-size: 100%;
	font-weight : bold;
	margin: 0px;
}


#content h2, #contentmax h2 {
	padding: 10px 0px 2px 0px;
}

#sidebar h2 {
	padding: 2px 0px 2px 0px;
	margin: 20px 0px 0px 0px;
	font-size:120%;
	font-weight: bold;
}
#sidebar h3 {
padding: 0px;
margin: 0px;
font-size: 100%;
text-decoration:underline;
font-weight: bold;
}

#sidebar img {
	border: 1px solid #fff;
	}

#content h3, #contentmax h3 {
	font-size: 90%;
	font-weight: bold;
	margin: 0px;
	padding: 2px 0px 2px 0px;
}

#content p, #contentmax p, #sidebar p {
	margin: 0px;
	padding: 2px 0px 8px 0px;
	line-height: 140%;
	text-align: justify;
}

#content a, #contentmax a, #sidebar a {
	text-decoration: underline;
	font-weight : bold;
	color: #000;
}

#content a:hover, #contentmax  a:hover, #sidebar a:hover {
	text-decoration: underline;
}

#content .sidepicture, #contentmax .sidepicture {
	float: right;
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 10px 10px;
	text-align:right;
	width: 150px;
}

#content .clearer, #contentmax  .clearer {
	clear: both;
}

#more {
	width: 300px;
	float: right;
	padding: 20px 0px 20px 0px;
	text-align: right;
}

/* Liste */

#content ul, #contentmax ul, #sidebar ul {
	list-style: none;
	padding: 0px;
	margin: 6px 0px 6px 0px;
}

#content li, #contentmax li, #sidebar li {
	font-size: 100%;
	line-height: 120%;
	text-align: justify;
	padding: 2px 0px 2px 16px;
	background: url(../images/pbull.gif) no-repeat top left;
}

/* Tabelle */

#content table.cells , #contentmax  table.cells{
	border: 1px solid #dddddd;
}

#content td.cell, #contentmax  td.cell {
	background-color: #f5f5f5;
	font-size:94%;
	line-height:130%;
}

#content td.headercell, #contentmax  td.headercell {
	font-weight: bold;
	font-size:94%;
	background-color: #ADADAD;
	color: #fff; 
}
.img {
border: 0px !important;
}

/* Teaser */

div.teaserelement {
float : left;
margin : 2px;
padding : 2px 10px 2px 0px;
}

.teaserelement a{
text-decoration: underline !important;
}

.teaserelement a:hover {
color:  #EE8306 !important;
text-decoration: underline !important;
}

div.teaser {


}

div.teaserpicture {
	float: left;
	padding: 0px;
	margin: 0px 10px 10px 0px;
	border: none;
}

p.teasertext {
	margin: 0px;
	padding: 4px 0px 4px 0px;
}

.teasernav {
	clear: both;
	padding: 2px 0px 2px 0px;
	margin: 0px;
	text-align: center;
}

/* Absatztype Formular */

input.box {
	border : 1px solid #dddddd;
	width: 328px;
	vertical-align: top;
	padding: 1px;
	margin: 0px 0px 10px 0px;
}

form.formular textarea  {
	border : 1px solid #dddddd;
	width: 328px;
	height: 200px;
	vertical-align: top;
	padding: 1px;
	margin: 0px 0px 10px 0px;
}

form.formular .formcaption {
	width: 200px;
	line-height: 200%;
	float: left;
	clear: left;
}

form.formular .formnote {
	color: #444444;
	line-height: 160%;
	padding: 2px 0px 10px 204px !important;
}

.buttoncaption {
	line-height: 200%;
}


/* Plugin-Styles */

P.s2d  {
	font-size: 180%;
	color: #000;
	font-weight : bold;
	margin: 0px;
	padding: 2px 0px 2px 0px;
	line-height: 200%;
}

P.s2dsmall  {
	font-size: 80%;
}

.basket {
font-size:12px !important;
color: #1C3F77  !important;
font-weight: bold;
}


/** Für Formulare und Shopseiten **/

/* Rahmen und Farbe Formularelemente */
table.formtab select.tx,
table.formtab input.tx,
table.formtab textarea.tx {
	border: 1px solid #dddddd;
	background-color: #f5f5f5;
}

/* Weitere Styledefinitionen für Formularelemente */
/* Rahmen und Farbe Formularelemente Highlight */
table.formtab select.txh,
table.formtab input.txh,
table.formtab textarea.txh,
table.formtab td.txh,
table.formtab table.txh {
	border: 1px solid #A70C0C;
	background-color: #F5E5E5;
}

/* Tabellenbreite */
table.pluginwidth {
	width: 690px;
	margin: auto;
}

table.completewidth, td.completewidth {
	width: 100%;
}

/* Breite der Formularfelder */
table.formtab input.tx,
table.formtab input.txh,
table.formtab textarea.tx,
table.formtab textarea.txh {
	width: 345px;
}

/* Höhe der Formularfelder */
table.formtab textarea.tx,
table.formtab textarea.txh {
	height: 138px;
}

/* Farbeliche Anzeige von Fehlermeldungen, immer identisch */
table.formtab td.h, p.h {
	color: #A70C0C;
	font-weight: bold;
	text-align: center;
}

/* Focus und Mausover von Formularelementen, immer identisch */
/*
table.formtab textarea:focus,
table.formtab textarea:hover,
table.formtab select:focus,
table.formtab select:hover,
table.formtab input:focus,
table.formtab input:hover {
	background-color: #FFFFFF;
} */

/* Innenabstand von Formularelementen und Tabellenzellen, immer identisch */
table.formtab input,
table.formtab textarea,
table.formtab td {
	padding-left: 3px;
	padding-right: 3px;
	margin: 0px;
}
/*Definitionen für Grafik und CSS Bereich Tutorials*/

textarea.code {

background-color: #f1f1f1;
border: 1px solid #5C5E5F;
width:690px;
margin: 1px;
padding: 18px 5px 0px 5px;
font-family: courier-new, courier, monospace;
font-size: 13px;
color: #00008B;
overflow: auto;

}
textarea.seocode {

background-color: #f1f1f1;
border: 1px solid #5C5E5F;
width:530px;
margin: 1px;
padding: 18px 5px 0px 5px;
font-family: courier-new, courier, monospace;
font-size: 13px;
color: #00008B;
overflow: auto;

}
td.s2d { padding-right:20px;

}

/*nur für Beispiel6*/

div.extra
{
width: 260px; height: 180px; overflow:auto; border:thin solid blue
}
/*nur für Text*/
element { text-decoration: line-through }
/*Nur für häufige Fragen*/
#ElternElement1 { position:relative; top:5px; left:80px; width:220px; height:220px; }
#box12 { position:absolute; top:70px; left:50px; width:100px; height:100px; z-index:2;  }
#box22 { position:absolute; top:100px; left:30px; width:90px; height:90px; z-index:3; }
#box33 { position:absolute; top:40px; left:90px; width:90px; height:90px; z-index:1; }

/*nur für Mit Klassen zentrale Formate definieren*/
.kopf { font-family:'Comic Sans MS',Arial; font-size:20pt; color:blue;
       border-bottom-style:solid; border-bottom-width:3px; border-color:red;
        margin:0px; margin-bottom:16px; }
.umrahmt { font-family:Arial,sans-serif; font-size:11pt; color:blue; border-style:solid; border-width:3px; border-color:silver; margin:10px; padding:5px; }
.rot   { color:red; font-weight:bold  }
.gruen { color:green; font-weight:bold}
.maroon { color:maroon; font-weight:bold}
.gross   { font-size:14pt; font-family:'Comic Sans MS',Arial; color:green; margin-top:10px}
.klein { font-size:8pt; font-family:'Small Fonts',Arial; color:red }

/*Nur für Pseudoklassen*/
#goldKasten {color:blue;
   background-color:#FFD700;
   /*position:absolute;
   top:60px; left:10px;*/
   width:220px; padding:8px;
   margin:0px; border:4px solid
   #EE0000;
  }
#silberKasten {text-align:center;
   background-color:silver;
  /* position:absolute;
   top:190px; left:5px;*/
   width:200px; padding:10px;
   margin:10px; border:4px solid
   #0000EE;
  }
h4#Titel {
   font-family:Arial,sans-serif;
   font-size:15pt;
   font-weight:normal;
   color:green;
  }



/*nur für Ebenen*/
#ElternElement { position:relative; top:710px; left:50px; width:220px; height:220px; }
#box1 { position:absolute; top:70px; left:70px; width:100px; height:100px; z-index:2;  }
#box2 { position:absolute; top:100px; left:50px; width:90px; height:90px; z-index:3; }
#box3 { position:absolute; top:40px; left:30px; width:90px; height:90px; z-index:1; }
#Ebene1    { position: absolute; top: 230px; left: 320px; width: 660px; height: 1200px; visibility: visible; display: block }
#Ebene2 { position: absolute; top: 25px; left: 120px; width: 125px; height: 125px; visibility: visible; display: block }
#Ebene4 { position: absolute; top: 390px; left: 170px; width: 140px; height: 146px; visibility: visible }
#Ebene7 { position: absolute; top: 270px; left: 360px; width: 40%; height: 359px; visibility: visible }
#Ebene8    { position: absolute; top:730px; left: 360px; width: 40%; height: 316px; visibility: visible }





/*Popupfenster */
#fenster  { color: #003366; font-weight: bold; font-family: verdana; background-color: #fff; position: absolute; z-index: 3; top: 215px; left: 360px; visibility: visible }

#fenster a {
padding: 4px;
border: 1px solid blue;
color : #003366;
background-color :#ffd700;
text-decoration : none;
display:block;
}

#fenster a:active {
color : #003366;
background-color : #ffd700;
}

#fenster a:visited {
color : #003366;
background-color : #ffd700;
}

#fenster a:hover {
color : #003366;
background-color : #ffd700;
text-decoration : none;
width : 500px;
border : 1px solid blue;
}

#fenster a .pop {
display : none;
}

#fenster a:hover .pop {
color :#003366;
line-height : 140%;
display : block;
background : white;
font: 12px Verdana;
border : 1px solid blue;
padding : 3px;
}

/*Tooltipps*/
.klick1{background-color:#FAFAD2;
  padding:2px;
	cursor: pointer;
  font-family:Verdana, arial;}
.einschub1{font-family:Verdana, arial;
  font-size:12px;
  margin-left:3em;
 }
.elemente1{background-color:#FFE4B5;
  padding:2px;
  cursor: pointer; 
  font-family:Verdana, arial}

 div#link {position: absolute; }

div#link a {display: block;}

div#link a:hover {background: #FFFFF0; }

div#link a span {display: none;}

div#link a:hover span {display: block; text-decoration : none;

position: absolute; top: 30px; left: 0; width: 150px;

padding: 5px; margin: 4px; z-index: 100; color: black; background: #ADD8E6;}





div#link1 {position: absolute; }

div#link1 a:hover {background:none;}

div#link1 a span {display: none;}

div#link1 a:hover span {display: block; text-decoration : none;

position: absolute; top: 30px; left: 0; width: 150px;

padding: 5px; margin: 4px; z-index: 100; }





div#link2 {position: absolute; }

div#link2 a:hover {background:none;}

div#link2 a:hover {background: #FFFFF0; }

div#link2 a span {display: none;}

div#link2 a:hover span {display: block; text-decoration : none;

position: absolute; top: 30px; left: 0; width: 150px;

padding: 5px; margin: 4px; z-index: 100; }

/* Style für CSS-FAQ*/
a:focus,
a:active        {
                        background-color: #ffffff;
						text-decoration: none !important;
                        }


a span                {
                        display: none;
                        }

a:focus span,
a:active span
                        {
                        display: block;

                        border:  0 none;
                        padding: 1em;

                        text-decoration: none;
						font-weight: normal;

                        background-color: #f5f5f5;
                       }
					   
/*Ende Style für CSS-FAQ */					   


#postit{
position:absolute;
width:240px;
padding:5px;
background-color:lightyellow;
border:1px solid black;
visibility:hidden;
z-index:100;
cursor:hand;
cursor: pointer;
}