@charset "UTF-8";
/**
	* CSS Include File für Karawane.de
	* (c) 2009 Thorsten Wüst
	* www.ziddex.de
 */

	@import url("karawane_primarix.css");
	@import url("karawane_inhalte.css");
	@import url("karawane_news.css");
	@import url("karawane_bildobjekte.css");

@media all
{
	
	* { margin:0; padding: 0 }
	
	
	
	
	
	body {
		color: #333333;
		font-size: 11px;
		font-family: Verdana, Helvetica, Arial, sans-serif;
		font-weight:normal;	  
	  	background-color:#010166;
	  	text-align: left;
	}
	
	#pageframe{
		width:960px;
		min-width:inherit; 
		border:0px solid red;
		max-width:none;
		margin: 0 auto;
		margin-left:20px;
		text-align:left;

	}
	
	#layermenu{
		background:url(../images/kachel-hauptnavi.gif) repeat-x; 
		padding-left: 0px;
		height:auto;
		width:960px;
		border:0px solid red;
		padding-top:1px;
		padding-bottom:0px;
	}
	
	
 	* html #layermenu{  
  		/* CSS-Hack für IE6 und kleiner */  
		background:url(../images/kachel-hauptnavi.gif) repeat-x; 
		padding-left: 0px;
		height:auto;
		width:940px;
		border:0px solid red;
		padding-top:3px;
		padding-bottom:3px;  
 	} 	

 	*+html #layermenu{  
  		/* CSS-Hack für IE7 */  
		background:url(../images/kachel-hauptnavi.gif) repeat-x; 
		padding-left: 0px;
		height:auto;
		width:960px;
		border:0px solid red;
		padding-top:3px;
		padding-bottom:3px;  
 	} 	
	
	
	/*Clearfix Methode for correct Floats - http://www.jassesnee.de/easyclear/*/
   	.clearfix:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden
	}
	
	/* (needed for Safari ) */
	.clearfix { display: block }
	
	#content{
		width:960px;
		padding:0;
		margin:0;
		border:0px solid red;
		background:#fff;
	}
	
	#linkerblock{
		float:left;
		border:0px solid red;
		width:220px;
	}
	
	#rechterblock{
		float:left;
		border-left:1px solid #ccc;
		width:670px;
	}
	
	#rechterblockdreier{
		float:left;
		border-left:1px solid #ccc;
		width:730px;
	}
	
	#innerblock{
		float:left;
		border:0px solid green;
		width:210px;
		margin-top:5px;
	}
	
	#rechterblockdreier #mitte{
		float:left;
		width:485px;
		border:0px solid red;
		
	}
	
	

	#prefooter{
		background:url(../images/runde-ecken-unten.gif) no-repeat top right;
		height:80px;
	}
	
	div.preisrechnerBox{
		width:200px;
		height:140px;
		border:1px solid #ccc;
		background:#f9f9f9;
		margin:0 0 10px 0;
	}
	
	.preisBoxOne{
		height:75px !important;
	}
	
	.preisBoxTwo{
		height:110px !important;
	}
	
	div.preisrechnerBox h1{
		margin:5px 0 0 0 !important;
		text-transform:uppercase;
		font-weight:bold !important;
	}	
	
	div.preisrechnerBox div.prButton{
		border: 1px solid #2ca003;
		margin:5px;

		
	}	
	
	div.preisrechnerBox div.prButton a{
		text-decoration:none !important;
		font-weight:bold !important;
		display:block;
		background:#ade4a4;
		padding:5px;
		width:178px;		
	}	
	
	div.preisrechnerBox div.prButton a:hover{
		font-weight:bold !important;
		text-decoration:none !important;
		display:block;
		background:#dbf0d8;		
	}	
	

}
