/*
===============================================
layout.css fuer pepa GmbH
===============================================
*/
body{
  	background:#ccccd5;
  	border:0px;
	padding:0px;
	margin:0px;
	scrollbar-base-color:#ccccd5;
}

#frame{
		width: 825px;
		min-height: 600px;
		align: center;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 10px;
		margin-top: 10px;
	}
	
* html #frame{
  height:600px;
}
/*Logo*/
#square_1{
	background:#ffffff;
	background-image:URL("../images/allover/logo.gif");
	width:190px;
	height:190px;
}

#content{
	float:left;
	width:415px;
	margin-left:-3px;
/*border: 1px solid #ff0000;*/
}


*html #content{
	margin:0px;
	width:410px;
	margin: 0px 0px 0px -10px;
}

#left, #right{
	float:left;
	width:205px;
	height:410px;
}

#right{
	width:205px;
	height:405px;
	margin-left:-10px;
	margin-top:0px;
}


#frame:after{ content:"clear"; clear:both; display:block; height:0; overflow:hidden; visibility:hidden; border:1px solid #ccccd5;}
.square_in{
	float:left;
	width:190px;
	height:190px;
	margin:5px;
	border: 1px solid #ffffff;
}

* html .square_in{
	margin-right:5px;
margin-top:5px;
}

.square{
	float:left;
	width:190px;
	height:190px;
	margin:5px;
	border: 1px solid #ffffff;
}


#FooterLine{
	/*clear:both;*/
	width: 815px;
	height: 5px;
	align: center;
	margin-top:-12px;
	margin-left: auto;
	margin-right: auto;
	padding:0px 15px 0px 10px;
}

.ContentPart{
	margin:5px;
	padding: 10px;
	width:373px;
	min-height:375px;
	background:#ffffff;
}

* html .ContentPart{
	margin:5px 11px 5px 10px;
	padding: 10px;
height:375px;
}

* html #square_6{
	width:190px;
}
* html #square_7{
	width:190px;
}

* html #square_10{
	width:190px;
}

* html #square_11{
	width:190px;
}

* html #square_8{
	width:190px;
}

* html #square_12{
	width:190px;
}