@import url(sIFR-screen.css);

body, h1, h2, h3, h4, p, ul, li, #nav, #nav a, #nav li, #subnav, #subnav ul, #subnav a, #subnav li {
	margin:0;
	padding:0;
}
html, body{ 
 height: 100%;
 margin:0; 
 padding:0; 
 text-align:center; 
}

body {
	background-image:url(gradient_bgd.gif);
	background-repeat:repeat-x;
	font-size:11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center
}
#main {
	height:678px;         
	width:827px;         
	margin: 0 auto;       
	padding:0;                
 	position:relative;
 	z-index:1;
	background-image:url(bgd.gif);
	background-repeat:no-repeat;
	CLEAR: left; 
	text-align:left;

}


#pagewidth{
CLEAR: left; 
 width:975px;
 height:644px; 
 text-align:left;  
 margin: 0 auto;
 position:relative; /* puts container in front of distance */

/*
 position:absolute; 
 left: 50%; margin-left: -487px; 
 top:50%; margin-top: -322px;
*/
 }


#abstand {
	height: 50%;
	width: 1px;
	margin-bottom: -339px;
	float:left;
}



.inhalt {
	position: relative;
}

a.bilder
{
	padding-left: 3px;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #1badd3;
	margin-left: 5px;
}

#slogan {
	border: 1px solid #dadada;
	padding:1px;
	position:absolute;
	top:210px;
	left:615px;
	width:179px;
	z-index:2;
}

#slogan .blackbox {
	width:179px;
	height:6px;
	background-image:url(bgd_blackbox.gif);
}
#slogan .boxinhalt {
	width:139px;
	padding-left:18px;
	padding-right:22px;
	margin-bottom:0px;
	background-image:url(slogan_bgd.gif);
	background-repeat:repeat-x;
	border-bottom: 6px solid #38b6d6;
}

#slogan .boxinhalt p {
	padding-top:6px; padding-bottom:6px;
	margin:0;
	font-style:italic;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	color:#7d7d7d;
	font-size:12px;
	line-height:27px;
	width:auto;
}

#slogan2 {
	border: 1px solid #dadada;
	padding:1px;
	position:absolute;
	top:133px;
	left:455px;
	width:340px;
	z-index:2;
}



#slogan2 .blackbox {
	width:340px;
	height:6px;
	background-image:url(bgd_blackbox.gif);
}
#slogan2 .boxinhalt {
	width:300px;
	padding-left:18px;
	padding-right:22px;
	margin-bottom:0px;
	background-image:url(slogan_bgd.gif);
	background-repeat:repeat-x;
	border-bottom: 6px solid #38b6d6;
}

#slogan2 .boxinhalt p {
	padding-top:6px; padding-bottom:6px;
	margin:0;
	font-style:italic;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	color:#7d7d7d;
	font-size:12px;
	line-height:18px;
	width:auto;
}


#slogan3 {
	border: 1px solid #dadada;
	padding:1px;
	position:absolute;
	top:133px;
	left:420px;
	width:375px;
	z-index:2;
}



#slogan3 .blackbox {
	width:375px;
	height:6px;
	background-image:url(bgd_blackbox.gif);
}
#slogan3 .boxinhalt {
	width:335px;
	padding-left:18px;
	padding-right:22px;
	margin-bottom:0px;
	background-image:url(slogan_bgd.gif);
	background-repeat:repeat-x;
	border-bottom: 6px solid #38b6d6;
}

#slogan3 .boxinhalt p {
	padding-top:6px; padding-bottom:6px;
	margin:0;
	font-style:italic;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	color:#7d7d7d;
	font-size:12px;
	line-height:18px;
	width:auto;
}



#testimonial {
	padding:1px;
	position:absolute;
	top:210px;
	left:615px;
	width:179px;
	z-index:2;
}

#testimonial .boxinhalt {
	width:179px;
}

#testimonial .boxinhalt p {
	padding-top:0px; padding-bottom:0px;
	margin:0;
	font-weight:normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#7d7d7d;
	font-size:11px;
	line-height:18px;
	width:auto;
}

.mainpic {
	position:absolute;
	top:118px;
	left:0px;
	width:208px;
	height:281px;
	z-index:4;
}

#haupttitel {
	position:absolute;
	top:152px;
	left:232px;
	width:565px;
	height:50px;
	z-index:3;
	overflow:auto;
}
#maintext, #meilensteine, #mitarbeiter, #cv {
	position:absolute;
	top:202px;
	left:232px;
	width:365px;
	height:405px;
	z-index:3;
	overflow:auto;
	margin: 0px;
	padding: 0px;
}
#meilensteine {
	width:575px;
}
#meilensteine td{
	margin: 0;
	color: #7f7f7f;
	font-weight:bold;
	line-height:19px;
	padding-bottom: 8px;
}

