/*
----------------------------------------
CSS Document 
www.elektro-eickholt.de - 22.02.2007 - Version 1.0

Text:					#333333
Hintergrund: 			#E0E0E0
Link normal:			#333333
Link hover:				#ED1B24
----------------------------------------
*/


/*   HTML-ELEMENTE   */

html, body{
/*   erzwungender Scrollbalken im FF, verhindert das Springen der Seite  */
height: 100.01%;
}

body{
font-family: Arial, Verdana, sans-serif;
text-align: center;
font-size: 0.625em;
line-height:1.5em;
color: #333;
background-color: #E0E0E0;
margin: 0px;
padding: 0px;
}

h1{
background:  url(../img/bg_h1.gif) repeat-x left bottom;
color:#555555;
font-size:1.6em;
font-weight:bold;
margin-top:0em;
margin-bottom: 0.8em;
padding-top:0em;
padding-bottom:0.3em;
}

h2{
color:#555555;
font-size:1.4em;
font-weight:bold;
margin-top:0em;
margin-bottom: 0.3em;
padding-top:0.5em;
padding-bottom:0em;
}

h3{
color:#555555;
font-size:1.1em;
font-weight:bold;
margin-top:0em;
margin-bottom: 0.3em;
padding-top:0.5em;
padding-bottom:0em;
}


H4 {
background:  url(../img/bg_h2.gif) repeat-x left bottom;
color: #ED1C24;
font-size:1.1em;
margin-top:0em;
margin-bottom: 0.5em;
padding-top:0em;
padding-bottom:0.3em;
text-transform:uppercase;
}

h5{
background:  url(../img/bg_h1.gif) repeat-x left bottom;
color: #555555;
font-size:1.1em;

margin-top:0em;
margin-bottom: 0.5em;
padding-top:0em;
padding-bottom:0.3em;
text-transform:uppercase;
}


h6{
color:#555555;
font-size:1.1em;
font-weight:bold;
margin-top:1.2em;
margin-bottom: 0.5em;
padding:0.1em 0.3em;
background-color:#EBEBEB;
}


p{
padding:0;
margin-top: 0em;
margin-bottom: 0.5em;
}

hr{
height: 0;
border-bottom: 1px solid #E0E0E0;
border-top: 0px;
}

form{
margin: 0px;
padding: 0px;
}

acronym, abbr{
border-bottom: none;
cursor: help;
background:  url(../img/bg_acronym.gif) repeat-x left bottom;
}


ul{
margin: 0.5em 17px;
padding: 0px;
list-style-type:square;
}

ol{
margin: 0.5em 27px;
padding: 0px;
}

li{
margin: 0px;
padding: 0px;
}

input, select, textarea {
font-size:1em;
color:#333333;
font-family: Arial, Verdana, sans-serif;
border: 1px solid #ACACAC; 
padding:2px; 
}

input:focus, select:focus, textarea:focus {
border: 1px solid #ED1B24; 
color: #ED1B24
}

table{font-size: 1em;} /* IE 5*/


/* links
---------------------------------------------------------- */

a{
color: #333;
font-weight: normal;
}

a:hover{
color: #ED1B24;
}

.linknormal{
font-weight: normal !important;
text-decoration: underline !important;
}

.teaser a, .teasercontent a, .newsitem a, .newsitemdetail a, #elemente a{
font-weight: bold;
text-decoration: none;
color: #555;
}

.teaser a:hover, .teasercontent a:hover, .newsitem a:hover, .newsitemdetail a:hover, #elemente a:hover{
color: #ED1B24;
}

#footer a{
text-decoration: none;
}

#footer a:hover{
color: #ED1B24;
}

a.drucken:link, a.drucken:hover, a.drucken:visited, a.drucken:active {
background:url(../img/i_drucken.gif) no-repeat left top;
padding-left: 18px;
color: #FFFFFF;
text-decoration:none;
text-transform:uppercase;
height:25px;
}


a.download:link, a.download:visited {
background:url(../img/i_download.gif) no-repeat 0% 50%;
padding: 0px 0px 0px 21px;
color: #333;
font-weight:bold;
text-decoration:none;
text-transform:uppercase;
}

a.download:hover, a.download:active {
background:url(../img/i_downloadaktiv.gif) no-repeat 0% 50%;
color: #ED1B24;
}

