/**********************/
/* boarder left/right */
/**********************/
/*
@media only screen and (min-width:800px){
	#body
	{
		font-family: Comic Sans MS,sans-serif;
		font-size: 12px;
		color: rgb(120,120,120);
		overflow: hidden;
		background-color: #ccc;
	}

	#left{
		position:absolute;
		top: 0px;
		left:50%;
		width:9px;
		height: 100%;
		margin-left:-400px;
		background-image: url("../images/left.png");
		background-color: 0; 
	}
	
	#mid{
		position:absolute;
		top: 0px;
		left:50%;
		width:800px;
		height: 100%;
		margin-left:-400px;
		background-color: #ffffff;
	}

	#right{
		position:absolute;
		top: 0px;
		right:50%;
		width:9px;
		height: 100%;
		margin-right:-400px; 
		background-image: url("../images/right.png");
		background-color: #e5e5e5;
	}
}

@media only screen and (max-width:800px)
{*/
	#body
	{
		font-family: Comic Sans MS,sans-serif;
		font-size: 12px;
		color: rgb(120,120,120);
		overflow: hidden;
		position:absolute;
		top: 0px;
		left:50%;
		width:800px;
		height: 100%;
		margin-left:-400px;
		background-color: #ccc;
		margin-top: 0px;
	}
/*}*/

/*************/
/* left part */
/*************/
	#left{
		width: 200px;
		left: 0px;
		top: 0px;
		bottom: 45px;
		position: absolute;
	}
	
	#leftTop{
		left:0px;
		position:absolute;
		height:100px;
		width:200px;
		background-color: #99ccff;
		}

	#leftBottom{
		left:0px;
		top:100px;
		position:absolute;
		width:200px;    /* #####mediasize*/
		height: 100%;
		background-image: url("../images/image.jpg");
		background-repeat: no-repeat;
		background-color: #99ccff;
	}


/*************/
/* left part */
/*************/
	#right{
		width: 600px;
		left: 200px; /* verhindert halbe Scrollbar bei Vollbild */
		top: 0px;
		bottom: 45px; /* see footer */
		position:absolute;
		background-color: white;
	}
	
	/* rightTop = MainMenu
	   rightBottom = Content */

/************	
  main menu 
 ************/
	#mainMenu{
		top: 0px;
		left: 0px;
		height:100px;
		width: 100%;
		position: absolute;
		background-color: white;
	}
	#button{
		width: 110px;
		height: 100px;
		background-color: rgb(51,102, 153);
		background-image: url("../images/separator.jpg");
		background-repeat: repeat-y;
		float: left;
	}
	#button:hover{
		background-color: #99ccff;
	}
	#button a {
		/* text-align: center;  */
		margin-left: 10px;
		line-height: 175px;
		text-decoration: none;
		font-size: 14px;
		color: white;
		display: block;
	}
	#button a:hover {
		color: black; 
	}
	
	#buttonFix{
		width: 110px;
		height: 100px;
		background-color: #99ccff;
		background-image: url("../images/separator.jpg");
		background-repeat: repeat-y;
		float: left;
	}
	#buttonFix a {
		/* text-align: center;  */
		margin-left: 10px;
		line-height: 175px;
		text-decoration: none;
		font-size: 14px;
		color: black;
		display: block;
	}

	#separator{
		width: 100px;
		height: 100px;
		background-color: black;
		background-image: url("../images/separator.jpg");
	}

/***********
   content
 ***********/	
	
	#content{
		top: 120px;
		bottom: 20px;
		position: absolute;
		background-color: #ddeeff;

		padding-top: 10px;
		padding-left: 30px;
		padding-right: 30px;
		overflow-x: hidden; 
		overflow-y: auto;
		
		/*font-size:18px;*/
		text-decoration: none;
		color: rgb(23,24,112);
	}
	#content p
	{
		font-size: 18px;
	}
	#r
	{
		font-size: 12px;
	}
	
/**********/
/* footer */
/**********/
	#footer	{
		left: 0px;
		bottom: 0px;
		height: 45px;
		width: 600px;
		position: absolute;
		
		background-color: white;
		
		padding-top: 20px;
		padding-left: 200px;
  
		font-size: 18px;
		font-weight: bold;
		text-decoration: none;
		color: rgb(23,24,112);
	}