@charset "utf-8";

/* Company: Euroweb Internet GmbH */

/*==================================================
    => import additional CSS
==================================================*/

    @import url("lightbox.css");
    @import url("ew_cms.css");
    @import url("clearfix.css");

/*==================================================
    => global tags
==================================================*/

* {
   padding:0;
   margin:0;
}

html{ background: #fff url(../images/html.jpg) repeat-x;}

body {
   margin: 0px;
   padding: 0px;
   color: #3e4a6a;
   vertical-align:baseline;
   font: 12px Arial, Helvetica, sans-serif;
   overflow: -moz-scrollbars-vertical;
   background: url(../images/body.jpg) no-repeat 0px 116px;
}

ol, ul, dl {
   list-style:none;
}

a, a:active, .escape span, a:visited {
   text-decoration: underline;
   color: #7a8cc3;
   /*white-space:nowrap;*/
}

a:hover, a:focus, a:hover span {
   color:#000;
   text-decoration:underline;
}

a {
   outline:none;/* disable dotted active-link borders */
}

p {
   margin: 0 0 15px 0px;
   line-height: 18px;
}

img, img a {
   border: none;
}

hr{
	border: 1px solid transparent;
	margin: 6px 0px 6px 0px;
	clear:both;
}	

html>body hr{
	border-top: 1px solid transparent;
	margin: 11px 0px 11px 0px;	
}

/*==================================================
    => global classes
==================================================*/

.clear {
   clear:left;
   float:none;
   height:0;
   line-height: 0.0em
}

.highlight {
   font-weight:bold;
	background: #fafafa url(../images/icon-get-more.png) no-repeat 3px center;
   border-bottom: solid 1px #e5e4e1;
   border-top: solid 1px #e5e4e1;
   padding: 0 0 0 20px;
}

.floatLeft {
   float: left;
}

.marginRight10px {
   margin: 0 10px 0 0;
}

.floatRight {
   float: right;
}

.blockShort {
   float:left;
   display:block;
   width: 30px;
}

.blockMiddle {
   float:left;
   display:block;
   width: 60px;
}

.blockLarge {
   float:left;
   display:block;
   width: 110px;
}

.blockLargeXXL {
   float:left;
   display:block;
   width: 250px;
}

.externerLink {
   background: url(../images/icon-external-link.gif) no-repeat right center;
   padding: 0px 20px 0px 0px;
}

.gototop {
   position:fixed;
   right:10px;
   bottom:10px;
   font-size:10px;
   text-decoration:none;
   background:url(../images/icon-top.png) no-repeat left center;
   padding: 0 0 0 15px;
   _display:none;
}

/*==================================================
    => container
==================================================*/

div#container {
   width: 959px;
   position:relative;
   text-align: left;
   padding: 0 0 0 36px;
}

/*==================================================
    => header  
==================================================*/

div#header {
	height: 384px;
   width: 959px;
}

/*------------------ =branding  ------------------*/

h1#branding {
   width: 367px;
   _width: 364px;
   height: 90px;
   background:url(../images/isp-scheffler-logo.gif) no-repeat 10px 25px;
   padding: 25px 0 0 0;
   float:left;
}

h1#branding a {
   text-indent:-9999px;
   width: 310px;
   height: 90px;
   display:block;
   text-decoration: none;
}


/*------------------ =slideshow  ------------------*/

div#slideshow {
	float:right;
   width: 592px;
   height: 212px;
}

div#slideshow p{
	padding: 30px;
}

body#currentLink1 div#slideshow p, body#m2 div#slideshow p, body#m3 div#slideshow p{display:none;}


/*==================================================
    => contentContainer  
==================================================*/

div#contentContainer {
}

/*------------------ =contentMain  ---------------*/

div#contentMain {
	width: 590px;
   float:left;
   text-align:justify;
   padding: 0 0 20px 0;
}

div#contentMain h2 {
   color: #a8362c;
   font: lighter 16px/22px Arial, Helvetica, sans-serif;
   margin: 0 0 15px 0;
}

div#contentMain h3 {
   color: #a8362c;
   font: lighter 16px/22px Arial, Helvetica, sans-serif;
   margin: 0 0 15px 0;
}

div#contentMain h4 {
   color: #831634;
   font: lighter 18px/22px Arial, Helvetica, sans-serif;
}

/* =imagesTypes */

.imagesType1 {
   border: 1px solid #b4b5bd;
   padding: 2px;
   background:#efefef url(../images/progress.gif) no-repeat center center;
   margin: 0px 15px 10px 0;
   cursor: url(../images/icon-zoomin.cur), pointer;
   outline: none;
}

.imagesType1:hover, a:hover img.imagesType1 {
   border: 2px solid #a8362c;
   padding: 1px;
}

.imagesType2, div.teamPic img {
   border: 1px solid #b4b5bd;
   padding: 2px;
   background:#efefef url(../images/icon-progress.gif) no-repeat center center;
   margin: 0px 10px 10px 0;
}

/* =imprint */

dl.imprintTypeOfBusiness, dl.imprintAddress{
	float:left;
   width: 49%;
   line-height: 20px;
   margin: 15px 0;
}

dl.imprintTypeOfBusiness dt, dl.imprintAddress dt{
	display: block;
   width: 120px;
   float:left;
   color: #999;
}

dl.imprintTypeOfBusiness dt{
   width: 130px;
}

dl.imprintTypeOfBusiness dd, dl.imprintAddress dd{
   clear:right;
}

#btnImprint{ display:none;}

div#news{
	width: 100%;
   min-height: 132px;
   overflow:hidden;
   border-top: dotted 1px #d0d0d2;
}