h6 a{
text-decoration: none;
font-weight: bold;}

/* metanavigation
---------------------------------------------------------- */
#metanavigation ul{
margin: 10px 21px;
padding: 0px;
}

#metanavigation li{
float: left;
margin: 0px;
padding: 2px 4px;
list-style: none;
}

#metanavigation a:link, #metanavigation  a:visited  {
border: 1px solid #FFFFFF;
color: #555555;
text-decoration:none;
text-transform:uppercase;
padding: 2px 3px
}

#metanavigation  a:hover, #metanavigation a:active {
border: 1px solid #ED1B24;
color: #ED1B24;
text-decoration:none;
text-transform:uppercase;
padding: 2px 3px
}

#metanavigation li.aktiv a{
border: 1px solid #ED1B24  !important;
color: #ED1B24 !important;
}

/* navigation
---------------------------------------------------------- */
#navigation ul{
margin: 0 15px 0 15px;
padding: 0 0 0 0;
}

#navigation ul li ul{
margin: 0px;
padding: 0px;
}

#navigation li{
margin: 0px  !important;
padding: 0px;
list-style: none;
}

#navigation ul li ul li{
margin: 0px  !important;
padding: 0px;
list-style: none;
}

#navigation a:link, #navigation a:visited{
background:#EBEBEB  url(../img/bg_navigation.gif) repeat-y 0% 50%;
display:block;
color: #555555;
text-decoration:none;
text-transform:uppercase;
margin: 0 0 5px 0;
padding: 2px 5px 2px 35px;
font-weight: bold;
font-size:1.1em;
border-top: 1px solid #FFFFFF;
border-bottom: 1px solid #9E9E9E;
}

#navigation  a:hover, #navigation a:active{
background:#EBEBEB  url(../img/bg_navigation_hover.gif) repeat-y 0% 50%;
display:block;
color: #ED1B24;
text-decoration:none;
text-transform:uppercase;
margin: 0 0 5px 0;
padding: 2px 5px 2px 35px;
font-weight: bold;
font-size:1.1em;
border-top: 1px solid #FFFFFF;
border-bottom: 1px solid #9E9E9E;
}


#navigation ul li ul li a:link, #navigation ul li ul li a:visited{
background:#FFFFFF  url(../img/bg_navigationebene02.gif) repeat-y 0% 50% !important;
display:block;
color: #333;
text-decoration:none;
text-transform:none;
margin: 0 0 5px 0;
padding: 2px 5px 2px 35px;
font-weight: normal;
font-size:1.1em;
border-top: 1px solid #FFFFFF;
border-bottom: 1px solid #9E9E9E;
}

#navigation ul li ul li  a:hover, #navigation ul li ul li a:active{
background:#FFFFFF  url(../img/bg_navigation_hoverebene02.gif) repeat-y 0% 50%  !important;
display:block;
color: #ED1B24 ;
text-decoration:none;
text-transform:none;
margin: 0 0 5px 0;
padding: 2px 5px 2px 35px;
font-weight: normal;
font-size:1.1em;
border-top: 1px solid #FFFFFF;
border-bottom: 1px solid #9E9E9E;
}

#navigation li.aktiv a{
background:#FFFFFF url(../img/bg_navigation_aktivebene01.gif) repeat-y 0% 50% !important;
color: #ED1B24 !important;
}

#navigation ul li ul li.aktiv a{
background:#FFFFFF url(../img/bg_navigation_aktiv.gif) repeat-y 0% 50% !important;
color: #ED1B24 !important;
font-weight: bold  !important;
}

/* page structure
---------------------------------------------------------- */
#wrap {
margin:auto;
text-align:left;
padding:0px;
width:980px;
}

#rahmen{
border: 15px solid #FFFFFF;
margin-top: 15px;
min-height: 1px; /* IE7 fix .clearfix */

}

#header{
background: #FFFFFF url(../img/bg_header.gif) repeat-y left top;
height:100px;
border-bottom: 15px solid #ACACAC;
padding-bottom:15px;
}

#suche{ 
float:left;
margin-top: 8px;
padding:0px 15px;
width: 225px; /* Breite IE5 */
voice-family: "\"}\"";
voice-family: inherit;
width:195px;
}

#metanavigation{
float:left;
width: 500px;
}

#logo{
float: right;
width: 225px;
padding-top:9px;
text-align:center;
}

