

body {
	padding-left: 0px;
	padding-bottom:20px;
	font-family: Verdana;
	font-size: 86%;
	line-height: 1.5em;
	background:#FFE6AA;
	background-repeat:repeat-x;
	background-image:url(http://www.definitiv-inklusiv.org/images/bg2.png);
	direction:rtl;
}
body * {
	margin: 0;
	padding: 0;
	border: 0;
}
pre {
	margin: 1em 0em 2em;
	padding: 1em;
	background-color: #eee;
	border: 1px solid #ccc;
	font-size: 0.9em;
}
img {
	/*border: 1px solid gray;*/
	padding: 0px;
	margin-left: 1.2em;
	float: right;
}

h1 {	margin-bottom: 1.5em; padding-bottom:0.5em;}
h2 { color:#275393;margin-top: 0em; padding-top:1em;padding-bottom:0.5em;}
h3 { margin-top: 1em; margin-bottom:0.1em; color:#275393;}
#wrapper h3 { margin-top: 1.5em; margin-bottom:-0.5em; color:#275393;}
#wrapper h3 a { color:#275393;}
p { 
	margin: 1em 0em; 
}
abbr { border-bottom:1px dashed #000066; }

/*dl dt { font-weight: bold; }
dl dd { margin: 0em 2em 1em; }
dl dd ul { padding: 0em 1.5em; }*/

dt {
	font-size: x-small;
	color: #666666;
}

dl {line-height:2em; }
dd {margin-right: 13em; margin-top:-2em;}
a {
	text-decoration: none;
	color: #000066;}
	
.zahlen dl { margin-right:0px; margin-left:0px; line-height:1.7em;}
.zahlen dd { margin-right: 8em; margin-left:0px; margin-top:-1.7em; line-height:1.7em;}
.zahlen dt { 	font-size: normal; color:#000; line-height:1.7em;}

a {font-weight:bold;}	
#links a {
font-weight: normal ;
font-size:small;}	

  #playlist tbody tr td {
      background-color: #eee;
    }
    #playlist tbody tr.odd  td {
      background-color: #fff;}
#playlist a span {display: none;}
#playlist a:hover span {display: block;
  position: absolute; /* top: 200px; left: 0;*/ width: 250px;
   padding: 5px; margin-left:40px; margin-top: -24px; z-index: 100;
  /* color: #AAA; */ background: white; border:1px dashed #00CCFF;
   font: 10px Verdana, sans-serif; text-align: center;}
   
 
 
/**************************************************************************************************************/
/* Auskommentiert, da schon in der styles.css des Tutorials definiert.
body {
	font-family: Verdana;
	font-size: 86%;
	line-height: 1.5em;
}
body * {
	margin: 0;
	padding: 0;
	border: 0;
}
*/
/*#formnavi {
	list-style-type: none;
	padding: 0em;
	margin: 0em;
	font-size: 0.8em;
}
#formnavi li { 
	float: left;
	margin: 0em;
	padding: 0em;
	padding-right: 1px;
}

#formnavi li a {
	padding: 0.2em 0.5em;
	color: #000;
	background-color: #c4c4c4;
	text-decoration:none;
}

*/

.clear  {
	clear:both;
	height:0;
	width:0;
	visibility:hidden;
	border:0;
}
form {
	/*width: 60em;*/
	border: 1px solid #bbb;		
	/* dont't remove this line - Moz/FF will cause margin problems?! */
	padding: 0.1em; 
	
}
#formnavi li {background-color: #c4c4c4; float:right;
} 
form, 
fieldset {	background-color: #e4e4e4; 
}

fieldset {
	border: 1px solid #bbb;
	padding:  1em;
	margin: 0.5em 0.8em;
}

fieldset.inactive { 	display: none; }

fieldset legend { 
	font-weight: bold; 
	font-size: 0.9em;
		padding:  1em;

}

fieldset input, 
fieldset textarea {
	border: 1px solid #bbb;
	padding: 0.1em 0.25em;
	color: #000;
	background-color: #eaeaea;
}
fieldset input:focus,
fieldset textarea:focus {
	border: 1px solid gray;
	background-color: #f4f4f4;
	color: #000;
}
label { font-size: 0.9em; }

fieldset ul {	
	list-style-type: none; 
	padding:  1em;
}

fieldset ul li { 
	clear: both; 
	margin: 0.5em 0em;	
}
fieldset ul li label { 
	font-size: 0.9em; 
	text-align: left;
	float: right;
	width: 14em;
	margin-left: 1.5em;
}


.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.formi form
{width:10em;
padding:0px;
margin:0px;
}

/* 
  -- Even more rounded corners with CSS: Base stylesheet --
*/

.dialog {
 position:relative;
 margin:0px auto;
 min-width:8em;
 max-width:1800px; /* based on image dimensions - not quite consistent with drip styles yet color:#fff;
 */
 z-index:2;
 margin-left:12px; /* default, width of left corner */
 margin-bottom:0px; /* spacing under dialog */
}

.dialog .content,
.dialog .t,
.dialog .b,
.dialog .b div {
 background:transparent url(hintergrund2.png) no-repeat top right;
 _background-image:url(dialog2-weiss.gif);
}

.dialog .content {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:20px 0px 0px 0px;
}

.dialog .t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:16px; /* top slice width */
/* margin-left:-16px;*/
left:-16px;
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.dialog .b {
 /* bottom */
 position:relative;
 width:100%;direction:ltr;
/*margin-right:auto;*/

}

.dialog .b,
.dialog .b div {
 height:20px; /* height of bottom cap/shade war vorher 30 */
 font-size:1px;
}

.dialog .b {
 background-position:bottom right;
}

.dialog .b div {
 position:relative;
 width:16px; /* bottom corner width */
 margin-left:-16px;
 background-position:bottom left;
}

.dialog .hd,
.dialog .bd,
.dialog .ft {
 position:relative;
}

.dialog .wrapper {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:1000px;
 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

.dialog h1,
.dialog p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:0.5em 0px 0.5em 0px;
}

.dialog h1 {
 padding-bottom:0px;
}

.dialog.type2 .content,
.dialog.type2 .t,
.dialog.type2 .b,
.dialog.type2 .b div {
 background-image:url(rot.png);
 _background-image:url(dialog2-rot.gif);
}

.dialog.type3 .content,
.dialog.type3 .t,
.dialog.type3 .b,
.dialog.type3 .b div {
 background-image:url(gruen3.png);
 _background-image:url(dialog2-gruen.gif);
}

.dialog.type4 .content,
.dialog.type4 .t,
.dialog.type4 .b,
.dialog.type4 .b div {
 background-image:url(gelb2.png);
 _background-image:url(dialog2-gelb.gif);
}

.dialog.type5 .content,
.dialog.type5 .t,
.dialog.type5 .b,
.dialog.type5 .b div {
 background-image:url(blau.png);
 _background-image:url(dialog2-blau.gif);
 color:#FFFFFF;
}
.dialog.type5 .content a,
.dialog.type5 .b a,
.dialog.type5 .t a  {
 color:#FFFFFF;

}
.dialog.type5 .b a  {
 color:#FFFFFF;
 padding-left:12px;

}
.dialog.type2 .b a  {
 padding-left:12px; color:#000;
}

.dialog.type3 .b a  {
 padding-left:12px; color:#000;
}
.dialog.type4 .b a  {
 padding-left:12px; color:#000;
}
.dialog.type6 .b a  {
 padding-left:12px; color:#000;
}


.dialog.type6 .content,
.dialog.type6 .t,
.dialog.type6 .b,
.dialog.type6 .b div {
 background-image:url(rot.png);
 _background-image:url(dialog2-rot.gif);
}

.dialog.type2,
.dialog.type3,
.dialog.type4,
.dialog.type5,
.dialog.type6 {
width:18.9em;}



/**************************************************/
   .rounded-corners {min-width:981px;}
    .rounded-corners .left {
        background: url(hilinkar.png) no-repeat;
        float: right;
 /*       font-size: 1px;*/
        height: 12em;
        width: 331px;
    }

    .rounded-corners .right {
        background: url(headrechts4ar.png) no-repeat;
        float: left;
     /*   font-size: 1px;*/
        height: 12em;
        width: 646px;
    }

    .rounded-corners ul {
        background: url(headmitte3.png) repeat-x;
        height: 12em;
        margin-left:646px;
		margin-right:331px ;
		padding:0px;
    }

    .rounded-corners li {
        display: inline;
        
		width:1px;
	/*	line-height: 30px;*/
        margin: 0 0 0 0;
		padding:0px;
		}

/**************************************************/
  .momofroundedcorners2 {position:absolute; min-width:800px; width:100%;  height:145px; top:0px; right:0px;}
.rounded-corners2 { width:40em; position:absolute; padding-right:400px; bottom:0px; left:50px;}
 
  .rounded-corners2 .left {
        background: url(spracheli.png) no-repeat;
        float: left;
 /*       font-size: 1px;*/
        width: 17px;
		height:26px;
    }

    .rounded-corners2 .right {
        background: url(sprachere.png) no-repeat;
        float: right;
   font-size: 1px;
   height:26px;
        width: 17px;
    }

    .rounded-corners2 ul {
        background: url(sprachemi.png) repeat-x;
		margin-left:17px;
		margin-right:17px ;
    }

    .rounded-corners2 li {
 	width:496px;
       display: inline;
        line-height: 30px;
        margin: 0 10px 0 0;height:26px;}

.content p{
padding-left:1.5em;}
body {

margin-top:0px;
padding-top:0px;}

.dialog.type5 .content a  {
 color:#FFFFFF;
 

}
.dialog.type2 .content a  {
  color:#000;
}

.dialog.type3 .content a  {
  color:#000;
}
.dialog.type4 .content a  {
  color:#000;
}
.dialog.type6 .content a  {
  color:#000;
}

.sitemap a
{
font-weight:normal;
}



/**********************************************************************************/
div.rounded {
    clear:both;
    max-width:2400px;
    margin:5px auto;
    /*width:95%;*/
	margin-left:0px;
}

div.rounded div.top {
    background:url(../images/linksoben.png) no-repeat bottom left;
    padding:0px;
    width:100%;
}

div.rounded div.top div.right {
    background:url(../images/rechtsoben.png) no-repeat bottom right;
    height:12px;
    margin-left:12px;
}

div.rounded div.middle {
    background:url(../images/links.png) repeat-y left;
    clear:both;
    width:100%;
}

div.rounded div.middle div.right {
    background:url(../images/rechts.png) repeat-y right;
    margin-left:5px;
}

div.rounded div.middle div.right div.content {
    background:url(../images/bg.png) repeat top left;
	background-color:#FFFFFF;
    /*color:#fff;
    font-family:"Trebuchet MS", Calibri, Tahoma, sans-serif;
    font-size:1.0em;
    line-height:1.3em;*/
    margin-right:5px;
    padding:0px 7px;
    text-align:justify;
}

div.rounded div.middle div.right div.content p {
    margin:0px;
    padding-top:15px;
}

div.rounded div.middle div.right div.content h2 {
  /*  color:#0f2;*/
    font-size:1.75em;
    font-weight:bold;
    margin:0px;
    padding:7px 0px;
}

div.rounded div.bottom {
    background:url(../images/linksunten.png) no-repeat top left;
    clear:both;
    padding:0px;
    width:100%;
}

div.rounded div.bottom div.right {
    background:url(../images/rechtsunten.png) no-repeat top right;
    height:12px;
    margin-left:12px;
}

/* fuer alle Browser, die min-width verstehen .width {width:100%; min-width:981px;}*/



/* workaround fuer IE6 browsers* html .minwidth {border-left:981px solid white; position:relative; float:left; z-index:1;}
* html .container {margin-left:-981px; position:relative; float:left; z-index:2;} */

* html .container3 {
	margin-left: -981px;
	position: relative;
}
/*\*/
* html .container3, * html .content3 {
	height: 1px;
}
/**/
.content3 {
	padding: 0px;
}
.width3 {
/*	width: 90%;*/
	min-width: 981px;
	margin:0 auto;
	height:100%;
	/*border:1px solid #000;*/
}
* html .minwidth3 {
	padding-left: 981px;
}
/*\*/
* html .minwidth3, * html .layout3 {
	height: 1px;
}

.ulblau
{list-style-type:none; background-color:#175197;  background-image:url(blau.png); background-position:-12px -12px; margin-right:15px;
}

.ulrot
{list-style-type:none; background-color:#F24C00;  background-image:url(rot.png); background-position:-12px -12px; margin-right:15px;}
.ulgelb
{list-style-type:none; background-color:#FED41D;  background-image:url(gelb2.png); background-position:-12px -12px; margin-right:15px;}
.ulgruen
{list-style-type:none; background-color:#8EAB2C;  background-image:url(gruen3.png); background-position:-12px -12px; margin-right:15px;}

.ulpad 
{ margin-left:3em;}

a:focus {
background-color:#FFFFFF;
color:#000000 !important; 
}
#links {
position:absolute; right:10px;top:180px; z-index:100; width:18em;
}
#wrapper { margin-right:15.5em;  text-align:justify; padding-right:20px;}
div.content2 { min-height:920px; padding:50px;}
.footerlinie {margin-right:24.1em; font-size:0.7em; margin-top:-3em; color:#BBB;  z-index:10;position:relative; margin-left:3px; padding-right:3px; padding-top:5px; background-image:url('linie.png');	background-repeat:repeat-x; line-height:0.9em; height:1%; }
.sprung {position:absolute; top:-10000px;}
.logo {
position:absolute; top:11px; right:10px; z-index:10; border:0px solid black;
}
.video
{
margin-top:2em; margin-right:20px; float:left;}
.bluebox
{
-moz-border-radius:15px;  background-color: #DEF; border: 1px solid #ACE; padding:5px; padding-top:10px; margin:5px; width:19em; height:8em; float:right; text-align:center;
}
.ratingblock {
	display:block;
	float:left;
	/*border-bottom:1px solid #999;*/
	padding-bottom:8px;
	margin-bottom:8px;
	}
.labelpass {margin:0px; padding:0px; float:right;width:9.8em; text-align:right;}

/******************************************************************************************************************************************************************/
/**********************************************************************************/
div.roundedb {
    float:right;
    width:19em;
    margin:5px auto;
    /*width:95%;*/
	margin-left:0px;
	padding:3px;
	
}

div.roundedb div.topb {
    background:url(../images/linksobenb.png) no-repeat bottom left;
    padding:0px;
    width:100%;
}

div.roundedb div.topb div.rightb {
    background:url(../images/rechtsobenb.png) no-repeat bottom right;
    height:18px;
    margin-left:18px;
}

div.roundedb div.middleb {
    background:url(../images/linksb.png) repeat-y left;
    clear:both;
    width:100%;
}

div.roundedb div.middleb div.rightb {
    background:url(../images/rechtsb.png) repeat-y right;
    margin-left:6px;
}

div.roundedb div.middleb div.rightb div.contentb {
    background:url(../images/bgb.png) repeat top left;
	height:7em;
    /*color:#fff;background-color:#FFFFFF;
    font-family:"Trebuchet MS", Calibri, Tahoma, sans-serif;
    font-size:1.0em;
    line-height:1.3em;*/
   margin-right:6px;
   padding:0px 7px;
	text-align:center;
}

div.roundedb div.middleb div.rightb div.contentb p {
    margin:0px;
   /* padding-top:15px;*/
}

div.roundedb div.middleb div.rightb div.contentb h2 {
  /*  color:#0f2;*/
    font-size:1.75em;
    font-weight:bold;
    margin:0px;
 /*   padding:7px 0px;*/
}

div.roundedb div.bottomb {
    background:url(../images/linksuntenb.png) no-repeat top left;
    clear:both;
    padding:0px;
    width:100%;
}

div.roundedb div.bottomb div.rightb {
    background:url(../images/rechtsuntenb.png) no-repeat top right;
    height:18px;
    margin-left:18px;
}

/******************************************************************************************************************************************************************/
/**********************************************************************************/
div.roundedc {
    float:right;
  
    margin:5px auto;
    width:95%;
	margin-left:0px;
	padding:3px;
	
}

div.roundedc div.topc {
    background:url(../images/linksobenc.png) no-repeat bottom left;
    padding:0px;
    width:100%;
}

div.roundedc div.topc div.rightc {
    background:url(../images/rechtsobenc.png) no-repeat bottom right;
    height:18px;
    margin-left:18px;
}

div.roundedc div.middlec {
    background:url(../images/linksc.png) repeat-y left;
    clear:both;
    width:100%;
}

div.roundedc div.middlec div.rightc {
    background:url(../images/rechtsc.png) repeat-y right;
    margin-left:6px;
}

div.roundedc div.middlec div.rightc div.contentc {
    background:url(../images/bgc.png) repeat top left;
    /*color:#fff;background-color:#FFFFFF;
    font-family:"Trebuchet MS", Calibri, Tahoma, sans-serif;
    font-size:1.0em;
    line-height:1.3em;*/
   margin-right:6px;
   padding:0px 7px;
}

div.roundedc div.middlec div.rightc div.contentc p {
    margin:0px;
   /* padding-top:15px;*/
}

div.roundedc div.middlec div.rightc div.contentc h2 {
  /*  color:#0f2;*/
    font-size:1.75em;
    font-weight:bold;
    margin:0px;
 /*   padding:7px 0px;*/
}

div.roundedc div.bottomc {
    background:url(../images/linksuntenc.png) no-repeat top left;
    clear:both;
    padding:0px;
    width:100%;
}

div.roundedc div.bottomc div.rightc {
    background:url(../images/rechtsuntenc.png) no-repeat top right;
    height:18px;
    margin-left:18px;
}
.hrclear {
clear:both; width:0%; height:1px; color:#000066 margin:10px; padding-bottom:15px;}


.banner
{border:0px solid black; float:right; padding-right:10px;}