* html div#news{
	width: 100%;
   height: 132px;
   overflow:hidden;
   border-top: dotted 1px #d0d0d2;
}


div#news div.newsText{
	float:left;
   width: 395px;
   _width: 390px;
}

div#news div.newsPic{
	float:left;
   width: 195px;
}

div.teamName{
	float:left;
   width: 170px;
   padding: 0 0px 0 0;
   text-align:left;
}

div.teamName2{
	float:left;
   width: 170px;
   padding: 0 30px 0 0;
   text-align:left;
}

div.teamPic{
	float:left;
   width: 110px;
}

div#news span.newsDatum{
	float:right;
   color: #fff;
   display:block;
   width: 100px;
   height: 20px;
   line-height: 20px;
   text-align: center;
   background: #a8362c;
   font-size: 10px;
   text-transform:uppercase;
   }
   
div#news div.newsDatum{
   display:block;
   height: 20px;
   }

a#newsLesen{
	padding: 5px 0 5px 205px;
   display:block;
   background:url(../images/navigation-icon.gif) no-repeat 195px center;}

/*------------------ =contentSidebar  -------------*/

div#contentSidebar {
	width: 314px;
   float:left;
   height: 250px;
   padding: 0 53px 0 0;
   text-align:justify;
}

div#contentSidebar strong.blockMiddle{
	color: #999;
   font-weight:normal;}

/*==================================================
    => navigation    
==================================================*/

ul#navigation {
	height: 68px;
   width: 450px;
   background:url(../images/navigation.jpg) no-repeat 0 center;
   margin: 0 0 50px 367px;
}

ul#navigation ul {
   display:none;
   left:36px;
   margin:0;
   position:absolute;
   top:388px;
   width:226px;
}

ul#navigation li {
	float:left;
}

ul#navigation ul li {
	display:block;
   border-bottom: solid 1px #e6e4e4;
   padding: 1px 0;
}

ul#navigation li a {
   color: #fff;
   text-decoration: none;
   font-size: 21px;
   text-indent: -999em;
   display:block;
   height: 65px;
}

ul#navigation li ul li a {
	color: #7a8cc3;
   text-decoration: none;
   font-size: 11px;
   text-indent: 0;
   height: 25px;
   line-height: 25px;
   text-transform:uppercase;
   display:block;
   width: 211px;
   text-align:right;
   padding: 0 15px 0 0;
   background:url(../images/navigation-icon.gif) no-repeat 218px center;
}

ul#navigation li ul li a:hover {
	color: #272c42;
   width: 211px;
   padding: 0 15px 0 0;
   background: #e7e8ec url(../images/navigation-icon.gif) no-repeat 221px center;
}

body#m2 ul#navigation li.m2 ul {display:block;}
body#m3 ul#navigation li.m3 ul {display:block;}
body#m4 ul#navigation li.m4 ul {display:block;}

ul#navigation li a.m1 {width: 107px;}
ul#navigation li a.m2 {width: 80px;}
ul#navigation li a.m3 {width: 132px;}
ul#navigation li a.m4 {width: 125px;}

ul#navigation li a.m1:hover, body#m1 ul#navigation li a.m1 { background:url(../images/navigation.jpg) no-repeat -468px 20px;}
ul#navigation li a.m2:hover, body#m2 ul#navigation li a.m2 { background:url(../images/navigation.jpg) no-repeat -575px 20px;}
ul#navigation li a.m3:hover, body#m3 ul#navigation li a.m3 { background:url(../images/navigation.jpg) no-repeat -655px 20px;}
ul#navigation li a.m4:hover, body#m4 ul#navigation li a.m4 { background:url(../images/navigation.jpg) no-repeat -787px 20px;}

/*------------------ =navigationAdditional  -----*/

ul#navigationAdditional {
   width: 367px;
   display:block;
   float:left;
   height: 30px;
}

ul#navigationAdditional li {
	float:left;
}

ul#navigationAdditional li a {
	font-size: 11px;
   color:#7a8cc3;
   text-decoration: none;
   background: url(../images/navigation-icon.gif) no-repeat left center;
   padding: 0 15px 0 10px;
}

ul#navigationAdditional li a:hover {
	color: #a8362c;
}


/*==================================================
    => footer   
==================================================*/

div#footer {
 background: url(../images/footer.gif) no-repeat right top;
 font-size: 11px;
 height: 30px;
}

div#footer strong {	
	font-weight:normal;
   color:#8c8d91;
}

div#footer p {	
padding: 15px 0 0 0;
}

div#footer span.firmenname {	
	color:#a8362c;
}

/*==================================================
    => standarts   
==================================================*/

ul.error404 {
   margin: 0 0 20px 0;
   padding: 0;
   list-style: none;
}

ul.error404 li {
   padding: 5px 0 5px 25px;
   background:url(../images/icon-get-more.png) no-repeat left center;
   margin: 0 10px 0 0;
   line-height: 18px;
   list-style:none;
   _height: 20px;
}

ul.liste {
   margin: 0 0 20px 0;
   padding: 0;
   list-style: none;
}

ul.listeShort {
   margin: 0 0 20px 0;
   padding: 0;
   width: 400px;
   list-style: none;
}

ul.liste li {
   padding: 5px 0 5px 25px;
   border-bottom: dashed 1px #ccc;
   background: url(../images/list-icon.gif) no-repeat 5px center;
   margin: 0 10px 0 0;
   line-height: 18px;
   list-style:none;
   _height: 20px;
   text-align:left;
}

ul.liste li:hover {
   background: url(../images/list-icon.gif) no-repeat 8px center;
}