#contentbereich01home{ 
/* Umfasst #navigationwrap, #keyvisual, #teaser*/
position:relative;
background-color:#ED1C24;
}

#contentbereich02home{
background: #FFFFFF url(../img/bg_content.gif) repeat-y left top;
min-height: 1px; /* IE7 fix .clearfix */
}

#spalte0102wrapfolge{
float: right;
width: 725px;
}

#navigationwrap{
position:absolute;
width: 225px;
top:0px;
left:0px;
z-index: 1;
}

#navigation{
background-color:#ACACAC;
padding-bottom:11px;
width: 225px;
}

#schnellsuchebg{
filter:alpha(opacity=50);
-moz-opacity:0.5;
opacity:0.5; 
background-color: #ACACAC;
margin-top:15px;
width:225px;
height:45px; /* notwendig zur Darstellung Transparenz im IE6 */ 
z-index: 2;
position:absolute;
top:11.5em;
left:0px;
}

#schnellsuche{
padding: 10px 15px;
margin-top:15px;
z-index: 3;
position:absolute;
top:11.5em;
left:0px;
}

#keyvisualhome{
width:725px;
float:left
}

#keyvisualhome img{
display:block;
}

#keyvisualfolge{
width:500px;
float:left
}

#keyvisualfolge img{
display:block;
}



#keyvisualwrap{
min-height: 1px; /* IE7 fix .clearfix */
}

#contentbereich01folge{
background-color:#ED1B24;
min-height: 1px; /* IE7 fix .clearfix */
}
#contentbereich02folge{
background: #FFFFFF url(../img/bg_contentfolge.gif) repeat-y left top;
min-height: 1px;
}

#contentbereich02folgegross{
background-color: #FFFFFF;
min-height: 1px;
}

#teaserwrap{
width: 225px;
float:right;
}

#spalte01home{
float:left;
margin-top: 14px;
width:225px
}

#spalte01folge{
float:left;
width:225px
}

#spalte02home, #spalte02folge{
float:left;
font-size: 1.2em;
line-height:1.5em;
padding: 25px;
width: 500px; /* Breite IE5 */
voice-family: "\"}\"";
voice-family: inherit;
width:450px;
}

#spalte02folgegross{
float:left;
font-size: 1.2em;
line-height:1.5em;
padding: 25px;
width: 725px; /* Breite IE5 */
voice-family: "\"}\"";
voice-family: inherit;
width:675px;
}

#spalte03home, #spalte03folge{
float:right;
margin-top: 14px;
width:225px}

#footer{
margin:15px 0;
}

#top{
color:#555555;
float: left;
padding-left: 250px;
text-transform:uppercase;
}

#impressum {
color:#555555;
float: right;
padding-right:15px;
text-transform:uppercase;
}

#drucken{
margin: 90px 15px 0px 15px;
}

/* Frormularelemente */

.suchfeld{
width:133px;
border: 1px solid #FFFFFF; 
padding:3px; 
margin:1px 0px;
text-transform:uppercase;
}

.button, .button:focus{
vertical-align: top;
border:none; /* Überschreibt allg. Eigenschaften für focus*/
padding:0px; /* Überschreibt allg. Eigenschaften für focus*/
}

.schnellsuche{
width:195px;
border: 1px solid #C2C2C2; 
font-size:1em !important;
padding:1px; 
margin:2px 0px;
text-transform:uppercase;
}

.login{
width:130px;
border: 1px solid #FFFFFF; 
padding:3px; 
vertical-align: top;
float:right;
margin-bottom: 1px;
}

.labellogin{
display:block;
float:left;
margin-top:3px;
}

form#kontakt label{
display:block;
float:left;
margin-top:3px;
width: 150px;
margin-bottom:0px;
font-weight: bold
}

form#kontakt br { 
clear: left; 
}

#kontakt input, #kontakt select, #kontakt textarea { 
display: block;
float: left;
margin-bottom: 0.75em;
margin-right: 10px;
}

