/**
 * Style sheet xBasic
 * Copyright (C) 2005 Leo Feyer, licensed under LGPL
 */


html {
	background-image:url(../img/img_bg_html.jpg);
	background-repeat:repeat-x;
	background-position:top;
	}

/**
 * Body
 */
body 
{
	margin:0px;
	padding:0px;
	background-image:url(../img/img_bg_body.jpg);
	background-position:top center;
	background-repeat:no-repeat;
}


/**
 * Font family
 */
a, b, body, cite, div, em, i, label, li, ol, p, strong, td, th, u, ul
{
	font-family:"Trebuchet MS", Verdana, sans-serif;
}

h1, h2, h3, h4, h5, h6
{
	font-family:"Trebuchet MS", Verdana, sans-serif;
}

fieldset, form, input, optgroup, select, textarea
{
	font-family:"Trebuchet MS", Verdana, sans-serif;
}


/**
 * Font size
 */
a, body, div, fieldset, form, input, label, li, ol, optgroup, p, select, td, th, textarea, ul
{
	font-size:12px;
	color:#666966;
}

h1, h2, h3, h4, h5, h6
{
	font-weight:bold;
	color:#666966;
}


/**
 * Basic tags
 */
img
{
	border:0px;
}

p, pre, form
{
	margin:0px;
	padding:0px;
}

h1
{
	margin:4px 0px 6px 0px;
	padding:0px;
	font-weight:bold;
	text-transform:uppercase;
	font-size:22px;
}

h2
{
	margin:6px 0px 0px 0px;
	padding:0px;
	font-size:18px;
	color:#999999;
}

h3 {
	padding:0 0 0 3px;
	margin:0 0 18px 0;
	height:18px;
	width:197px;
	background-color:#666666;
	background-image:url(../img/img_balken_h3.jpg);
	text-transform:uppercase;
	}

h3 a {
	color:#FFFFFF;
	}
	
h3 a:hover {
	color:#0099ff;
	}

optgroup
{
	padding-top:3px;
	padding-bottom:3px;
	font-style:normal;
}


/**
 * Links
 */
a
{
	color:#0099ff;
	text-decoration:none;
}

a:hover
{
	text-decoration:underline;
}



/*  CSS III+  */

#footer {
	background-color:#666666;
	background-image:url(../img/img_bg_footer.jpg);
	background-repeat:repeat-x;
	width:100%;
	position:relative;
	bottom:0px;
	}

#footer p {
	color:#FFFFFF;
	}

#footer div.ce_colsetStart {
	width:900px;
	margin:5px auto;
	}
	
#footer div.subcl,
#footer div.subc,
#footer div.subcr {
	width:210px;
	height:200px;
	float:left;
}



#header {
	background-image:url(../img/img_bg_header.jpg);
	}

#logo {
	top:13px;
	left:20px;
	position:absolute;
	width:134px;
	height:66px;
	background-image:url(../img/img_logo_harapol.png);
	background-repeat:no-repeat;
	}

#main .inside {
	padding:50px 36px 36px 0px;
	min-height:350px;
	}
	
body.home #main .inside {
	padding:20px 36px 36px 0;
	min-height:350px;
	}

body.home #right .inside {
	padding:10px 0px 0px 0;
	}
	
body.home #left .inside {
	padding:23px 0px 0px 0;
	}
	
	
#right .inside {
	padding:43px 0px 0px 0;
	}
	
#left .inside {
	padding:60px 0px 0px 0;
	}

#left p {
	font-size:11px;
	color:#999;
}



/*  NEWS  */

div.mod_newslist h2 a {
	font-size:18px;
	text-transform:uppercase;
	font-weight:bold;
	color:#666966;
	padding-top:20px;
}

div.mod_newslist h2 {
	height:20px;
	padding-top:20px;
	background-image:url(../img/img_balken_news.jpg);
	background-repeat:no-repeat;
	background-position:top;
}

div.mod_newslist {
	margin-top:12px;
}

div.layout_short {
	margin-bottom:18px;
	}

/*  teaserboxen_startseite  */

#teaserboxen_startseite {
	width:435px;
	float:left;
	}

#teaserbild .image_container {
	width:200px;
	height:80px;
}

#teaserbild img {
	border-bottom:#0099ff 1px solid;
	margin:0;
	padding:0;
} 

#teaserbild img:hover {
	/*-moz-opacity:1;
	opacity:1;
	filter:alpha(opacity=100);*/
	-moz-opacity:0.8;
	opacity:0.8;
	filter:alpha(opacity=80);
} 


.ce_download {
	border-bottom:#CCCCCC 1px dotted;
	line-height:20px;
	}
	
.ce_download img {
	margin:2px 3px 0 0;
	float:left;
	}

.ce_download a {
	font-size:9px;
	}

/*  downloads  */

div.ce_downloads {

}

div.ce_downloads p {
	background-color:#efefef;
	font-size:12px;
	height:20px;
	line-height:20px;
	margin-bottom:3px;
	border-bottom:#CCCCCC 1px dotted;
	border-top:#CCCCCC 1px dotted;
}

div.ce_downloads p img {
	margin:2px 5px 0 0;
	float:left;
	}

h4 {
	font-size:15px;
	color:#999999;
	margin:5px 0;
	border-bottom:#CCC 1px dotted;
}

div.ce_accordion h4:hover {
	color:#333333;
	cursor:pointer;
}