/************************************
 Adams Armaturen Herne
 main.css
 Basic Stylesheet
 last edited: 05.04.2007 MBH
 (c) 2007 Steuerung B - Bochum
*************************************/

/*****************************

- 1.0 Global definitions
- 2.0 Header Zone
 
- 3.0 Main Content Zone
   3.1 Main Navigation
   3.2 Language Switch
     
- 4.0 Footer

- 5.0 Content Styling

******************************/


/**********************************************
 -------      Global definitions        -------
 **********************************************/

body {	
	font-family:Arial, sans-serif;
 	font-size: 62.6% !important;  	
	color: #000000;
	background-color: #dddddd;
	margin: 0px;
	padding: 0px;
	height: 100%;
}

html>body {
 	font-size: 10px;
}

h1, h2, h3, h4, h5, h6, form {
	margin: 0;
	padding: 15px 0;
}

.csc-firstHeader {
	padding-top: 0px;
}

img {
	padding: 0px;
	margin: 0px;
	border: none;
}

h1 {
	font-size: 1em;
	color: #000000;
	font-weight: bold; 	
}

h2 { 
	font-size: 1em;
	color: #000000; 
	font-weight: bold; 
}

h3 { 
	font-size: 1em;
	color: #000000; 
	font-weight: bold; 
}

h4 { 
	font-size: 1em;
	color: #000000; 
	font-weight: bold; 
}

h5 { 
	font-size: 1em;
	color: #000000; 
	font-weight: bold; 
}


div.clearer {
	clear:both;
}


#mainbg {		
	width: 100%; 
	height: 101%;
	margin: 0px;
	padding: 0px;
	border: none;
	text-align: center;
	position: absolute; 
	left: 0px; 
	top: 0px; 
	z-index: 1; 	
}

#main {	
	position: relative;	
	z-index: 2;
	width: 980px;
	height: auto;
	min-height: 100%;
	margin-left: auto;
	margin-right: auto;	
	padding: 0px;
	border: none;
	text-align: left;
	background-color: #ffffff;
	
}

#main.homepage {
	background-image: url(../img/bg_zeichnung_start.gif);
	background-repeat: no-repeat;
}


#main.background {
	background-image: url(../img/bg_zeichnung_right.gif);
	background-position: right bottom;
	background-repeat: no-repeat;
}



/******************************************
 ----------                       ---------
 ----------        HEADER         ---------
 ----------                       ---------
 ******************************************/

#main #header {
	position: relative;
	top: 0px; 
	left: 0px;
	width: 980px;
	z-index: 40;
	margin-bottom: 20px;
	height: 201px;
	
}

#main #header-shade {
	position: relative;
	top: -44px; 
	left: 0px;
	width: 980px;
	height: 25px;
	background-image: url(/fileadmin/templates/img/schatten-trans.png);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

#main.homepage #header {
	height: 325px;
}

#main.lowheader #header {
	height: 118px;
}

#main #header #drawing {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 50;
	width: 980px;
	height: 198px;
	background-image: url(/fileadmin/templates/img/header_zeichnung_folgeseite.gif);
	background-repeat: no-repeat;
}

#main #header #drawing.nobg {
	background-image: none;
}

#main.homepage #header #drawing {
	display: none;
}

#main.lowheader #header #drawing {
	height: 115px;
	background-image: url(/fileadmin/templates/img/header_zeichnung_lowheader.gif);
	background-repeat: no-repeat;
}

#main.homepage #header img.header-color {
	height: 301px; 
	width: 980px;
}

#main #header img.header-color {
	height: 178px; 
	width: 980px;
}

#main.lowheader #header img.header-color {
	height: 94px;
	width: 980px;
}

#header-bar {
	position: absolute;
	left: 32px;
	width: 915px;
	height:20px;
	z-index: 60;
	background-color: #00a6ee;
	overflow: hidden;
}
#main #header #header-bar {
	top: 169px;
}
#main.homepage #header #header-bar {
	top: 292px;
}

#main.lowheader #header #header-bar {
	top: 85px;
}

#header #pagetitle {
	position: absolute;
	top: 143px;
	left: 185px;
	z-index: 150;	
}

#main.lowheader #header #pagetitle {	
	top: 59px;
}


#main.homepage #header #pagetitle {
	display: none;
}

#main #header-slogan {
	display: none;
}

#main.homepage #header #header-slogan {	
	position: absolute;	
	font-size: 2.2em;
	line-height: 1.8em;
	font-weight: 700;
	color: #ffffff;
	text-align: left;
	top: 130px;
	left: 73px;
	display: block;
}

#header-logo {
	position: absolute;
	top: 34px;
	left: 34px;
	height: 45px;
	width: 130px;
	z-index: 55;
}

#main.homepage #header-logo {
	width: 199px;
	height: 47px;
	
	overflow: hidden;
	text-indent: -9999px;

	background-image: url(../img/logo_adams_50Jahre.gif);
	background-position: left top;
	background-repeat: no-repeat;
}

#main #header #flashheader {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 205px;
	width: 980px;
	z-index: 120;
}

#main.homepage #header #flashheader {
	height: auto;
}

#main.lowheader #header #flashheader {
	height: 95px;
}


/**********************************************
 -------            Footer             -------
 **********************************************/
 
