/* ----------------------------------------------------------------- Allgemeien Angaben ------------------------------------------ */
	body{
		margin:0px;
		padding:0px;
		background-color:#333333;
		width:100%;
	}

	/* Standardschrift */
	body, td {
		font-size:12px;
		font-family : Arial, sans-serif;
		line-height:16px;
	}
	td 	{
		vertical-align:top;
	}
	
	a {color:#ffffff; text-decoration:underline;}
	a:hover {color:#ffffff; text-decoration:underline;}
	
	img {border-style:none;}
	
	
	/* ------------------------------------------------------------------ Seiten Hauptelemente ------------------------------------------------- */
	
	/* Logo --------------------------------------------------- */
	#logo{
		width:773px;
		text-align:right;
		height:64px;
	}
	
	/* Navigation --------------------------------------------- */
	#navigation{
		color:#ffffff;
	}
	#navigation .navpoint{
		float:left;
	}
	
	/* Color definition for Main Menue Items.           */ 
	/* Depends on id-number of top-level-page           */
	#navigation .active_2{float:left;background-color:#ff0000;}
	#navigation .active_3{float:left;background-color:#0099cc;}
	#navigation .active_7{float:left;background-color:#138a62;}
	#navigation .active_9{float:left;background-color:#ff6633;}
	#navigation .active_10{float:left;background-color:#cc0066;}
	#navigation .active_13{float:left;background-color:#6666cc;}
	#navigation .active_18{float:left;background-color:#757575;}
	#navigation .active_19{float:left;background-color:#757575;}
	
	#navigation a {
		color:#ffffff; 
		text-decoration:none;
		padding-left:12px;
		padding-right:12px;
		line-height:18px;
	}
	#navigation a:hover {color:#ffffff; text-decoration:none;}
	
	
	
	#navigation .flags{
		float:left;
		margin-left:10px;
		width:114px;
	}
	#navigation .flags a{
		padding:0px;
		margin:0px;
	}
	#navigation .flags img{
		padding:0px;
		margin:0px 5px 0px 5px;
	}
	
	
	
	/* Seite (grauer Bereich) --------- */
	#seite {
		width:100%;
		background-color:#999999;
		padding-bottom:30px;
	}
	#seite #headerbild{
		padding-top:22px;
	}
	#seite h1{
		font-size:16px;
		line-height:25px;
		color:#003399;
		padding:0px;
		margin:0px;
		padding-left:30px;
		padding-top:10px;
	}
	#seite #spalten{
		width:945px;
	}
	#seite #spalten #spalte0{
		float:left;
		width:1px;
		height:520px;
	}
	#seite #spalten #spalte1{
		float:left;
		width:125px;
	}
	#seite #spalten #spalte1 .content{
		padding-left:30px;
	}
	#seite #spalten #spalte2{
		float:left;
		width:270px;
	}
	#seite #spalten #spalte2 .content{
		padding-left:10px;
	}
	#seite #spalten #spalte3{
		float:left;
		width:270px;
	}
	#seite #spalten #spalte3 .content{
		padding-left:10px;
	}
	#seite #spalten #spalte4{
		float:left;
		width:270px;
	}
	#seite #spalten #spalte4 .content{
		padding-left:10px;
	}
	
	
	
	.content p{
		margin:0px;
		padding:0px;
		/* margin-bottom:12px; */
	}
	.content h2{
		color:#003399;
		margin:0px;
		padding:0px;
		line-height:16px;
		font-size:12px;
		font-weight:normal;
		
	}
	.content ul{
		padding:0px;
		margin:0px;
		padding-left:15px;
		list-style-type:square;
	}
	
	
	/* Footer ------------*/
	#footer{
		width:945px;
		text-align:center;
		padding-top:8px;
		padding-bottom:8px;
	}
	#footer a{
		padding-left:8px;
		padding-right:8px;
		color:#999999;
		font-size:10px;
		line-height:20px;
	}
	
	/* intro */
	#intro{
		margin-top:50px;
		margin-left:212px;
	}
	
	/* -------------------------------------------- SONDERELEMENTE ---------------------------------------------------------------------------------
	
	/* Timetable ("Background" Page) */
	#timetable{
		position:relative;
		width:100%;
		height:412px;
		background-image:url(../images/krausweisert/timeline/background.gif);
		background-repeat:no-repeat;
		font-size:10px;
		line-height:14px;
	}
	#timetable img{
		float:left;
		margin-right:6px;
		margin-bottom:6px;
	}
	
	#timetable #block1{		position:absolute;	left: 19px;	top:263px;}
	#timetable #block2{		position:absolute;	left: 99px;	top:223px;}
	#timetable #block3{		position:absolute;	left:139px;	top:163px;}
	#timetable #block4{		position:absolute;	left:239px;	top:103px;}
	
	#timetable #block5{		position:absolute;	left:459px;	top:295px;}
	#timetable #block6{		position:absolute;	left:479px;	top:223px;}
	#timetable #block7{		position:absolute;	left:519px;	top:163px;}
	#timetable #block8{		position:absolute;	left:539px;	top:103px;}
	
	#timetable #block9{		position:absolute;	left:716px;	top:243px;}
	#timetable #block10{	position:absolute;	left:736px;	top:163px;}
	#timetable #block11{	position:absolute;	left:756px;	top:103px;}
	
	#timetable #pop1, 
	#timetable #pop2,
	#timetable #pop3,
	#timetable #pop4,
	#timetable #pop5,
	#timetable #pop6,
	#timetable #pop7,
	#timetable #pop8,
	#timetable #pop9,
	#timetable #pop10,
	#timetable #pop11
	{
		position:absolute;
		width:170px;
		background-color:#cccccc;
		padding:12px;
		padding-bottom:16px;
		z-index:100;
	}
	
	#timetable #pop1{ 	left: 96px; 	top:-140px; 	visibility:hidden;}
	#timetable #pop2{ 	left: 155px; 	top:-100px; 	visibility:hidden;}
	#timetable #pop3{ 	left: 62px; 	top:-60px; 		visibility:hidden;}
	#timetable #pop4{ 	left: 60px; 	top:-30px; 		visibility:hidden;}
	#timetable #pop5{ 	left: 84px; 	top:-140px; 	visibility:hidden;}
	#timetable #pop6{ 	left: 64px; 	top:-110px; 	visibility:hidden;}
	#timetable #pop7{ 	left: 62px; 	top:-90px;	 	visibility:hidden;}
	#timetable #pop8{ 	left: 65px; 	top:-80px; 		visibility:hidden;}
	#timetable #pop9{ 	left: -204px; 	top:-70px;	 	visibility:hidden;}
	#timetable #pop10{ 	left: -204px; 	top:-90px;	 	visibility:hidden;}
	#timetable #pop11{ 	left: -204px; 	top:-70px;	 	visibility:hidden;}