@charset "utf-8";
/* CSS Document for Handle Creativ Art Werbeagentur */
/*
	created by: Klaus Hoermann <klaus@3b-solutions.net>
	created for: Handle Creativ Art
	Client: Klimaboutique
	Description: main css file
	Copyright: (C) 3B-Solutions Klaus Hoermann 2009
*/

/********************************************************************/
/* HTML */

/* clear all margins and paddings to zero */
* {
	margin:0px;
	padding:0px;
}

/* html style */
html {
	height: 100%; 
	margin-bottom: 1px;	
}

/********************************************************************/
/* BODY */
body {
	font-size:12px;
	height:100%;
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	background-image:url(../img/background/logoBackground.png);
	background-position:top right;
	background-repeat:no-repeat;	
}

/* general link color */
a {
	color:#039;
}

/* general link color on hover */
a:hover {
	color:#039;
}


/********************************************************************/
/* CONTAINER */

/* containing container */
#container {
	width:830px;
	min-height:230px;
	margin:0px auto;	
}

/********************************************************************/
/* HEADER */

/* logo */
#logo {
	width:200px;
	height:120px;
	float:left;
}

/* menu */
#menu {
	width:630px;
	height:20px;
	float:left;
	position:relative;
	top:100px;
	left:25px;
}

#menu ul.topnav {
	list-style:none;
	float:left;
	width:630px;
}

#menu ul.topnav li {
	float:left;
	position:relative;
	margin-left:10px;
	height:20px;
	margin-right:10px;
	padding-left:5px;
	padding-right:5px;
}

#menu ul.topnav a {
	display:block;
	float:left;
	text-decoration:none;
	color:#666666;
}

#menu ul.topnav a:hover {
	color:#039;
}

#menu ul.topnav li ul.subnav {
	list-style:none;
	position:absolute;
	left:0px;
	top:20px;
	display:none;
	float:left;
	width:160px;
	background-color:white;
	padding-top:5px;
}

#menu ul.topnav li ul.subnav li {
	clear:both;
	width:160px;
	padding:0px;
}

#menu ul.topnav li ul.subnav li a {
	float:left;
	width:150px;
}

/* image */
#headerimage {
	width:830px;
	height:240px;
	float:left;
	margin-bottom:15px;
	z-index:-1000;
}

/********************************************************************/
/* CONTENT */

/* sidebar */
#sidebar {
	width:198px;
	min-height:180px;
	float:left;
	border:1px solid #CCC;
}

#sidebar p{
	padding-left:20px;
	padding-top:20px;
}

#sidebar a {
	text-decoration:none;
}

#sidebar a:hover {
	text-decoration:underline;
}

/* main */
#maincontent {
	width:615px;
	min-height:210px;
	float:left;
	padding-left:15px;	
}

#maincontent h1 {
	font-size:14px;
	margin-bottom:10px;
}

#maincontent p {
	margin-bottom:10px;
	text-align:justify;
}

#maincontent ul {
	padding-left:15px;
}

#maincontent a {
	text-decoration:none;
}

#maincontent a:hover {
	text-decoration:underline;
}

/********************************************************************/
/* VARIOUS */
.clearer {
	clear:both;
}