/* WWW.FK-WERKZEUGMASCHINEN.DE STYLES        */
/* coded by: Stephan Pfister - www.pfisti.de */
/* date: 01.03.2010                          */


/* Vorlage für den Standarttext */

html {height: 100.1%; font-size: 62.5%;}

body { font-family:Arial; font-size: 1.2em; line-height: 1.5em; text-align: center; 
background-attachment: fixed; background-image: url('bgr_blauverlauf.png');
background-repeat: x-repeat;
;}

/* Browser zurücksetzen */
* { color:black; margin: 0px; padding: 0px; border: 0px; font-family:Arial; font-size:10pt; } 

h1 { font-size:1.4em; font-family:Arial; }
h2 { font-size:1.3em; font-family:Arial; }
h3 { font-size:1.2em; font-family:Arial; }
h4 { font-size:1.0em; font-family:Arial; margin: 2% 0; }
h5 { font-size:0.9em; font-family: Arial; }
h6 { font-size:0.8em; font-family:Arial;  }

 
p {
    display: block;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}

ul {
	list-style: disc!important;
	padding-left: 5%;
}
 
 
a { font-size:1.0em; font-weight:bold; font-family:Arial;}

/* Vorlage für Standartlinks im Text */

a:link { color: red; text-decoration:none; font-weight:bold; font-family:Arial; }
a:visited { text-decoration:none; font-weight:bold; font-family:Arial; }
a:focus { text-decoration:none; font-weight:bold; font-family:Arial; }
a:hover { text-decoration:underline; font-weight:bold; font-family:Arial; }
a:active { color:gray; text-decoration:none; font-weight:bold; font-family:Arial; }

/** trennlinie{  } **/

div.line hr {display: none;}
div.line {
height: 1px;
background: blue;
margin: 10px 0px;
}
 
/** wrapper {} **/

div#wrapper {background-color: #FFFFFF; width: 760px; margin: 20px auto; padding: 0; 
text-align: left; border: 1px solid navy; }  
 
/** header{  } **/

div#header { height:126px; text-align: left; margin: 0em; padding: 0em; }
div#header h1 {font-size: 2.4em; color: navy;}

/**  linkbox navi neu { } **/

div#navi {margin: 0; margin-top: 0.2em; padding: 0; }

div#navi ul {margin: 0em; padding-left: 0.3em; padding-top: 0.6em; padding-bottom: 0.6em; text-align: left; 
border-bottom: 0.2em solid navy; border-top: 0.1em solid navy; background-image: url('bgr_navi.png') }

div#navi li {list-style: none; display: inline; margin: 0em; padding: 0em; border: no-border;}

div#navi a:link, a:visited { margin: 0em 0em; padding: 0.4em 0.4em; text-decoration: none; 
font-weight: bold; border: 0.1em solid white; border-left-color: gray; border-right-color: gray;
color: black; 
/* background-image: url('bgr_navi_over.png');*/
background-color: silver; 
}
div#navi a:hover, a:focus { padding-top: 0.6em; padding-bottom: 0.6em; text-decoration: none; 
font-weight: bold; border-left-color: silver; border-right-color: silver;
color: silver; background-color: white;
}

div#navi a:active { padding-top: 0.3em; padding-bottom: 0.7em;
position: relative; top: 0.2em;
text-decoration: none; font-weight: bold; border-bottom: 0px none; border-top-color: navy; border-left-color: navy; border-right-color: navy;
color: black; background-color: white; 
}


/**  linkbox angeb_auswahl { } **/

div#angeb_auswahl { float: left; width: 140px; margin: 0; padding: 0; border: 1px solid red; 
display: block;
}

div#angeb_auswahl ul { list-style: none;
}


div#angeb_auswahl li {color: black; 
border: 1px solid blue;
}

div#angeb_auswahl li a:link, a:visited { 
display: block;
text-decoration: underline; 
font-weight: bold; color: black; 
background-color: red; 

}

div#angeb_auswahl li a:hover, a:focus { 
/* padding-top: 0.6em; padding-bottom: 0.6em; */
display: block;
text-decoration: none; 
font-weight: bold; border-left-color: silver; border-right-color: silver;
color: silver; background-color: white;
}

div#angeb_auswahl a:active { 
/* padding-top: 0.3em; padding-bottom: 0.7em;
position: relative; top: 0.2em; */
text-decoration: none; font-weight: bold; border-bottom: 0px none; border-top-color: navy; border-left-color: navy; border-right-color: navy;
color: black; background-color: white; 
}

div#angeb_auswahl ul ul {background-color: red;
width: 132px;
}

/**{  }
  maintext{  } **/

div#maintext { padding:10px; background-image: url('bgr_zahnrad.jpg'); background-repeat: no-repeat; background-position:  
               center 200px ; background-attachment: fixed; }

/** wrapcontent {} **/

div#wrapcontent {text-align: left;}

/** eingerückter text{  } **/


.rot {color: red;}
.einruecken {position: relative; left: 20px;}
.blockquote {position: relative; left: 30px;}

/** zeitungsartikel{  } **/

.zeitung {
color: red;
background-color: #ffffff;
border-top: 1px solid black;
border-right: 3px solid black;
border-bottom: 3px solid black;
border-left: 1px solid black;
margin: 5px;
padding-top: 15px;
padding-right: 15px;
padding-left: 20px; 
padding-bottom: 15px;
}




/** footer{  } **/

div#footer { 
color: #444444;
text-align: center;
border-top: 1px solid #666666;
padding-top: 10px;
padding-bottom: 15px; }

div#footer li{
text-align: center;
display: inline;
color: #444444;
}


/** footerlinks {  } **/

 a.footer:link { color: #444444; font-size:0.9em; text-decoration: underline; font-weight:bold; font-family:Arial; }
 a.footer:visited { color: #444444; font-size:0.9em; text-decoration:none; font-weight:bold; font-family:Arial; }
 a.footer:hover, a.footer:active, a.footer:focus { color: gray; font-size:0.9em; text-decoration: underline; font-weight:bold; font-family:Arial; }