/* basics
==================== */

* {
	font-family: verdana, arial, helvetica, sans-serif;
    font-size: 11px;
	text-decoration: none;
    color: #666;
    background-color: transparent;
    }
    
a {	color: #666; }
a:hover { color: #444;  }

/* NEU 07 
==================== */
.portrait {
	float:right;
	left:242px;
	position:absolute;
	top:0px;
	}

.news1 {
	left:300px;
	position:absolute;
	top:30px
	}
.news2 {
	left:130px;
	position:absolute;
	top:60px;
	}
.news3 {
	left:323px;
	position:absolute;
	top:200px;
	}
.news4 {
	left:70px;
	position:absolute;
	top:330px;
	}

/* Containers
==================== */

#Container {
    width: 525px;
    margin-top: 2%;
	margin-left: auto;
	margin-right: auto;
    }

/* navigation for portfolio
====================
==================== */

/* slideshow is container for portfolio and other content
==================== */
#Slideshow {
    position: relative;
    height: 525px;
    width: 525px;
    margin: 0;
    background-image: url(img/rahmen.gif);
    background-repeat: no-repeat;
    }


/* navigation for portfolio
==================== */
#InhaltContainer {
	position: absolute;
	top: 5px;
	left: 5px;
    width: 514px;
    }

#LinkContainer {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10;
    /* filter:alpha(opacity:80); /* Specify opacity for IE */
    }

#CaptionContainer {
    position: absolute;
    left: 535px;
    z-index: 5;
	
    width: 200px;
    height:525px;

    background: bottom left url(img/mpd.gif) no-repeat;
    display:none; /* only visible in portfolio-mode */
    }

/* content of slideshow
==================== */
#Photo {
	position: absolute;
	top: 5px;
	left: 5px;
	z-index: 5;
}
#Loader {
	position: absolute;
	top: 5px;
	left: 5px;
	z-index: 5;
}

#Inhalt p, #Inhalt2 p {
    padding-top: 50px;
	color: #666;
}

#Inhalt2 p a {
}

 .start_slogan1 {
    margin: 185px 0 0 0;
    text-align: center;
   }
 .start_slogan2 {
    margin: -50px 0 0 0;
    word-spacing: 1px;
  	text-align: center;
    }

 .kontakt1 {
	left:90px;
	position:absolute;
	top:350px;
	}
	
 .kontakt2 {
	left:90px;
	position:absolute;
	top:365px;
	word-spacing:1px;
    }
 .kontakt2 a {
    }
    
.kundenliste {
    text-align: left;
	margin-left:280px;
    margin-top: -30px;
    line-height: 1.72;
    }
    
.captioninbox {
    margin-left: 43px;
    margin-top: 200px;
	padding: 5px 10px 10px 0;
}
    
#Inhalt a { background-color: transparent; }

#Caption{
    line-height: 225%;
    text-align: left;
    font-size: 0.8em;
    }
        
#Caption img {
    padding-top: 91px;
    }

#MenuContainer {
    width: 600px;
    margin-left: -26px;
    margin-top: 5px;
    }

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

    #MenuContainer ul li {
    display:block;
    width: 95px;
    float: left;

    text-align: center;
    }
    
#PrevLink, #NextLink {
	width: 45%;
	height: 100%;
	background: transparent url(img/c.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
}

#PrevLink span, #NextLink span { display: none; }

#PrevLink { left: 0; float: left; 
    /* background: url(img/prev_chevron.png) 20% 50% no-repeat;*/
     }
#NextLink { right: 0; float: right; 
    /* background: url(img/next_chevron.png) 80% 50% no-repeat;*/
    }

/* background image for IE */
#PrevLink:hover, #PrevLink:visited:hover { background: url(img/prev_plus.gif) 7% 50% no-repeat; }
#NextLink:hover, #NextLink:visited:hover { background: url(img/next_minus.gif) 93% 50% no-repeat; }


/* background image for compliant browsers */
#LinkContainer>#PrevLink:hover, #LinkContainer>#PrevLink:visited:hover { background: url(img/prev_chevron.png) 7% 50% no-repeat; }
#LinkContainer>#NextLink:hover, #LinkContainer>#NextLink:visited:hover { background: url(img/next_chevron.png) 93% 50% no-repeat; }