
* {
	color: #221E1F;
}

img {
/*padding: 0  0 0 16px;*/
}

body {
	/*background-color: #005A52;*/
	/*background-color: #50A69D;*/
	background-color: #FFFFFF;
	/*background: transparent url(i/bgmenue.gif) repeat;*/
	font-family: Arial, Helvetica, Geneva, sans-serif;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	width:98%;
}

div.clearer {
  clear: both;
  line-height: 0;
  height: 0;
  overflow:hidden;
}

#wrapper {
	text-align:left;
	width:900px;
	height:100%;
	background-color: #FFFFFF;
	/*bis 09.04.08 margin: 20px auto;*/
	margin: 10px;
	/*border: 3px double #333333;*/
	/*border: 3px double #307875;*/
}

#header {
	height: 134px;
	/*bis 16.04.08 border-bottom: 1px solid #006F78;*/
}

#logo {
	background-image: url(i/ecotech.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	width: 222px;
	/* bis 16.04.08 height: 115px;*/
	height: 100%;
	float: left;
	margin: 0px;
	padding: 0px;
}

#logo h1 {
	display: none;
}

#header-images {
	float: right;
	margin: 0px;
	padding: 5px;
	padding-right: 0px;
	top: 0px;
}

/*
#header-images img {
	border: 1px solid #333333;
}
*/

#header-flags-and-menue {
	position: relative; float: right; width: 675px;
}

#header-flags {
	position:relative; float: left; padding: 3px;
}

#headermenue {
	/*clear:both;*/
	/*margin-left: 274px;*/
	position:relative;
	width: 625px;
	float: right;
	clear:right;
	background-color: #006F78;
	padding-right:2px;
	padding-bottom:2px;
	padding-top:2px;
	text-align: right;
	
}

#footermenue {
	clear:both;
	text-align:right;
	padding: 4px 10px;
	font-size: 10px;
	color: #333333;
	/*border-top: 1px solid #333333;*/
}

#menue {
	position: absolute;
	left: 10px;
	width: 167px;
	height: 100%;
	overflow: hidden;
	/*background: transparent url(i/bgmenue.gif) repeat;*/
	/*bis 22.6.10: background-color: #E7F0F0;*/
	background-color: #DDEEEE;
	float: left;
	/***** bis 16.04.08
	border-right: 1px solid #006F78;
	border-left: 1px solid #006F78;
	border-bottom: 1px solid #006F78;
	******/
	/*height: 700px;*/
}

#content {
	color:#333;
	height:1%;
	margin-left:200px;
	padding-right:0px;
	/*text-align:justify;*/
	padding-top: 20px;
	padding-bottom: 5px;
}

#content.homepage {
	margin-left:274px;
}



#bildblock {
	width:362px; 
	text-align:right;
	float:right;
}

#bildblock img {
	border: 0;
}


#bildblock a {
	text-decoration: none;
}

#bildblock div {
	float: right;
	margin-left:3px;
	margin-bottom:3px;
	width:115px; 
	height:115px;
	/*bis 22.6.10: background-color:#E7F0F0;*/
	background-color: #DDEEEE;
}

#bildblock div p {
	font-size:14px; 
	/*top:40px; 
	margin-top:40px; */
	vertical-align:abs-middle; 
	text-align:center;
}


/*
#bildblock img {
	border: 1px solid #333333;
}
*/

sup{
	vertical-align:baseline;
	position:relative;
	top:-5px;
}

sub{
	vertical-align:baseline;
	position:relative;
	top:5px;
}

h1 {
font-size:150%;
margin-top:0px;
}

h2 {
font-size:140%;
margin-top:0px;
}

h3 {
font-size:130%;
margin:0px;
}

h4 {
font-size:120%;
margin-top:5px;
margin-bottom: 3px;
}

h5 {
font-size:110%;
margin-top:0px;
}

h6 {
font-size:101%;
margin-top:0px;
}

a { color:#006f78; }
a:link {
text-decoration:none;
}

a:visited {
text-decoration:none;
}

a:hover {
text-decoration:underline;
}

td { vertical-align: top; }


/************************************/
/* Header Menue                     */
/************************************/
#headermenue ul {
	list-style-type:none;
	margin: 0px;
	padding: 0px;
}
#headermenue li {
	display:inline;
	margin: 0px;
	padding: 0px;
}
#headermenue li a:hover {
/*
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
*/
	color: #FF0000;
}
#headermenue li a, #headermenue li a:link {
	text-decoration:none;
	color: #FFFFFF;
	margin: 0;
	padding: 0px 12px;
	/* bis 05.05.08: border: 1px solid #333333; */
	/* bis 03.04.08: background-color: #307875;*/
	background-color:#006F78;
}

#headermenue li a:visited {
	text-decoration:none;
	color: #FFFFFF;
}
#headermenue li a:hover {
	color: #FFFFFF;
	/* bis 03.04.08: background-color: #AA001D; */
	background-color: #B4272D;
}
#headermenue li a:active {
	text-decoration:none;
}
#headermenue li a.aktiv {
	color: #FFFFFF;
	background-color: #B4272D;
}


/************************************/
/* Left Menue                       */
/************************************/

#projekte, #produkte, #kontakt, #firmenprofil { display: none; }

.menuekopf {
	color:#FFFFFF;
	display:block;
	padding:5px;
	width:157px;
	/* bis 05.05.08: border-bottom: 1px solid #333333; */
    /*border-left: 1px solid #3D4A6A;*/
	/*border-right: 1px solid #333333;*/
	font-weight: bold;
	background-color: #006F78;
}

