/*********************************************************************************/
/******************************* GLOBAL ******************************************/
/*********************************************************************************/
pre {font-size:12px}

h5 {color:red; font-weight:bold; text-align: left; font-size:16px;}
h10 {color:red; font-weight:bold; text-align:center; font-size:12px;}
h11 {color:green; font-weight:bold; text-align:center; font-size:12px;}

*{padding:0; margin:0;}

 body     {
	font-size:200%;
	background-color:white;
	font-family:verdana,arial,sans-serif;
}
.pagebox  {width:900px; margin:0px auto; margin-top:10px; margin-bottom:10px; font-size:10px;}

a:link {
	color:#000;
	text-decoration: underline;
}

/* ~~ Fr Formularfelder ~~ */
p.legend {
	color: white;
	background: #CC3300;
	border-bottom-width:2px;
	border: outset #CC3300;
	padding:0.1em 0.1em;
	font-weight:bold;
	position:relative;
	margin:2em 0 -1em 2em;
	width:20em;
}


fieldset {
	margin:0em 1em 0em 3em;
	width:32em;
	padding-top:1em;
	font-size:13px;
}
#data_input{
	background:#FFC;
	border:outset #FFC;
}

#data_input label{
	position:absolute;
	font-size:100%;
	padding-top:0.2em;
	padding-left:20px;
	white-space:pre;
}

input, select {
	margin-left:9em;
	margin-bottom:0.2em;
	line-height:1.4em;
	width:20em;
}

input#agb {
	margin-left:20em;
	width:2em;
}

input#admin_datei {
	margin-left:1em;
	width:30em;
	size:50em;
}




/* ~~ Ende Fr Formularfelder ~~ */


/**********************************************************************************/
/************************************ INDEX ***************************************/
/**********************************************************************************/


.index {font-size:80%; font-family:verdana,arial,sans-serif; width:600px; margin:60px auto;}

.index h1 {color:red; margin:0 0 0 0; padding:0 0 0 0; font-weight:bold; text-align:center; font-size:280%;}
.index h2 {color:black; font-weight:bold; text-align:center; font-size:200%;}

.index p  {
	clear:both;
	text-align:center;
	color:#C03;
	font-size:10px;
}

.index img {float:none; display:block; margin:0 auto; padding:1px; border:0px;}
.index img:hover {border:solid 3px black;}

.index a img       {float:none; display:block; margin:0 auto; padding:1px; border:0px;}
.index a:hover img {
	border:3px;
	font-size: 10px;
}

.index a          {font-weight:bold; text-decoration:none;} 
.index a:hover    {text-decoration:underline; color:#FF0000}


/**********************************************************************************/
/*******************************  HEADER LAYOUT ***********************************/
/**********************************************************************************/

.header        {width:900px; font-family:"trebuchet ms",arial,sans-serif;}
.header-top    {width:900px; height:20px; background:url(../img/header-top.jpg); overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.header-center {width:900px; height:159px; background:url(../img/header-center.jpg); overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.header-bottom {width:900px; height:40px; background:url(../img/header-bottom.jpg);}

/******************************** Header Navigation *******************************/

.hmainnav         {float:left; width:900px; border:none; color:#CC3300; font-size:120%;}
.hmainnav ul      {list-style-type:none;}
.hmainnav ul li   {
	float:right;
	position:relative;
	z-index:auto !important /*Non-IE6*/;
	z-index:1000 /*IE6*/;
	border-left:solid 1px white;
	color: #FFF;
	font-family: "trebuchet ms", arial, sans-serif;
}
.hmainnav ul li a {float:none !important /*Non-IE6*/; float:left /*IE-6*/; display:block; height:40.1px; line-height:40.1px; padding:0 16px 0 16px; text-decoration:none; font-weight:bold; color:#FFFFFF;}

/*Non-IE6 hovering*/
.hmainnav ul li:hover a       {background-color:green; text-decoration:underline; color:black;}
.hmainnav ul li:hover ul      {display:block; width:100px; position:absolute; z-index:999; top:30.0px; margin-top:1px; left:0;}
.hmainnav ul li:hover ul li a {display:block; width:100px; height:auto; line-height:13.0px; margin-left:-1px; padding:4px 16px 4px 16px; background-color:black; font-weight:normal; color:black;}

/*IE6 hovering*/
.hmainnav table          {position:absolute; top:0; left:0; border-collapse:collapse;}
.hmainnav ul li a:hover  {background-color:#D4D0C8; color: black;} 

/**************************************************************************************/
/*************************************  MAIN  LAYOUT **********************************/
/**************************************************************************************/

.main  {clear:both; width:900px; padding:0 0 0 0; margin:0 0 0 0; background:url(../img/main-back.jpg) top left repeat-y;}


.navigation {display:inline; /*Fix IE floating margin bug*/; float:left; width:145px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;background-color:#CC3300; color:#FF9900; margin:1.5px 0 0 4px;}
.content    {
	display:inline; /*Fix IE floating margin bug*/
	float:left;
	width:495px;
	margin:10px 0 0 30px;
	overflow:visible !important /*Firefox*/;
	overflow:hidden /*IE6*/;
	font-family: Verdana, Geneva, sans-serif;
}
.subcontent {display:inline; /*Fix IE floating margin bug*/; float:right; width:185px; margin:0 0 0 0; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}

.main img        {clear:both; float:left; margin:3px 10px 7px 0; padding:1px; }
.main img.center {clear:both; float:none; display:block; margin:10px; padding:1px; margin-bottom:20px;}
.main img.right  {clear:both; float:right; margin:3px 0 7px 10px; padding:1px; border:1px solid white;}
 
.bgpic {margin:0 0 0 0; background-image:url(../img/bgasklogo.jpg); background-repeat:no-repeat; background-position:center center; background-attachment:fixed;}
.bgpic_100 {margin:0 0 0 0; background-image:url(../img/100euro.jpg); background-repeat:no-repeat; background-position:center center; background-attachment:fixed;}
 
.main a          {color:blue; font-weight:bold; text-decoration:none;} 
.main a:hover    {
	color:#000;
	text-decoration:underline;
	text-align: center;
}

.main a img       {border:solid 1px black;}
.main a:hover img {border:solid 1px black;}

.onecol       {width:495px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.twocolleft   {float:left; width:250px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.twocolright  {float:right; width:247px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}


/**************************** NAVIGATION in Main and pagebox **************************/

.mainnav      {width:145px; border-bottom:groove 3px gray; border-top:solid 3px gray;}
.mainnav dt a {display:block; min-height:30px /*Non-IE6*/; height:auto !important; height:30px /*IE6*/; line-height:30px; padding:0px 10px 0px 20px;  border-top: solid 1px black; text-decoration:none; color:white; font-weight:bold; font-size:120%;}
.mainnav dd a {display:block; min-height:27px /*Non-IE6*/; height:auto !important; height:27px /*IE6*/; line-height:27px; padding:0px 10px 0px 40px; border:none; font-weight:normal; text-decoration:none; color:white; font-size:120%;}

.mainnav dt a:hover, .mainnav dd a:hover {background-color:#CCCCCC; color:#999999; text-decoration:none;}

/***************************** contne22 in Main and pagebox ******************************/

.contne2 h1.pagetitle {margin:0 0 4px 0; padding:0 0 2px 0; font-family:"trebuchet ms",arial,sans-serif; color: #00FF00; font-weight:bold; font-size:230%;}
.contne2 h1.block     {clear:both; margin:10px 0 0 0; padding:0 0 0 0; background:gray; font-family:"trebuchet ms",arial,sans-serif; color:white; font-weight:bold; font-size:200%; text-align:center;}
.contne2 h1.date      {clear:both; margin:0 0 0 0; font-family:"trebuchet ms",arial,sans-serif; color:#666666; font-weight:normal; font-size:100%;}
.contne2 h1 a         {color:black; font-weight:normal; text-decoration:none; font-family:trebuchet ms,arial,sans-serif;}
.contne2 h1           {clear:both; margin:10px 0 0 0; font-family:"trebuchet ms",arial,sans-serif; color:black; font-weight:normal; font-size:210%;}
.contne2 h2           {clear:both; margin:10px 0 0 0; font-family:"trebuchet ms",arial,sans-serif; color:black; font-weight:normal; font-size:170%;}
.contne2 h3.story     {clear:both; font-family:"trebuchet ms",arial,sans-serif; color:green; font-weight:bold; font-size:140%;} 
.contne2 h3           {clear:both; font-family:"trebuchet ms",arial,sans-serif; color:red; font-weight:bold; font-size:140%;} 

.contne2 ul      {margin: 10px 10px 10px 10px;}
.contne2 ul li   {padding: 10px 10px 10px 10px; text-align:center; }
.contne2 ul li a {font-size:200%; color:#000000;}

.contne2 p          {margin:0 0 0 0; line-height:15px; font-size:120%;}
.contne2 p.red	    {margin:0 0 0 0; line-height:15px; font-size:120%; color:red; text-align:center;}
.contne2 p.center   {text-align:center;}
.contne2 p.right    {text-align:right;}
.contne2 p.details  {clear:both; margin:0 0 0 0; line-height:10px; font-size:100%;}

.contne2 table            {clear:both; width:490px; margin:20px 0 10px 5px; border:1px solid #999999;}
.contne2 table.story      {clear:both; width:490px; margin:10px 0 10px 5px; border:none;}   
.contne2 table td.top     {height:40px; padding:0 0 0 0; text-align:center; color:black; font-weight:bold; font-size:12px;background-color:#CCCCCC;}
.contne2 table th         {height:30px; padding:0 0 0 0; text-align:center; color:gray; font-weight:bold; font-size:150%; background-color:#CCCCCC;}
.contne2 table th.one     {background-color:#FFFFFF}
.contne2 table td         {width:180px; height:30px; padding:0 0 0 0; font-weight:normal;text-align:center;}
.contne2 table td.story   {width:160px; padding:10px 10px 10px 10px; text-align:center; border:1px solid gray;}
.contne2 table td.story a {color:gray;}
.contne2 table td.details {width:250px; height:20px; text-align:left; margin-top:7px; font-size:110%;} 
.contne2 table td.bruck   {width:180px; height:30px; padding:0 0 0 0; font-weight:bolder;text-align:center; color:white; background-color:red;}
.contne2 table td.lostory {width:430px; padding:0 0 0 0; margin:0 0 0 0; font-weight:normal; text-align:left; color:black; border:1px solid blue;}
.contne2 table td.nobord  {width:430px; padding:5px 3px 3px 3px; margin:0 0 0 0; font-weight:normal; text-align:left; color:black; border:none;}
.contne2 table td.sidedt  {width:50px; padding:0 0 0 0; margin:0 0 0 0; font-weight:bold; color:red;}
.contne2 table td a {color:#000000}
.contne2 table td a:hover {color:#FF0000; text-decoration:underline}
.contne2 table th a {color:#FF0000}
.contne2 table th a:hover {color:#000000; text-decoration:underline}
.contne2 table th.one     {background-color:#FFFFFF; color:#000000; font-size:12px; font-weight:normal}
.contne2 table th.one a   {color:#000000; font-size:12px; font-weight:bold}
.contne2 table th.one a:hover {color:#FF0000; font-size:12px; font-weight:bold}
.contne2 table th.two     {background-color:#FFFFFF; color:#000000; font-size:12px; font-weight:normal} 
.contne2 table th.two a   {color:#FF0000; font-size:12px; font-weight:bold}
.contne2 table th.two a:hover {color:#000000; font-size:12px; font-weight:bold}

/***************************** CONTENT in Main and pagebox ******************************/

.content h1.pagetitle {margin:0 0 4px 0; padding:0 0 2px 0; font-family:"trebuchet ms",arial,sans-serif; color:black; font-weight:bold; font-size:230%;}
.content h1.block     {clear:both; margin:10px 0 0 0; padding:0 0 0 0; background:gray; font-family:"trebuchet ms",arial,sans-serif; color:#FFFFFF; font-weight:bold; font-size:200%; text-align:center;}
.content h1.date      {clear:both; margin:0 0 0 0; font-family:"trebuchet ms",arial,sans-serif; color:#666666; font-weight:normal; font-size:100%;}
.content h1 a         {color:black; font-weight:normal; text-decoration:none; font-family:trebuchet ms,arial,sans-serif;}
.content h1           {clear:both; margin:10px 0 0 0; font-family:"trebuchet ms",arial,sans-serif; color:black; font-weight:normal; font-size:210%;}
.content h2           {clear:both; margin:10px 0 0 0; font-family:"trebuchet ms",arial,sans-serif; color:black; font-weight:normal; font-size:170%;}
.content h3.story     {clear:both; font-family:"trebuchet ms",arial,sans-serif; color:green; font-weight:bold; font-size:140%;} 
.content h3           {clear:both; font-family:"trebuchet ms",arial,sans-serif; color:red; font-weight:bold; font-size:140%;} 

.content ul      {margin: 10px 10px 10px 10px;}
.content ul li   {padding: 10px 10px 10px 10px; text-align:center; }
.content ul li a {font-size:200%; color:#000000;}

.content p          {
	margin:0 0 0 0;
	line-height:15px;
	font-size:14px;
	font-family: "Courier New", Courier, monospace;
}
.content p.red	    {margin:0 0 0 0; line-height:15px; font-size:120%; color:black; text-align:center;}
.content p.center   {text-align:center;}
.content p.right    {text-align:right;}
.content p.details  {clear:both; margin:0 0 0 0; line-height:10px; font-size:100%;}

/*============================= Tabellen für Inhaltsbereich ===========================*/
.content table            {
	clear:both;
	width:490px;
	margin:10px 0 10px 5px;
	border:solid;
	font-weight: bold;
	font-size: 12px;
	color: gray;
}
.content table.story      {clear:both; width:490px; margin:10px 0 10px 5px; border:none;}   
.content table td.top     {height:40px; padding:0 0 0 0; text-align:center; color:#FFFFFF; font-weight:bold; font-size:12px;background-color:#CCCCCC;}
.content table th         {height:30px; padding:0 0 0 0; text-align:center; color:#FFFFFF; font-weight:bold; font-size:150%; background-color:#CCCCCC;}
.content table th.one     {background-color:#FFFFFF}
.content table td         {
	height:30px;
	padding:0 0 0 0;
	font-weight:bold;
	text-align:center;
	font-size: 12px;
	color: #333;
}
.content table td.story   {width:160px; padding:10px 10px 10px 10px; text-align:center; border:1px solid gray;}
.content table td.story a {color:gray;}
.content table td.details {width:250px; height:20px; text-align:left; margin-top:7px; font-size:110%;} 
.content table td.bruck   {width:180px; height:30px; padding:0 0 0 0; font-weight:bolder;text-align:center; color:white; background-color:red;}
.content table td.lostory {width:430px; padding:0 0 0 0; margin:0 0 0 0; font-weight:normal; text-align:left; color:black; border:1px solid gray;}
.content table td.nobord  {width:430px; padding:5px 3px 3px 3px; margin:0 0 0 0; font-weight:normal; text-align:left; color:black; border:none;}
.content table td.sidedt  {width:50px; padding:0 0 0 0; margin:0 0 0 0; font-weight:bold; color:black;}
.content table td a {color:#000000}
.content table td a:hover {color:#FF0000; text-decoration:underline}
.content table th a {color:#FF0000}
.content table th a:hover {color:#000000; text-decoration:underline}
.content table th.one     {background-color:#FFFFFF; color:#000000; font-size:12px; font-weight:normal}
.content table th.one a   {color:#000000; font-size:12px; font-weight:bold}
.content table th.one img {float:none; border:none}
.content table th.one a:hover {color:#FF0000; font-size:12px; font-weight:bold}
.content table th.two     {background-color:#FFFFFF; color:#000000; font-size:12px; font-weight:normal} 
.content table th.two a   {color:#FF0000; font-size:12px; font-weight:bold}
.content table th.two a:hover {color:#000000; font-size:12px; font-weight:bold}
.content table td.two     {background-color:#FFFFFF; color:#000000; font-size:12px; font-weight:normal} 
.content table td.two a   {color:#FF0000; font-size:12px; font-weight:bold}
.content table td.two a:hover {color:#000000; font-size:12px; font-weight:bold}
.content p.one img{float:none}
/********************************** CONTENT - Kontakte *********************************/

.kontakt {width:490px;} 

.kontakt-head {clear:both; width:490px; height:39px; background:url(../img/contactback.png) no-repeat; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/; margin:20px 0 0 0;}
.kontakt-panel {clear:both; width:490px; height:40px; background:url(../img/kontaktpanel.gif) no-repeat; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}

.kontakt-left   {float:left; width:160px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.kontakt-middle {float:left; width:120px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.kontakt-right  {float:right; width:200px; margin-bottom:30px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}

.kontakt h1 {margin:0 0 0 10px; padding:5px 5px 5px 5px; font-family:"trebuchet ms",arial,sans-serif; color:black; font-weight:bold; font-size:210%; text-align:center;}
.kontakt p  {margin:0 0 0 20px; padding:10px 10px 10px 0; font-family:"trebuchet ms",arial,sans-serif; color:black; font-weight:bold; font-size:140%; text-align:left;}

.kontakt a {color:#FF0000;}
.kontakt a:hover {color:#FF0000;}

/****************************** SUBCONTENT in Main and pagebox *************************/

.subcontent-unit-border {width:173px; margin:55px 5px 5px 0; padding:0 0 0 0; background:#CCCCCC;}

.round-border-topleft  {width:10px; height:10px; position:absolute; z-index:100; background:url(../img/topleft-corner.gif) no-repeat; margin-top:-1px; margin-left:-1px;}
.round-border-topright {width:10px; height:10px; position:absolute; z-index:100; background:url(../img/topright-corner.gif) no-repeat; margin-top:-1px; margin-left:164px;}

.subcontent h1       {clear:both; margin:0 0 0 0; padding:4px 10px 3px 10px; background-color:#666666; font-family:"trebuchet ms",arial,sans-serif; color:white; font-weight:bold; font-size:140%; text-align:center;}
.subcontent p        {clear:both; margin:0 0 0 0; color:black; line-height:8px; font-size:90%;}
.subcontent p.center {text-align:center;}
.subcontent p.right  {text-align:right;}

/*************************************************************************************/
/**********************************  FOOTER LAYOUT ***********************************/
/*************************************************************************************/

.footer      {clear:both; width:900px; padding:10px 0 10px 0; background:#CCCCCC; font-size:10px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/; border-top:6px ridge #999999;}

.round-footer-bottomleft  {width:15px; height:15px; position:absolute; z-index:100; background:url(../img/bottomleft-corner.gif) no-repeat;
margin-left: -2px; margin-top: 22px;
}
.round-footer-bottomright {width:15px; height:15px; position:absolute; z-index:100; background:url(../img/bottomright-corner.gif) no-repeat; margin-left: 886px; margin-top: 22px;
}

.footer p         {line-height:13px; text-align:center; color:black; font-weight:bold; font-size:110%;}
.footer p.credits {font-weight:normal;}
.footer a         {text-decoration:underline; color:blue;}
.footer a:hover   {text-decoration:none; color:black;}

/*************************************************************************************/
/******************************  CLEAR FLOATS  ***************************************/
/*************************************************************************************/

.pagebox:after, .header:after, .main:after, .navigation:after, .content:after, .content div:after, .subcontent:after, .index:after, kontakt:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.colone:after, .twocolleft:after, .twocolright:after, kontakt-left:after, kontakt-right:after, kontakt-middle:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.subcontent-unit-border:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.footer:after, p:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clear-contentunit {clear:both; margin-bottom:20px; width:490px; height:0.1em; border:none; background:gray; color:gray;}
.index a {
	color: #666666;
	font-size: 18px;
	height: auto;
	width: auto;
	left: auto;
	top: auto;
	right: auto;
	bottom: auto;
	clip: rect(auto,auto,auto,auto);
}
.pagebox .main .content .rot {
	font-weight: bold;
	font-size: 100%;
}
.pagebox .main .content .rot .pagetitle {
	font-size: 150%;
}