@charset "UTF-8";
/* CSS Document */

/* CSS Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* Ende CSS Reset */ 	
strong{
font-weight:bold;
}

.pointer{
	cursor:pointer;
}

html>/**/body, x:-moz-any-link, x:default { position:relative; left:-0.1px; }

body{
font-family:Arial, Helvetica, sans-serif;
font-size:12px; /*font-size:75%;*/
color:#2f4854;
background:url(../img/slice/background_main.png) 0 50% repeat-x;
line-height:17px;
letter-spacing:normal;
text-align:center;
}


p{
margin:17px 0;
}
h1,h2{
font-size:12px;
font-weight:bold;
margin:17px 0;
}

h1.tname{
	font-size:14px!important;
}

h3, h4, h5, h6{
font-size:12px;
font-weight:bold;
margin:17px 0;
}

strong, b{
	font-weight:bold;
}

hr{
	border:0 none;
border-bottom: solid 1px #d5cea0;
margin-top:0;
}
/* 93 = 12px / 108%   */

a.pdf{
	background:url(../img/slice/pdf-Icon.png) 0 -1px no-repeat;
	padding-left:20px;
	line-height:20px;
}

a, a:link{
color:#a6b7bf;
text-decoration:none;
}

strong a, b a, strong a:link, b a:link{
color:#2f4854;
font-weight:bold;
text-decoration:none;
}

a:hover{
color:#2f4854;
text-decoration:none;
}

strong a:hover, b a:hover {
color:#a6b7bf;
text-decoration:none;
}

a.active, a.active b, a.active strong {
color:#2f4854;
text-decoration:none;
}

.nomargin_top{
	margin-top:0!important;
}


.nomargin_left{
	margin-left:0!important;
}

.nomargin{
	margin:0!important;
}

a img{
	border:0 none!important;
}

.bold{
	font-weight:bold!important;
}


/* --- SLICE SITE --------------------------------------------------------------------------------------------------------------------------------------------------- */



/* <![CDATA[ */


            html, body {
                height: 100%;                                                                 
                margin: 0;                                                                     
                padding: 0;                                                                     
				text-align:center;
            }


            div#shim {
				float: left;
				margin-top: -275px;    
                visibility: hidden;
                width: 100%;
                height: 50%;                                                                    
                                                                         
                
            }


            div#center {

                width:832px;
				height:550px;  /* + 30 Pixel Reserve unten für die Navigation */
				margin:0 auto;
				text-align:left;
				/*background:#993399;*/
                clear: both;
				margin:0 auto;

                /*
                 *
                 * Issue: IE4 doesn't allow a negative margin-top.
                 *
                 * This code positions blueBox relatively and uses the IE4ever hack (<http://exanimo.com/css/ie4ever>) to overwrite the rule for other browsers.
                 * The content will be centered but will crop if the window is not small enough to accommodate it.
                 *
                 */
                position: relative;
                top: -275px;
                /* IE4ever Hack: Hide from IE4 **/
                    position: static;
                /** end hack */

            }

            /* Hide from IE5mac \*//*/
                div#shim {
                    display: none;
                }
                html, body {
                    height: auto;
                }
            /* end hack */


		/* ]]> */







/* --- end SLICE SITE --------------------------------------------------------------------------------------------------------------------------------------------------- */

#center{
	background:url(../img/slice/background_content.png) no-repeat 0 52px;
}

.intro{
	background:url(../img/slice/background_intro.png) no-repeat 0 52px!important;
}

#main{
	width:802px;
	height:550px;
	margin-left:15px;
}

#intro{
	width:802px;
	height:400px;
	margin-left:15px;
}

#navigation{
	height:67px;
	width:802px;
}

#nav_main{
	float:left;
	margin-top:12px;
	width:401px;
	height:53px;
	font-size:14px;
	
}



#nav_main ul li{
	float:left;
}

li.l1{ width:70px;}
li.l2{ width:69px;}
li.l3{ width:101px;}
li.l4{ width:63px;}
li.l5{ width:63px;}



#nav_main ul li a{
	display:block;
	color:#c7be80;
}

#nav_main ul li a.first{
}

#nav_main ul li a:hover, #nav_main ul li a.active{
	color:#FFFFFF;
	font-weight:bold;
}

ul.subnavi li a:hover, ul.subnavi li a.active{
	color:#FFFFFF;
	font-weight:normal!important;
}

ul.subnavi li{
	color:#ffffff;
	font-size:14px;
}

ul.subnavi{
	margin-top:3px;
}


#nav_side{
	float:right;
	margin-top:14px;
	width:401px;
	height:51px;
	text-align:right;
	font-size:12px;
	letter-spacing:0.15px;
	
}

#nav_side ul{
	float:right;
	margin:0 auto;
	height:14px!important;
	line-height:10px;
}

#nav_side ul li{
	float:left;
}

#nav_side ul li a{
	display:block;
	padding:0 8px;
	color:#c7be80;
	border-left:solid 1px #c7be80;
}

#nav_side ul li a.first{
	border-left:0 none;
}
#nav_side ul li a.last{
	padding:0 0 0 9px;
}

#nav_side ul li a:hover, #nav_side ul li a.active{
	color:#FFFFFF;
	font-weight:normal;
}

#bottom_content{
	background:#fff;
	width:802px;
	height:471px;
}

#intro #bottom_content{
	background:#fff;
	width:802px;
	height:427px!important;
	cursor:pointer;
}


#lefter{
	float:left;
	width:203px;
	height:471px;
	background:url(../img/slice/lefter_logo.png) no-repeat;
	
}

#lefter_top{
	height:300px;
	width:180px;
	margin-left:5px;
	margin-top:39px;
	
}

.teamn{
	margin-top:36px!important;
	
}

#lefter_top h1{
	color:#2f4854;
	font-size:20px;
	line-height:30px;
	letter-spacing:0.25px;
	text-align:right;
	font-weight:normal;
	margin-top:0!important;
	
}


#lefter_bottom{
	height:40px;
	width:180px;
	margin-left:6px;
	margin-top:81px;
	text-align:right;
	
}

#lefter_bottom span{
	color:#2f4854;
	font-size:11px;
	line-height:15px;
	letter-spacing:1.3px;
	
	font-weight:normal;
	
}





#righter{
	float:right;
	width:599px;
	height:471px;
	
}

#righter #large_text{
	width:304px;
	height:420px;
	overflow-y:auto;
	overflow-x:hidden;
	margin:43px 0 0 31px;
	text-align:left;
	position:absolute;
}

#righter #small_text{
	width:166px;
	height:420px;
	overflow-y:auto;
	overflow-x:hidden;
	margin:43px 0 0 31px;
	text-align:left;
	position:absolute;
}


#team{
	margin-bottom:15px;
}

.referenzen a, .referenzen a:link, .referenzen a:hover{
	font-weight:bold;
	color:#2f4854;
}



#intro_text{
	width:355px;
	height:420px;
	overflow:auto;
	margin:18px 0 0 45px;
	text-align:left;
	position:absolute;
	padding-top:20px;
}

#intro_text h1{
	margin:34px 0 32px 0;
	font-size:36px;
	line-height:40px;
	font-weight:normal;
	letter-spacing:-1px;
}

#intro_text img{
	margin-left:1px;
}

#back_img{
	position:absolute;
}

.leistungen h2{
	font-size:12px;
	font-weight:normal;
	margin:5px 0 5px 0;
}

#bcontent{
	position:absolute;
	height:20px;
	margin-left:31px;
	margin-top:416px;
	z-index:110;
}

#longteam{
	width:180px;
	
	}