/* CSS Document

EasyPoint -  Die innovative 3D-Scandaten-Auswertung
http://www.easy-point.eu

Start: 09.06.2009
Letzte Aenderung: 30.07.2009; Sandra Kolbe

*/


/* RESET ------------------------------------------------------------------------------------------------- */


* {
margin: 0;
padding: 0;
border: none;
text-align: left;
}

img, a img {
border: none;
}

a:focus {
outline: none;
}

/* ------------------------------------------------------------------------------------------------------- */



body {
padding: 4px 0px 20px 0px;
font-family: sans-serif, Arial, Helvetica, sans-serif;
font-size: 11px;
background-image: url(../images/bg.jpg);
background-color: #555;
}

/*background: #555;*/

#wrapper {
padding: 2px 2px 2px 2px;
width: 915px;
margin:auto;
text-align:center;
border-style:solid;
border-width:1px;
border-color: #000;
background: #FFF;
}

#header {
width: 98%;
height: 110px;
text-align: right;
padding: 0px 2px 0px 0px;
margin-right: 10px;
background: #FFFFFF url(../images/grafik_header.gif) top left no-repeat;
}

#breadcrumb,
#navi,
#footer {
margin-left: 40px; /* Abstand nach links zum Rand */
}

#contentarea,
#newsarea,
.image_text_box {
margin-top: 35px;
}

/* BREADCRUMB ------------------------------------------------------------------------- */
#breadcrumb {
width: 875px;
height: 13px;
line-height: 13px;
}

#breadcrumb ul {
list-style-type: none;
}

#breadcrumb li {
float: left;
}

#breadcrumb a.first,
#breadcrumb a.first:hover {
padding-left: 0;
background: none;
}

#breadcrumb a {
padding: 0 9px;
text-decoration: none;
color: #777777;
background: url(../images/icon_breadcrumb_light.gif) center left no-repeat;
}

#breadcrumb a:hover,
#breadcrumb a.active {
padding: 0 9px;
color: #333333;
background: url(../images/icon_breadcrumb_dark.gif) center left no-repeat;
}

/* NAVIGATION ------------------------------------------------------------------------- */
/* NAVI RIGHT (Kontakt, Impressum,...) */
#navi {
position: relative;
width: 875px;
height: 17px;
font-size: 10px;
line-height: 13px;
border-bottom: 2px solid #333333;
}

#navi ul {
position: absolute;
top: 0;
right: 0 !important;
right: -1px;
list-style-type: none;
}

#navi li.first {
padding-left: 92px;
background: #333333 url(../images/grafik_navi.gif) top left no-repeat;
}

#navi li {
float: left;
padding: 3px 14px 1px 14px;
background: #333333 url(../images/navi_dash.gif) center left no-repeat;
}

#navi a,
#mainnavi a{
color: #FFFFFF;
text-decoration: none;
}

/* MAINNAVI - roter Balken (Home,...)  */
#mainnavi {
margin: 3px 0 0 40px;
width: 875px;
height: 22px;
line-height: 14px;
background: #eb0000;
}

#mainnavi ul {
list-style-type: none;
}

#mainnavi li {
float: left;
margin-right: -1px;
background: url(../images/navi_dash_2.gif) center right no-repeat;
}

#mainnavi li.last {
background: none;
}

#mainnavi li a {
display: block;
padding: 4px 19px 4px 9px;
width: auto !important;
width: 1px;
height: 14px;
white-space: nowrap;
}

#mainnavi li a:hover,
#mainnavi li a:active,
#mainnavi li a.active {
color: #eb0000;
background: #FFFFFF;
}


/* SUBNABI (Layermenue) -------------- */
#mainnavi ul li .subnavi {
position: relative;
margin: 0 0 0 -1px;
list-style-type: none;
}

#mainnavi ul li:hover ul {
left: auto; /* einblenden - funktioniert nicht bis IE 6 */
}

	/* LAYERMENÜ IE6 (einblenden mit JavaScript siehe layermenue_ie6.js) */
	#mainnavi ul li:hover ul,
	#mainnavi ul li.sfhover ul {
	left: auto;
	}
	/* -------------------------- */

