/* Stylesheet  Asphaltberatung  */
/* ANGEL Internet Services GmbH */
/* ============================ */


body {
	width: 680px;
	font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
	font-weight: normal;
	line-height: 15px;
	font-size: 100.01%;
	color: #333;
	margin-left: 0px ;
	margin-right: 0px;
	background-color: white;
    background-image: url(/design/asphalt_1024x768.jpg) ;	
	overflow: visible ;	
	position: static;
}

* {margin:0; padding:0; border: 0; font-size: 1em; 	overflow: visible ;}


#pagelayout {
	margin: 0 ;
	padding: 0;
	width: 100%;
	height: 100%;
	overflow: visible ;	
	position: static;
}


#toolbar {
    display: none;
}

#pagewrapper  {
	background: none ;
}


#banner {
	clear: both;
	width: 710px;
	height: 50px;
	padding: 20px 0 0 15px;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
	border-right: 1px solid #666;
	font-size: 11px;
	color: #2a4e94;
	background-color: #eee;
}

#banner a, a:hover {
	text-decoration: none;
	color: #2a4e94;
}

#banner h1 {
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
	line-height: 16px;
	border: none;
}

#mainarea {
	width: 725px;
	height: auto;
	border-left: 1px solid #666;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666 ;
	overflow: visible;
}


#navigation {
	display: none; 
}


/* Content Bereich */
/* --------------- */

#content {	
	width: 620px;
	margin: 0;
	padding: 0 ;
	color: black;
	font-size: 12px;
	height: auto;
float: left;
overflow: visible;
}

#padder {
	padding: 35px 20px 20px 20px;
	overflow: visible ;
}


#content ul {
	margin: 5px;
	padding: 0;
	list-style-type: none;
}

#content li {
	margin: 0;
	padding: 0;
	font-size: 13px;
	text-indent: 15px;
	line-height: 25px;
	background: url(/design/bullet.gif) 0 7px no-repeat;
}


#block1, #block2, #block3, #block4 {
	float: left;
	width: 298px;
	height: 238px;		
}

#block1, #block3 {
	border-right: 1px solid white;
}

#block1 img, #block2 img, #block3 img, #block4 img {
	float: right;
	padding-bottom: 5px;
}

#block1 h1, #block2 h1, #block3 h1, #block4 h1 {
	float: left;
	width: 150px;
	color: black;
	border: none;
}

.blocktextwrap {
position: static;
	width: 100%;
	height: auto;
	padding-top: 15px;
	border-top: 1px solid #2954a7;
	overflow: visible ;
}

.fixedheight {
	height: auto; 
	overflow: visible ;
}


.blocktextwrap  a {
	float: right;
	width: auto;
	margin-left: 15px;
}

.wrapper {
	padding: 20px;
}

.leftcol {

	width: 100%;
	height: auto;
	overflow: visible;
}

.rightcol {
position: static;
	width: 620px;
	height: 216px;
}

.leftcol h1 {
	position: static ;
	width: 100%;
	color: black;
	border: none;
	margin: 0;
}
.leftcol img  {
	display: none;
}


.rightcol .bigimage {
	float:left; 
}

.rightcol  .thumbimgl {

	width: 140px;
	height: 90px;
}

.rightcol  .thumbimgr {

	width: 140px;
	height: 90px;
	padding: 0;
}

.thumbblockl {
position: absolute ;
top: 90px;
left: 340px;
	width: 140px;
	height: 110px;
	padding-right: 12px;		
}

.thumbblockr {
position: absolute ;
top: 90px;
left: 508px;
	width: 140px;
	height: 110px;
	padding: 0;
}


.thumbblockl2 {
position: absolute ;
top: 200px;
left: 340px;
	width: 140px;
	height: 110px;
	padding-right: 12px;		
}

.thumbblockr2 {
position: absolute ;
top: 200px;
left: 508px;
	width: 140px;
	height: 110px;
	padding: 0;
}


#big_picture {
float: left;	
	width: 293px;
	height: 216px;		
}


/* Allgemeine CSS Deklarationen */
/* ---------------------------- */

.clear {

	height: 1px;
	line-height: 1px;
	font-size: 1px;
	clear: both;
}
.error {
	color: #900;
	font-weight: bold;
}

h1 {
	font-size: 15px;
	line-height: 20px;
	color: #32569c;
	border-bottom: 1px solid #32569c;
	width: 480px;
	margin: 0 0 20px 0;
}

h2 {
	font-size: 15px;
	line-height: 20px;
	color: white ;
}

a {
	text-decoration: none;
	color: white;
}
a:hover { color: #2954a7; }


small {
	font-size: 0.9em;
}

#printpage {
	display: none;
}

#download  {
	display: none;	
}

input, textarea {

	font-size: 13px;
	font-family: Verdana, Arial, Helvetica,  sans-serif;
}


/*******************/
/*  Newsletter     */
/*******************/

#newsletter_include {
	position: absolute;
	bottom: 220px;
	left: 10px;
	width: auto;	
}

#newsletter_include  h4 {
	color: #2e539a;
}
/*******************/
/*  News Block     */
/*******************/
.newslist {
	float: left;
	margin: 0;
	height: auto;
	width: 100%;
}

.news {
	display:block;
	width:100%;
	margin: 15px 0 15px 0;
	clear: both;
}
.news p {
	position:relative;
	top:15px;
	left:10px;
}
.dateblock {
	float:left;
	text-align: left ;
	width: 80px;
	height: 15px;
	padding: 0 0 0 0;
	margin-right: 10px;
}
.day {
	font-size: 26px;
	position: relative;
	top: 3px;
}
.month {
	font-size: 12px;
	text-transform: uppercase;
}
.year {
	font-size: 12px;
	position: relative;
	top: 5px;
}


