/*///////////////////////////////////////////////////////////////////
// 2009-02   | STERN+HUBER                                         //
// Project   | smd                                                 //
// Author    | Karsten Meyer                                       //                                                  
// Package   | master                                              //
///////////////////////////////////////////////////////////////////*/

/* # basics ########## */
HTML {
	margin:0;
	padding:0;
}
BODY {
	text-align: center;
	color: #4b4b4b;
	direction: ltr;
	font: 11px  Arial, Tahoma, sans-serif;
	margin:0;
	padding:0;
}

#container {
 position:relative;
	margin:60px auto;
	text-align: left;
	width:708px;
}

TABLE, TR, TD, TH {
	font: 11px  Arial, Tahoma, sans-serif;
	vertical-align:top;
	border-spacing: 0px;
	border-style: none;
	border-collapse: collapse;
	}

A:link,
A:active,
A:visited,
A:hover {
  color:#2e76b3;
  text-decoration:none;
}

A IMG,
IMG {
	border:0;
}

H1 {
	font:18px  "Times New Roman", Arial, sans-serif;
	font-weight:400;
  margin:0;
	padding-bottom:15px;
	color:#4ac1df;
}

H2,H3,H4,H5,H6 {
	font:16px  "Times New Roman", Arial, sans-serif;
	font-weight:400;
  margin:0;
	padding-bottom:0px;
	color:#4ac1df;
}

P	{
  padding:0 0 15px 0;
  margin:0;
  line-height:23px;
}

.clear {clear: both;
	height:0px;
	line-height:0;
	font-size:0px;}
 /* Clearing mit overflow */
.floatbox { overflow: hidden; }


/* # header area ############### */
#header {
  position:relative;
	width:708px;
	height:160px;
}

#logo {
  position:absolute;
  left:520px;
  top:0;
  width: 187px;
  height: 41px;
}
#spruch {
  position:absolute;
  left:0;
  top:279px;
  width: 115px;
  height: 63px;
  background: url(../img/denkenglaubenerleben.gif) no-repeat;
}

#pic1, #pic2, #pic3, #pic4, #pic5, #pic6, #pic7 {
  position:absolute;
  left:114px;
  top:41px;
  width: 187px;
  height: 104px;
}
#pic2 { left:316px; }
#pic3 { left:519px; }
#pic4 { top:160px; }
#pic5 { left:316px; top:160px; }
#pic6 { left:519px; top:160px; }
#pic7 { left:519px; top:279px; }


/* # main area ############### */
#main-home {
	padding:119px 0 0 114px;
}
#main {
	padding:0 0 0 114px;
}

#content {
  position:relative;
	width:363px;
	height:auto !important; /* real browsers */
	height:414px; /* IE6: treaded as min-height*/
	min-height:414px; /* real browsers */
	border:1px solid #8f9199;
	padding:18px 12px;
}

#main-home #content {
	height:auto !important; /* real browsers */
	height:295px; /* IE6: treaded as min-height*/
	min-height:295px; /* real browsers */
}

/* # navigation ############### */
#navigation {
  position:absolute;
  left:108px;
  top:16px;
	width:411px;
	height:24px;
  padding:0;
	color: #8e9194;
  font-size:14px;
  overflow:hidden;
}

#navigation A:link,
#navigation A:visited,
#navigation A:hover,
#navigation A:active {
  font-size:14px;
	text-decoration:none;
	color: #8e9194;
}

#navigation A:hover,
#navigation A.current:link,
#navigation A.current:visited {
	color: #f29005;
}


/* # content ############### */

/* # forms ############### */


/* # footer ############### */
#footer {
  position:relative;
	width:387px;
	margin:0 0 0 114px;
	padding-bottom:35px;
	text-align:right;
}
#footer A:link,
#footer A:active,
#footer A:visited,
#footer A:hover {
  color:#8e9194;
  font-size:9px;
  text-decoration:none;
}
/* # END ############### */