/***********************************************************************
* CSS for suha.de
* Last modified: 2007-03-11
***********************************************************************/

/***********************************************************************
* Main definitions
***********************************************************************/
html, body {
	padding: 0px;
	margin: 0px;
	background-color: #FFFFFF;
}

#maincontainer {
  position:					absolute;
	width: 						100%;
	height: 					100%;
	background-image: url(../images/basic/head_bg.gif);
	background-repeat:repeat-x;
}
#contencontainer {
  position:					relative;
	width: 						800px;
	height: 					100%;
	margin: 					0px auto;
}

/***********************************************************************
* Header
***********************************************************************/
#logo {
  position:					relative;
	width: 						800px;
	height: 					51px;
	margin: 					0px auto;
	background-image: url(../images/basic/head_logo.jpg);
}

/***********************************************************************
* Teaser
***********************************************************************/
#teaserneuigkeiten {
  position:					relative;
	width: 						800px;
	height: 					129px;
	margin: 					0px auto;
	background-image: url(../images/basic/category_neuigkeiten.jpg);
}
#teaseruebermich {
  position:					relative;
	width: 						800px;
	height: 					129px;
	margin: 					0px auto;
	background-image: url(../images/basic/category_uebermich.jpg);
}
#teaserprojekte {
  position:					relative;
	width: 						800px;
	height: 					129px;
	margin: 					0px auto;
	background-image: url(../images/basic/category_projekte.jpg);
}
#teaserkontakt {
  position:					relative;
	width: 						800px;
	height: 					129px;
	margin: 					0px auto;
	background-image: url(../images/basic/category_kontakt.jpg);
}
#teaserimpressum {
  position:					relative;
	width: 						800px;
	height: 					129px;
	margin: 					0px auto;
	background-image: url(../images/basic/category_impressum.jpg);
}
#teaser404 {
  position:					relative;
	width: 						800px;
	height: 					129px;
	margin: 					0px auto;
	background-image: url(../images/basic/category_404.jpg);
}
#bigbar {
  position:					relative;
	width: 						800px;
	height: 					20px;
	margin: 					0px auto;
	background-image: url(../images/basic/blackline.gif);
}

/***********************************************************************
* Menu
***********************************************************************/
#menu {
  position:					absolute;
	width: 						800px;
	height: 					17px;
	top:							112px;
	left:							0px;
	font-family: 			Verdana, Arial, sans-serif;
	font-size: 				11px;
	color: 						#FFFFFF;
	text-decoration: 	none;
}

#menu table {
	border-spacing: 0px;
}

#menu td {
	height:						17px;	
	padding-left: 		10px;
	padding-right: 		10px;
	background-image: url(../images/basic/menu_bg_off.gif);	
}

#menu a {
	font-size: 				11px;
	color: 						#FFFFFF;
	text-decoration: 	none;
}

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

/***********************************************************************
* Content
***********************************************************************/
#content {
  position:					relative;
	width: 						800px;
	height: 					100%;
	margin: 					20px auto;
	font-family: 			Verdana, Arial, sans-serif;
	font-size: 				12px;
	color: 						#000000;
	text-decoration: 	none;
}
#content h1{
  font-family: 			Verdana, Arial, sans-serif;
	font-size: 				18px;
	color: 						#04A3FF;
	text-decoration: 	none;
	padding-top:			0px;
	margin-bottom:		5px;
}

#content h2{
  font-family: 			Verdana, Arial, sans-serif;
	font-size: 				14px;
	color: 						#04A3FF;
	text-decoration: 	none;
	padding-top:			5px;
	margin-bottom:		5px;
}
#content h3{
  font-family: 			Verdana, Arial, sans-serif;
	font-size: 				12px;
	font-weight:			bold;
	color: 						#000000;
	text-decoration: 	none;
}

#content a{
  font-family: 			Verdana, Arial, sans-serif;
	font-size: 				12px;
	color: 						#000000;
	text-decoration: 	underline;
}
#content a:hover{
	text-decoration: 	none;
}
#red {
	color:					 	#FF0000;
}
#datum {
	font-size: 				10px;
}

/***********************************************************************
* Footer
***********************************************************************/
#footer {
  position:					relative;
	width: 						800px;
	height:						15px;
	margin: 					20px auto 0px;
	font-family: 			Verdana, Arial, sans-serif;
	font-size: 				10px;
	color: 						#000000;
	text-align:				center;
	text-decoration: 	none;
}

#footer a {
	font-size: 				10px;
	color: 						#000000;
	text-decoration: 	none;
}

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

#smallbar {
  position:					relative;
	width: 						800px;
	height: 					5px;
	margin: 					0px auto;
	background-image: url(../images/basic/blackline.gif);
}