#mainnavi ul li ul {
position: absolute;
z-index: 100;
top: 0;
left: -999em; /* ausblenden */
padding: 0 1px 0 0;
border-top: 1px solid #666666;
background: #FFFFFF;
}

#mainnavi ul li ul li {
float: none;
border-left: 1px solid #666666;
border-right: 1px solid #666666;
border-bottom: 1px solid #666666;
background: none;
}

#mainnavi ul li ul li a {
padding: 2px 19px 2px 9px;
height: 14px;
color: #333333;
}

#mainnavi ul li ul li a:hover,
#mainnavi ul li ul li a:active,
#mainnavi ul li ul li a.active {
padding: 2px 6px 2px 22px;
color: #eb0000;
background: #FFFFFF url(../images/icon_subnavi.gif) center left no-repeat;
}


/* CONTENTAREA ---------------------------------------------------------------------------------- */
#contentarea {
padding: 0 0 100px 42px;
float: left;
width: 648px;
height: auto !important;
min-height: 200px;
height: 200px;
}

#contentarea .bodytext,
#contentarea p,
#contentarea h1,
.image_text_box {
width: 415px;
}

#contentarea p {
margin: 0 0 10px 0;
line-height: 14px;
}

h1 {
margin: 10px 0 15px 0;
color: #eb0000;
font-size: 24px;
font-weight: normal;
line-height: 28px;
}

h2 {
margin: 0 30px 2px 0;
color: #333333;
font-size: 12px;
font-weight: bold;
line-height: 13px;
}

.txt-highlight {
color: #808080;
}

#contentarea ul {
margin: 0 0 12px 0;
list-style-type: none;
}

#contentarea ul li {
padding: 0 0 0 10px;
background: url(../images/dot.gif) top left no-repeat;
}

/* CONTENTBOX RIGHT ---- */
.contentbox_right {
float: right;
margin: 10px 40px 0 0 !important;
margin: 10px 20px 0 0;
width: 160px;
height: 100px;
}

.contentbox_right span {
display: block;
text-align: right;
}

.contentbox_right a {
color: #333333;
text-decoration: none;
}

/* IMAGE BOX (Icon & Bezeichnung, Bild) */
.image_box {
position: relative;
margin: 20px 10px 0 0;
width: 195px;
float: left;
}

.pdf-download,
.icon_datei {
display: block;
margin: 0 0 5px 0;
padding: 0 0 0 28px;
height: 25px;
font-size: 10px;
}

.pdf-download a ,
.icon_datei a {
color: #333333;
text-decoration: none;
}

.pdf-download a:hover ,
.icon_datei a:hover {
color: #333333;
text-decoration: underline;
}

.contentimage {
float: left;
width: 195px;
height: 145px;
overflow: hidden;
}

.icon_datei {
background: url(../images/icon_datei.gif) top left no-repeat;
}

.icon_neu {
z-index: 100;
position: absolute;
top: 15px;
right: -15px;
}


/* NEWSAREA ------------------------------------------------------------------------------------- */
#newsarea {
padding: 4px 0 4px 4px;
float: right;
width: 218px;
height: auto !important;
min-height: 100px;
height: 100px;
border-top: 2px solid #999999;
border-left: 2px solid #999999;
border-bottom: 2px solid #999999;
}

.head_news {
display: block;
padding: 5px 10px;
height: 13px;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
background: #999999;
}

.news {
padding: 13px 0 6px 9px;
border-bottom: 2px solid #999999;
}

.news.last {
border: none;
}

h3 {
margin: 0 30px 2px 0;
color: #333333;
font-size: 11px;
font-weight: bold;
line-height: 13px;
}

.news p {
margin: 0 40px 0 0;
color: #333333;
font-size: 11px;
line-height: 13px;
}

a.news_link {
margin: 0 0 0 150px;
color: #333333;
font-size: 9px;
text-decoration: none;
text-align: right;
}

/* FOOTER ---------------------------------------------------------------------- */
#footer {
clear: both;
margin-bottom: 20px;
}

#footer p {
font-size: 10px;
line-height: 12px;
}

#footer a {
color: #333333;
text-decoration: none;
}

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