/*********************************************************************************
 *		Projekt:	hdh-soft.de		| Typo3
 *		Datei: 	../fileadmin/templ/hdh-soft/main/hdh-soft-main.css 
 *		Stand: 	08.01.2010		| 07:00
*********************************************************************************/

body {
	margin:0 0 0 120px;
	padding:0;
	font-size:12px;
	font-family:verdana,sans-serif;
	background:#EFEFE9 url(imgs/bgi_body.jpg) repeat-y top left;
}

td {
	font-size:12px;
}

h1, h2, p {
	margin:8px 0;
	font-size:12px;
}

a {color:#000000;}

#mainContainer {   
	width:885px;
}

/*** Header *************************************************************************/
#leftHeader {
	position:absolute;
	top:0;
	left:0;
	height:222px;
	width:120px;
	background: #0056EB url(imgs/bgi_leftHeader.jpg) no-repeat top left;
}
#middleHeader {
	height:222px;
	margin:0 0 0 151px;
	background:#0056EB url(imgs/bgi_middleHeader.jpg) no-repeat top left;
}
#rightHeader {
	position:absolute;
	top:0;
	left:861px;
	height:222px;
	width:141px;
        background-color:#E7E8E8;
        border-left:1px solid #B5B6BE;
	background:#0056EB url(imgs/bgi_hdh-soft-faceleft.jpg) no-repeat top left;
}
#logoHeader {
	position:absolute;
	top:0;
	left:121px;
	height:222px;
	width:149px;
        background-color:#FFFFFF;
}

#rightBox {
	float:right;
	margin:10px 10px 0 0;
	width:120px !important;
	width:110px;
	color:#A8A6A3;
}

/*** Statische Links *************************************************************/
#staticLinks span {
	display:block;
	margin:10px 0 0 2px;
}
#staticLinks a {
	display:block;
	font-size:10px;
	padding:5px 0 5px 24px;
	color: #94948F;
	text-decoration:none;
}   
#staticLinks a:hover {
	text-decoration:underline;
} 

#home {
	background:url(imgs/bgi_home.gif) no-repeat left;
}
#kontakt {
	background:url(imgs/bgi_kontakt.gif)   no-repeat left;
}
#sitemap {
	background:url(imgs/bgi_sitemap.gif)   no-repeat left;
}
#impressum {
	background:url(imgs/bgi_impressum.gif) no-repeat left;
}
#print {
	background:url(imgs/bgi_print.gif)     no-repeat left;
}

/*** Navigation **************************************************************************/
#navigation {
	float:left;  
	width:150px !important; 
	width:151px; 
	background:transparent; 
	margin:0 0 0 1px !important;
	margin:0 0 0 0px;
	border-bottom:1px solid #EBEBE4;
}
#navigation ul {
	margin:0 0 0 0;
	padding:0;
	list-style-type:none;
	border-top:1px solid #EBEBE4;
}
#navigation li {   	
	background-color:#CBCED0;
	margin:0 0 0 0 !important;
	margin:0 0 0 1px;
	border-left:1px solid #EBEBE4;
	border-bottom:1px solid #EBEBE4; 
        border-top:1px solid #CBCED0;	
}  
#navigation ul ul {
	margin: 0 1px -1px 1px !important;
	margin:0 1px -1px 1px;
	padding: 0 0px 2px;
	list-style-type:none;
	border-top:0px solid #FFFFFF;
}  
#navigation li li a {   
	padding: 4px 4px 4px 10px;
	font-weight:normal !important; 
} 
#navigation a {
	display:block;   
	font-weight:bold;
	padding:3px 0 3px 5px;
	text-decoration:none;
}
/*** Rootline *****************************************/
#rootline {
	position:absolute;
	margin:-37px 0 0 0 !important;
	margin:-38px 0 0 0;
	color:#FFFFFF;
	font-size:9px;
}
#rootline a {
	color:#FFFFFF;
	text-decoration:none;
	font-size:11px;
}

/*** 1. Ebene **************************************/
.nav_1 {
   background-color:#80C71F !important;
	color:#0440C5;
}
.nav_1_act {
   background-color:#80C71F !important;
	color:#0440C5;
} 
/*** 2. Ebene **************************************/
.nav_2 {
	font-size:11px;
	color: #000000 !important;
}
.nav_2 a {
	font-size:11px;
	color:#FFFFFF !important;
}
.nav_2_act {
	color: #0440C5 !important;
	font-size:12px;
	font-weight: bold;
	background:url(imgs/bullet_ro.gif) no-repeat right;	
}
/*** Navigation *** Ende ******************************************************/

/*** Content *****************************************************************/
#contentMain {
	width:565px !important;
	width:560px;
	margin: 0 30px -30px 155px !important;
	margin:0 30 0 0px;
	padding: 20px 10px 0px;
	line-height:16px;
	/* der Hack gegen den "The IE Three Pixel Text-Jog" im IE bei Floats 
		mehr Infos hier http://www.positioniseverything.net/explorer/threepxtest.html   
	*/
	height: auto !important;
	height: 1%;    
	/* Ende des "The IE Three Pixel Text-Jog" Hacks */
	background:url(imgs/bgi_mmpapier_75.gif);		
}
#contentNews {
	margin: 15px 0 -45px 0;
}
#contentNews p {
	padding:10px;
}
#contentNews h1 {
	padding:2px 0 2px 10px;
	color:#FFFFFF;
	background:#2B7700;
}    

#lastupdatet {
	width:560px;
	height:20px;
        padding:2px;
        font-size:10px;
        color: #444444;					
        font-family: sans-serif;
	border-top:1px solid #CBCED0;
        text-align: right;        
}

#copyright {
	width:560px;
	height:30px;
	margin:50px 0 0 0;
	padding-top: 15px;
	text-align:center;
	border-top:1px solid #CBCED0;
	background:url(imgs/bgi_logo-typo3-blackwhite.jpg) no-repeat right;
}
#copyright , #copyright a {
	color:#918F8F;
	font-size:9px;
}


/*** Bildtexte ****************** Stand: 26.10.2007 | Hildebrandt ****/
.csc-textpic-caption, p.news-single-imgcaption, p.csc-caption {
        margin:5px;
        font-size:9px;
        line-height:12px;
        color:#444444;
        font-family: Verdana, Geneva, Helvetica, sans-serif;
}

/*** TYPO3 Mailformular ********** Stand: 08.01.2010 | Hildebrandt ****/
.csc-mailform-field label {color:#369; display:block; font-size:0.8em; margin-top:1em;}
.csc-mailform-radio label {display:inline; margin-left:0.3em;}
.csc-mailform-radio legend {display:none;}
.csc-mailform-submit {margin-top:1em;}


/*** EOF *** ../fileadmin/templ/hdh-soft/main/hdh-soft-main.css *****************************/