/* CSS Document */
html,body 			{ width:958px; margin:0px; padding:0px; background-color: #FFF; }
td, body, div			{ color: #000; font-size: 12px; line-height: 18px; font-family: Helvetica, Arial, Verdana, sans-serif; text-decoration: none; vertical-align: top; border: 0px solid black; }
img					{ border: 0px; }

a 					{ text-decoration: none; color: #e9281a; }
a:hover 				{ text-decoration: none; color: #000; }

ul 					{ list-style-type: none; margin: 0px; padding: 0px; }
li 					{ }

form	 				{ padding:0; margin: 0;}


/* IDs */
#box01, #box02, #box03, #box04, #box05, #box06, #box07, #box08, #box09, #box10, #box11, #box12, #box13,
#box14, #box15, #box16, #box17, #box18, #box19, #box20, #box21, #box22, #box23
					{ position:absolute; border: 1px #000 solid; } 
#box01				{ width:  61px; height:  86px; left: 690px; top: 139px; }
#box02				{ width:  57px; height:  80px; left: 543px; top: 138px; }
#box03				{ width:  65px; height:  90px; left: 322px; top: 195px; }
#box04				{ width:  55px; height:  76px; left: 391px; top: 238px; }
#box05				{ width:  81px; height: 114px; left: 456px; top: 203px; }
#box06				{ width:  65px; height:  91px; left: 541px; top: 222px; }
#box07				{ width:  71px; height: 100px; left: 612px; top: 166px; }
#box08				{ width:  81px; height: 114px; left: 270px; top: 288px; }
#box09				{ width:  67px; height:  94px; left: 355px; top: 318px; }
#box10				{ width:  65px; height:  91px; left: 428px; top: 321px; }
#box11				{ width:  61px; height:  86px; left: 497px; top: 338px; }
#box12				{ width:  73px; height: 102px; left: 624px; top: 276px; } 
#box13				{ width:  57px; height:  80px; left: 562px; top: 316px; } 
#box14				{ width:  65px; height:  90px; left: 236px; top: 446px; } 
#box15				{ width:  81px; height: 114px; left: 305px; top: 418px; } 
#box16				{ width:  72px; height: 102px; left: 391px; top: 415px; } 
#box17				{ width:  63px; height:  89px; left: 467px; top: 455px; } 
#box18				{ width:  65px; height:  92px; left: 535px; top: 428px; }
#box19				{ width:  89px; height: 126px; left: 604px; top: 446px; } 
#box20				{ width:  59px; height:  81px; left: 269px; top: 541px; } 
#box21				{ width:  55px; height:  76px; left: 332px; top: 536px; } 
#box22				{ width:  57px; height:  79px; left: 392px; top: 522px; } 
#box23				{ width:  57px; height:  79px; left: 543px; top: 524px; } 
                                              
#logo, #kontakt, #blog, #profile, #projekt,
#term01, #term02, #term03, #term04, #term05, #term06, #term07, #term08, #term09, #term10, #term11, #term12,
#term13, #term14, #term15, #term16, #term17, #term18, #term19
					{ position:absolute; } 
#logo				{ left: 145px; top:  36px; }
#profile			{ left: 644px; top:  92px; }
#projekt			{ left: 745px; top:  83px; }
#blog				{ left: 789px; top: 107px; }
#kontakt			{ left: 773px; top: 204px; }

#term01				{ left:  54px; top: 163px; }
#term02				{ left:  65px; top: 213px; }
#term03				{ left:  14px; top: 290px; }
#term04				{ left:  76px; top: 331px; }
#term05				{ left:  62px; top: 437px; }
#term06				{ left:  66px; top: 595px; }
#term07				{ left:   6px; top: 617px; }
#term08				{ left:  90px; top: 662px; }
#term09				{ left: 262px; top: 642px; }
#term10				{ left: 621px; top: 621px; }
#term11				{ left: 718px; top: 673px; }
#term12				{ left: 758px; top: 589px; }
#term13				{ left: 859px; top: 471px; }
#term14				{ left: 758px; top: 428px; }
#term15				{ left: 906px; top: 418px; }
#term16				{ left: 750px; top: 382px; }
#term17				{ left: 854px; top: 202px; }
#term18				{ left: 790px; top: 168px; }
#term19				{ left: 827px; top: 138px; }

#video				{ position:absolute; left: 230px; top: 198px; width: 514px; height: 310px; border: 1px #adadad solid; padding-left: 3px; padding-top: 3px; }

#prev				{ position:absolute; left: 240px; top: 529px; }
#next				{ position:absolute; left: 646px; top: 529px; }

#prevText			{ position:absolute; left: 274px; top: 549px; }
#nextText			{ position:absolute; left: 630px; top: 479px; }
#prevText2			{ position:absolute; left: 274px; top: 519px; }
#nextText2			{ position:absolute; left: 630px; top: 549px; }

#projekt1			{ position:absolute; left: 245px; top: 155px; width: 490px; height: 487px; text-align: justify}
#projekt2			{ position:absolute; left: 245px; top: 145px; width: 490px; height: 487px; text-align: justify}

#kontaktProjekt		{ position:absolute; left: 524px; top: 180px; width: 200px; height: 487px; font-size: 11px; line-height: 14px; text-align: center; }
#kontaktText		{ position:absolute; left: 260px; top: 150px; width: 305px; height: 487px; font-size: 11px; line-height: 14px; text-align: left; }

#todo				{ position:absolute; left: 479px; top: 362px; font-size: 20px; }

#tagebuch			{ position:absolute; left: 235px; top: 145px; font-size: 20px; margin-right: 30px; }

/* Classes */
.logo 				{ padding: 5px; padding-bottom: 25px; }