#main #footer	{	
	float: left;
	padding: 30px 0 30px 32px;
	width: 948px;
	background-color: #fff;	
	
}

#main #footer #footerbar {	
	height: 3px; 
	width: 915px;	
	background-color: #00a6ee;
	overflow: hidden;
}

#main.homepage #footer {
	display:none;
}


.footer-block-links,
.footer-block-rechts { 
	display:block;
	width:455px;
	margin: 1em 0 0 0;
	
	color:#707070;
	text-transform:uppercase;
	
}

.footer-block-links {
	float:left;
	text-align:left;
	
/* 	background-color:#878dc4; */
}

.footer-block-rechts {
	float:right;
	text-align:right;
	margin-right: 31px;
	
/* 	background-color:#11358c; */
}

#footertext a {
	color:#002551;
	text-decoration:none;
}

#footertext a:hover,
#footertext a:focus,
#footertext a:active {
	text-decoration:underline;
}

/**********************************************
 -------      Main-Navigation       -------
 **********************************************/

#navigation {
	float: left;
	padding-left: 50px;
	width: 160px;	
	color: #667c97; 
}
	

#mainmenu {
	font-size: 1.2em;		
}

#mainmenu ul {
	padding: 0px;
	margin: 0px;
	border: 0px;
	list-style: none;
}

#mainmenu ul li ul {
	padding-left: 15px;
}

#mainmenu ul li ul li ul {
	padding-left: 15px;
}

#mainmenu ul li a {
	color: #667c97;
	display: block;
	letter-spacing: 0.1em;
	padding-bottom: 4px;
	padding-left: 20px;
	text-decoration: none;
	text-transform: uppercase;
}

#mainmenu ul li a:hover,
#mainmenu ul li a:focus {
	color: #000000;
	text-decoration: underline;

}
#mainmenu ul li a.active_link{
	color: #00a6eb;
}

#mainmenu ul li a.current_link{
	color: #00a6eb;
}

#mainmenu ul li.spacer{
	line-height: 10px;
}

#mainmenu ul li ul li a.active_link{
	background-image: url(../img/active-link.gif);
	background-repeat: no-repeat;
	background-position: 0px center;
}

#mainmenu ul li ul li a.current_link{
	background-image: url(../img/active-link.gif);
	background-repeat: no-repeat;
	background-position: 0px center;
}

#mainmenu ul li ul li ul li a.current_link{
	background-image: url(../img/current-link.gif);
}

#mainmenu ul li ul li a {
	color: #002551;
	letter-spacing: 0px;
	text-transform: none;
}

#mainmenu ul li ul li a.active_link{
	color: #00a6eb;
	text-transform: none;
}

#mainmenu ul li ul li a.current_link{
	color: #00a6eb;
	text-transform: none;
}

/**********************************************

 -------        Language Swich        -------

 **********************************************/

#login {
	margin-top: 15px;
	margin-left: 20px;
}


#language-menu {
	margin-top: 25px;
	margin-left: 20px;
	font-size: 1.3em;
}

#language-menu form {
	margin: 0;
	padding: 0;
}

#language-menu fieldset {
	border: none;
	margin: 0;
	padding: 0;
}

#language-menu legend {
	position: absolute;
	left: -1000px;
	top: -1000px;
	width: 0px;
	height: 0px;
	overflow: hidden;
	display: block;
	font-size: 0px;
}

#language-menu fieldset select {
	background-color: #fff;
	color: #002551;
	border: 1px solid #bbb;
}


/******************************************
 ----------                       ---------
 ----------    CONTENT STYLING    ---------
 ----------                       ---------
 ******************************************/

#content {
	float: left;	
	width: 670px;
	margin-left: 70px;
	margin-right: 30px;
	font-size: 1.3em;
	line-height: 1.6em;
	
}


#content a {
	color: #00a6ee;
	text-decoration: underline;	

}

#content a:hover, #content a:focus {
	color: #002551;	
}


#content p {
	margin: 0;
	padding: 0 0 10px 0;
}

#content h1 {
	text-transform: uppercase;
	letter-spacing: 0.1em;
}

#contentsinglecolumn {
	float: left;	
	width: 670px;
}

#contentleftcolumn {
	float: left;
	width: 388px;	
}
#contentrightcolumn {
	float: left;	
	margin-left: 30px;
	width: 250px;
	vertical-align: top;	
}

.csc-textpic-caption {
	padding-top: 3px;
	font-size: 0.9em;
	font-style: italic;
	line-height: 1.2em;

}


/******************************************
 ----------                       ---------
 ----------     CONTACT FORM      ---------
 ----------                       ---------
 ******************************************/

#contactform fieldset {
	padding: 0 15px 10px 15px;
	border: 1px solid #ddd;
	margin-bottom: 20px;
}

#contactform .contactform { 
	padding-top: 10px;
}

#contactform fieldset label {
	padding: 4px 0 2px 0;
	line-height: 1.6em;
}

#contactform .form-item {
	margin-bottom: 8px;
}


#contactform  .submitbutton { 	
	margin-top: 10px;
	width:100px;
	border: 1px solid #cccccc;
	background: #eeeeee;
}



ul.csc-menu-2 {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

ul.csc-menu-2 li {
	float: left;
	width: 150px;
	padding-right: 10px;
}