#menue ul {
	list-style-type:none;
	margin:0;
	padding:0;
}

#menue li {
	display:block;
}

#menue li a,#menue li a:link {
	color:#333333;
	display:block;
	padding:5px;
	text-decoration:none;
	width:157px;
	background-color: #F3F5FA;
	/*border-right: 1px solid #333333;*/
	/* bis 05.05.08: border-bottom: 1px solid #333333; */
}

#menue li a:visited {
	color:#333333;
}

#menue li a:hover,#menue li a:active,#menue li a:focus {
	color: #FFFFFF;
	background-color: #B4272D;
}

.menuekopf a {
	color:#FFFFFF;
	text-decoration:none;
}

/*.menuekopf a:hover { color:#B4272D; }*/


/************************************/
/* Content                          */
/************************************/

#content table {
	background-color: #DDEEEE;
	margin: 0;
	padding: 0;
	width: 60%;
	border: none;
}

#content table tr  {
	margin: 0;
	padding: 0;
}

#content table tr td {
	margin: 0;
	padding:5px;
}


.headingstyle {
	color:#333333;
	/*margin:0 0 2%;*/
	text-align:left;
}

.ecored { color:#B4272D !important; }

.ecoblack { color:#221e1f !important; }

.subheadline { font-weight:bold; border-bottom: solid 1px #CCCCCC; background-color: #DDEEEE; color: #b4272d; width:60%; }

.bghighl { background-color: #DDEEEE; }

#content h1 {
	margin-bottom: 15px;
}


#content a {
	text-decoration: none;
	color: #006F78;
}

#content a:link {
	text-decoration: none;
}

#content a:visited {
	text-decoration: none;
}

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

#content p {
	line-height:130%;
	margin-bottom:2%;
}

#content li {
	/*line-height:130%;*/
	margin: 0;
	padding: 0;
	margin-top:3px;
	
}

#content ul {
	margin: 0;
	padding:0px 5px 5px 15px;
	list-style-image:url(i/pfeil.gif);
	list-style-position:outside;
	padding-left:0px; 
	margin-left:18px;
}

#content .boxheadline {
	background-color: #DFDFDF;
	color: #B4272D;
	padding:5px;
	font-weight: bold;
	vertical-align: middle;
}

#content tr.boxheadline td { color: #B4272D; }


#content .img-right { padding:0px; padding-bottom: 10px; float:right; font-size:10px; width:258px; text-align:right; }
#content .img-right img { padding:0px; border: 0px solid #333333; }
#content .img-right br { clear:right; }
#content .img-right div { text-align:left; width:78%; float:right; }
#content .img-right .linebreaker { float:right; clear:right;height:12px; margin:0; overflow:hidden; padding:0; }

#content .img-left { padding-right: 15px; padding-bottom: 10px; float:left; }
#content .img-left img { border: 0px solid #333333; }

#content .home { padding-bottom:0px; margin-bottom: 0px;  }
#content ul.home { padding:0px 5px 0px 15px; line-height:100%; margin-top:5px; }
#content ul.home li { line-height:100%; margin-bottom:5px; }

/************************************/
/* Produkte Uebersichtsseiten		*/
/************************************/

#pu-col-1 { width:48%; float:left; padding-bottom:10px; }
#pu-col-2 { width:48%; float:right; padding-bottom:10px; }
.pu-textcolum { width:56%; float:left; padding-bottom: 15px; }
.pu-imagecolum { width:40%; float:right; text-align:right; padding-bottom: 15px; }

/************************************/
/* 3-spaltiges Layout
/************************************/
#content .pu-3col-col1 { width:280px; float:left; }
#content .pu-3col-col2 { width:220px; float:left; padding-left:10px; }
#content .pu-3col-col3 { width:135px; float:right; text-align:right; }

input.button { font-size:10px; } 

/************************************
* Formular Testgeraete
************************************/

form#form_testgeraete td { vertical-align:middle; }

a.tgeraet { width:48%; text-align:center; cursor:pointer; color: #FFFFFF; font-weight: bold; background-color:#DFDFDF; padding:5px; font-size:14px; margin:8px 0 8px 0; }
a.tglinks { float:left;}
a.tgrechts { float:right;}
a.tgeraet:hover { background-color: #B4272D; color: #FFFFFF !important; }

/************************************/
/* Footer                           */
/************************************/

#footermenue a, #footermenue a:link {
	text-decoration:none;
	color: #333333;
	padding: 2px;
	border: 1px solid #333333;
	margin-left: 2px;
}
#footermenue a:visited {
	text-decoration:none;
}
#footermenue a:hover {
	text-decoration:none;
	background-color: #666666;
	color: #CCCCCC;
}
#footermenue a:active {
	text-decoration:none;
}

#footermenue p {
	margin: 0px;
	padding: 0px 0px 0px 2px;
	float: left;
	color: #333333;
	letter-spacing: 4px;
}

/************************************/
/* Ende Footer                      */
/************************************/

.hinweis {
font-size:11px;
}

.ausrichtungrechts {
display:block;
margin:0;
padding:0;
text-align:right;
width:auto;
}

.rotundfett {
color:red;
font-weight:700;
margin-left:2px;
margin-right:2px;
}

.seitenlinks {
text-align:right;
}

.fett {
font-weight:700;
}

.mitte {
text-align:center;
}

.oben10px {
margin-top:10px;
}

.rahmenrechts {
border-right-color:#FFF;
border-right-style:solid;
border-right-width:1px;
margin:0;
padding:0;
}

.datum {
color:#336600;
font-weight:700;
letter-spacing:2px;
}

.ohnerahmen {
border:0;
}