#cv {
	width:575px;
}
#cv td{
	margin: 0;
	color: #7f7f7f;
	font-weight:bold;
	line-height:19px;
	padding-bottom: 2px;
}

#mitarbeiter {
	width:575px;
	height:430px;
}
#mitarbeiter td{
	margin: 0;
	color: #7f7f7f;
	font-weight:normal;
	line-height:15px;
	padding-bottom: 10px;
	font-size: 10px;
}
#mitarbeiter td strong{
	margin: 0;
	color: #7f7f7f;
	font-weight:bold;
	line-height:19px;
	padding-bottom: 10px;
	font-size: 10px;
}
h1	{
	font-size:18px;
	color: #67725D;
	width:100%;
}
h2	{
	font-size:13px;
	color: #1badd3;
	width: 340px;
	background-repeat:no-repeat;
	font-weight: bold;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
}
h1 span, #hauptnavigation a span {
	display:none;
}
p {
	margin-bottom:5px;
	padding-top:0px;
	color: #7f7f7f;
	font-weight:bold;
	line-height:19px;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
	padding-bottom: 10px;
}
a {
	color: #1badd3;
	font-weight: bold;
	text-decoration: none;
}
a:hover {
	color:#000000;
}
ul {
	margin-top: 0px;
	margin-left: 18px;
	margin-bottom: 12px;
}
li {
	color: #8c837d;
	font-weight:bold;
	line-height:19px;
}

ul .second
{
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
}

.maintext {
	position:absolute;
	left:21px;
	top:445px;
	width:535px;
	height:203px;
	z-index:6;
	overflow: auto;
}
#headerpic img{
	border-bottom: 1px solid #FFFFFF;
}

#hauptnavigation {
	position:absolute;
	left:3px;
	top:91px;
	width:818px;
	height:27px;
	z-index:6;
}

#nav{
	width: 818px; 
	height: 27px;
	background: url(nav.gif);
	position: relative;
}

#nav li {
	position:absolute;
	list-style: none;
	margin:0;
}

#nav a {
	height: 27px; 
	display:block;
}

#home{left: 0px; width: 74px;}
#pr_beratung{left: 74px; width: 131px;}
#event_organisation{left: 205px; width: 178px;}
#design_print{left: 382px; width: 149px;}
#ueberuns{left: 531px; width: 115px;}
#kontakt{left: 645px; width: 105px;}
#links{left: 750px; width: 69px;}

#home a:hover, #home a.on{background: transparent url(nav.gif) 0 -27px no-repeat;}
#pr_beratung a:hover, #pr_beratung a.on{background: transparent url(nav.gif) -74px -27px no-repeat;}
#event_organisation a:hover, #event_organisation a.on{background: transparent url(nav.gif) -205px -27px no-repeat;}
#design_print a:hover, #design_print a.on{background: transparent url(nav.gif) -382px -27px no-repeat;}
#ueberuns a:hover, #ueberuns a.on{background: transparent url(nav.gif) -531px -27px no-repeat;}
#kontakt a:hover, #kontakt a.on{background: transparent url(nav.gif) -645px -27px no-repeat;}
#links a:hover, #links a.on{background: transparent url(nav.gif) -750px -27px no-repeat;}


#subnav {
	position:absolute;
	left:3px;
	top:399px;
	width:205px;
	z-index:6;
}
#subnav ul {
	list-style-type: none;
}
#subnav li {
	line-height: 28px;
	text-align:right;
	border-bottom: 1px solid #e1e1e1;

}
#subnav ul li a {
	background-image: url(../files/subnav_arrow.gif);
	background-repeat: no-repeat;
	background-position:190px;
	display:block;
	padding-right: 30px;
	color:#FFFFFF;
}
#subnav ul li a:hover {
	background-color:#1badd3;
}
#subnav ul li a.on {
	background-color:#1badd3;
}
#footer {
	position:absolute;
	left:238px;
	top:620px;
	width:339px;
	border-top: 1px dashed #c7c7c7;
	text-align:right;
	color:#c7c7c7;
}
#footer a {
	font-size:10px;
	font-weight: normal;
}
#copyright {
	position:absolute;
	left:3px;
	top:650px;
	z-index:6;
	font-size:10px;
	color:#bce7f2;
	padding-left:8px;
}

/*************************************************** Kontakt */
form
{
	margin: 0px;
	padding: 0px;
}

#kontaktform {
	position:relative;
	padding-top:10px;
}
#kontaktform label {
	width:133px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #1badd3;
	line-height:16px;
	font-weight:bold;
}
#kontaktform input, #kontaktform textarea {
	margin-bottom:8px;
	border: 1px dotted #1badd3;
	color:#7f7f7f;
	font-size:11px;
	width:155px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
}
#kontaktform .send {
	width:70px;
	border: 1px solid #7f7f7f;
	font-size:10px;
	font-weight:bold;
	background-color:#1badd3;
	color:#FFFFFF;
}

/*************************************************** End Kontakt */