/* CSS Document */
body {background: #66CCFF;}
/*titeltags*/
h1 {margin: 15px 0px 30px 0px;}
h2 {margin: 1.5em 0 1em;}
h3 {margin: 25px 0px 10px 0px;}
h4 {margin: 15px 0px 5px 0px;}
h5 {margin: 0.2em 0 0.5em 0;}

.h1-ver{display: inline;}
.h3-ver{display: inline;}


/*divs*/
#container {margin:20px;}
#header {background: #66CCFF;position: relative;left: 0px;top: 0px;height: 60px;}
#content {position: absolute;left: 210px;}
#content-m {position: absolute;left: 210px;}
#content div {padding: 60px 200px 20px 20px}
#sidebar {position: absolute;width: 180px;background-color: #66CCFF;}
#sidebar div {margin: 0px 10px 0 0;}
#leseprobe{position: absolute;height: 22px;width: 121px;left: 361px;top: 214px;}
#hoerprobe{position: absolute;height: 22px;width: 121px;left: 366px;top: 384px;}
#zauber{position: absolute;height: 22px;width: 260px;left: 86px;top: 503px;}

/*float*/
.float-left{float:left;margin: 5px 25px 20px 0px;}
.float-right{float:right;margin: 5px 0px 20px 20px;}

/*Navi*/
#navlist{width: 150px;font-size: 0.85em;margin-top:75px;}
#navlist li{list-style: none;margin: 0;padding: 0.25em;}

#navlist li a 			{ text-decoration: none; }
#navlist li a:hover 	{ text-decoration: underline; }
#navlist li #current 	{border-bottom-width: 2px;border-bottom-style: solid;border-bottom-color: #FFCC00;}

/*Tabelle*/
.tbl-1{width:600px;border: 1px solid #666666;border-collapse: collapse;}
.tbl-2{width:600px;border: 1px solid #666666;border-collapse: collapse;}

.tbl-1 td{padding:10px;border: 1px solid #999999;}
.tbl-2 td{padding:5px;border: 1px solid #999999;}
.tbl-1 .zahl{font-weight:bold}

.tbl-cms{font-size:0.84em;}
.tbl-cms td{padding:10px;}
.td-cms-titel{font-weight:bold;}

/*Sonstiges*/
.rot{color: #CC0000;}


/*Anker*/
.tbl-1 a{font-size:0.84em; padding-top: .5em;}
#content div a{font-weight:bold;}
#content-m div a{font-weight:bold;}


/*Listen*/
.ul-stern 	{list-style-type: none;font-size: .9em;margin-left: 2em;}
.ul-stern li	{background-image: url("../bilder/icons/stern_dot.gif");background-repeat: no-repeat;background-position: 0px 0px;padding-left:30px;}
ol {padding-left: 30px;font-weight: bold;}
ol li{padding-bottom:10px;}
.ol-normal{font-weight: normal;}


/*hr*/
#hr-ver {height: 1px;border-top: 1px solid #FFCC00;margin: 0 0 20px 0;padding: 0;border-right: 0 none;border-bottom: 0 none;border-left: 0 none;}


/*Input*/
form 					{padding-top: 20px;padding-bottom: 20px;}
textarea 				{width:25em;height:14em;}
fieldset 				{padding: 0em 1em 0.3em 0em;border: none;font-size: 0.84em;border:none}
fieldset div 			{clear: both;margin: 0.1em 0 0em;position: relative;}
label, fieldset div.cr p {margin: 0;padding-top:5px;display: block;width: 10em;text-align: right;float: left;color: #48525E;padding-right: 20px;}
textarea {font-size:1.2em;}

input[type=text]:focus, textarea:focus 	{background-color:#FBF7DB;}
input[type=checkbox] {margin-right:10px;}
input[type=radio]

/*Error*/
.div-error			    {margin:0 50px 20px 50px;background-color: #FFB966;font-size:0.85em;border: 1px solid #999}
.p-error				{text-align: left;padding: 10px 0 5px 25px;color: #990000;font-weight:bold;}
.ul-error				{margin:10px 0 10px 20px;}
.ul-error li			{font-size:0.8em;list-style-type: disc;padding-left: 5px;padding-bottom: 1px;}


/*Tabellen*/
#tbl-zauber		{background-image: url("../media/bilder/schweif/m_a_erzaehlt.gif");background-repeat: no-repeat;background-position: 300px 270px;}
#maerchen	{width:600px;height:550px;}