.formmini{width:50px;}
.formklein{width:134px;}
.formnormal{width:200px;}
.formgross{width:250px;color: #333333;}

/* klassen
---------------------------------------------------------- */
.farbe01 {color:#ED1B24}
.farbe02 {color:#555}

.noborder{border: none !important;}
.noborderright{border-right: none !important}

.fontklein{font-size: 0.9em}

.vtop{vertical-align: top}

.bildlinks{
float:left;
margin-right:15px;
margin-top:0.5em;
margin-bottom:0.5em;
background-color:#E0E0E0;
padding:5px;
}

.bildrechts{
float:right;
margin-left:15px;
margin-top:0.5em;
margin-bottom:0.5em;
background-color:#E0E0E0;
padding:5px;
}

.teaser{
background-color: #FFFFFF;
color: #555555 !important;
font-size:1.1em;
padding:8px;
margin: 15px;
width: 195px; /* Breite IE5 */
voice-family: "\"}\"";
voice-family: inherit;
width:179px;
}

.leer{visibility:hidden}

.teasercontent{
color: #555555 !important;
font-size:1.1em;
line-height:1.5em;
margin: 15px 15px 0px 15px;
width: 195px; /* Breite IE5 */
voice-family: "\"}\"";
voice-family: inherit;
width:195px;
}

.rechts{float: right}

.links{float: left}

.loggedin{
float:none; 
color: #ED1C24;
margin-top: 35px;
padding:0px 25px;
}

.loggedin span{
background-color:#FEF2F2;
padding:2px 4px
}

/* seitenspezifische klassen
---------------------------------------------------------- */

#meldung{
background-color:#E0E0E0;
margin-bottom: 20px;
padding:5px 10px 1px 10px;
}

#elemente{
border-top:1px solid #E0E0E0;
margin-top: 1.5em;
padding:1em 0 0 0;
}

/* Sitemap */

ul.linkliste{
margin: 0 0 1em 0;
padding: 0px;
}

ul.linkliste li{
list-style: none;
padding-bottom:0.25em
}

ul.linkliste a:link, ul.linkliste a:visited{
text-decoration: none !important;
text-transform: uppercase !important;
background: url(../img/bg_linkliste.gif) no-repeat 0% 50%;
padding-left: 28px;
font-size:0.9em;
}

ul.linkliste a:hover, ul.linkliste a:active{
text-decoration: none !important;
text-transform: uppercase !important;
background: url(../img/bg_linklisteaktiv.gif) no-repeat 0% 50%;
padding-left: 28px;
font-size:0.9em;
}

ul.linkliste  ul{
margin: 0 0 0em 0  !important;
padding: 0px;
}

/* News */

.newsitem{
padding-bottom: 1em;
margin-bottom: 1em;
border-bottom: 1px solid #E0E0E0;
}

/* Suchergebnis */

#seitenoben{
padding:0.5em  0;
border-bottom:1px solid #E0E0E0;
border-top:1px solid #E0E0E0;}

p.seitebl{
margin-bottom: 0px !important}

.suchergebnis td{
padding: 15px 0;
border-bottom: 1px solid #E0E0E0;

}

.suchergebnis td img{
vertical-align:top;
margin-right: 4px;
}

.suchergebnis p {
margin-bottom: 0px !important;
padding-bottom: 0.5em;
}

p.relenvanz{
color:#999999;
margin-bottom: 0px !important;
padding-bottom: 0px !important;}

/* Kundenhomepage */

table.kunden{
margin-top:2em;
width:100%}

.kunden td{
padding: 10px 10px 5px 10px;
border-bottom: 1px solid #E0E0E0;
border-right: 1px solid #E0E0E0;
vertical-align:top;
}

.kunden th{
padding: 3px 10px 3px 10px;
background-color: #E0E0E0;
text-transform:uppercase;
font-weight:bold;
color:#555;
border-right: 1px solid #FFF;
text-align:left;
}

.tddownload{padding-top: 15px !important;}

#meldungkunde{
margin-bottom: 5px;
padding: 14px 0 6px 0}

/* Refernzen */

.refernzencontainer{
background-color:#E0E0E0;
padding:13px 0 0 13px;
margin: 10px 0 10px 0
}

.refernzencontainer img{
margin: 0px 10px 10px 0
}

.refernzencontainer a img {
border: 1px solid #E0E0E0;
}

.refernzencontainer a:hover img{
border: 1px solid #ED1B24;
}

/* Tabelle */
.tabelle td{
vertical-align:top;
padding-right:15px;
}



/* Fix fuer Floatcontainer */
.clearfix:after {
 content: ".";
 display: block;
height: 0;
 clear: both;
 visibility: hidden;
 }
.clearfix{display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */