/* 
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
Title: Impact Website
Version: 1.43
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 
*/

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


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, 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;
}


body {
	line-height: 1;
	color: #3C3C3C;	
	font-family: "Trebuchet MS", Arial, sans-serif;	
	font-size: small;
	background: #cacaca;
}


/* ==== GENERAL STYLES ==== */


.clear { clear: both; }

.body-wrap {
	width: 920px;
	margin: 20px auto;
	padding: 0;
	background: #fff;
}


h1, h2, h3 {
	font-family: Arial, Helvetica, sans-serif;
	color: #034e7a;
	font-weight: normal;
	padding: 0;	
}

h1 {
	margin: 0 0 1em 0;
	font-size: 150%;
	font-weight: normal;
}


h2 {
	margin: 0 0 0.5em 0;
	font-size: 120%;
	font-weight: normal;
}

p {
	margin: 0 0 1.6em 0;
	font-size: 100%;
	color: #333333;
	line-height: 120%;
}


a {
	font-weight: normal;
	color: #1fae8c;
	text-decoration: underline;
}


.success-stories cite {
	font-family: "Trebuchet MS";
	font-size: 110%;
	line-height: 130%;	
	color: #000 !important;
	font-style: italic;
}

.success-stories cite .name {
	padding: 0 0 1em 0;
	text-align: left;
	display: block;
	font-style: normal;	
}

#content cite {
	font-family: "Trebuchet MS";
	font-size: 100%;
	line-height: 130%;	
	color: #333333;
	font-style: italic;
}

#content .left cite, #content .right cite {
	margin: 0 0 15px 0;	
	display: block;
}

cite.referenz {
	display: block;
	padding: 0.2em 0 1em 0;
	color: #000;
}


cite .name {
	padding: 10px 0 0 0;
	font-size: 90%;	
	text-align: right;
	display: block;
}


.portatour-body cite .name {
	padding: 10px 0 0 0;
	font-size: 90%;	
	text-align: left;
	display: block;
}


.more {
	line-height: 160%;
}

.logo-portacon {
	padding: 0;
	margin: -5px 0 0 0;
}



.date {
	color: #000;
	font-size: 70%;
}


.img-left {
 	float: left;
	margin: 0 15px 0px 4px;
	padding: 0 0 10px 0;
}

.img-right{
 	float: right;
	margin: 0 -10px 0px 4px;
	padding: 0 0 10px 0;
}

.portatour-body .img-right{
	margin: 0 20px 0px 12px;
	padding: 0 0 10px 0;
}



#cRight .presentation-button {
	margin: 12px 0 0 0;
	border-top: 2px solid #bdbdbd ;
	border-bottom: 2px solid #bdbdbd ;

}

.success-stories {
	padding: 14px;
	background: #FFEBB7;
	border-bottom: 1px solid #E7AC22;
}




/*---------------------------------------------------------------*/
/* ==== HEADER STYLES ==== */
#header {
	width: 100%;
	height: 109px;
	margin: 0;
	padding: 0;
	background: url(/images/top-round.jpg) no-repeat top left;
}

#header #logo {
	margin: 35px 0 0 40px;
	float: left;
}

#header #slogan {
	margin: 51px 22px 0 0;
	padding: 0;
	font-size: 19px;
/*	color: #3b3b3b; */
	color: #000000;
	text-align: right;
	float: right;
}

/*---------------------------------------------------------------*/
/* ==== NAVIGATION STYLES ==== */

#navigation {
	width: 900px;
	margin: 0px auto 1px auto;
	padding: 0;
	background: #616161 url(/images/nav-bg.jpg) repeat-x bottom;	
}

#navigation ul {
	margin: 0 0 0 17px;
	padding: 0;
	list-style-type: none;
	height: 31px;
}

#navigation ul li {
	margin: 0;
	background: url(/images/nav-divider.jpg) no-repeat bottom right;
	float: left;
}

#navigation ul li.active { 
	background: url(/images/nav-bgactive.jpg) repeat-x top; height: 32px;
}

#navigation ul li.active a { 
	color: #000;
}

#navigation ul li a {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	padding: 11px 16px 7px 14px;
	text-align: center;
	display: block;
	text-decoration: none;
}

#navigation ul li a:hover {
	background: url(/images/nav-bghover.jpg) repeat-x top; 
}

#navigation ul li.active a:hover {
 	background: url(/images/nav-bgactive.jpg) repeat-x top;
 	color: #fff;
}

/* ==== SUB NAV STYLES ==== */
#subnav {
	width: 900px;
	height: 31px;
	margin: 0 auto 1px auto;
	padding: 0;
	background: #e5af21;
}


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

/* ==== TOP AREA STYLES ==== */
#toparea {
	width: 900px;
	height: 256px;
	margin: 0 auto 1px auto;
	padding: 0;
}


#toparea.hometeaser {
	background: url(/images/topsec-homepage.jpg) no-repeat top left;
}



	


/* === TOP SECTION STYLES ==== */
#topsection {
	width: 900px;
	height: 149px;
	margin: 0 auto;
	padding: 0;
}

.kontakt { background: url(/images/topsec-kontakt.jpg) no-repeat top left;}
.karriere { background: url(/images/topsec-karriere.jpg) no-repeat top left;}
.unternehmen { background: url(/images/topsec-unternehmen.jpg) no-repeat top left;}
.referenzen { background: url(/images/topsec-referenzen.jpg) no-repeat top left;}
.dienstleistungen { background: url(/images/topsec-dienstleistungen.jpg) no-repeat top left;}
.presse { background: url(/images/topsec-presse.jpg) no-repeat top left;}
.produkte { background: url(/images/topsec-produkte.jpg) no-repeat top left;}
.portacon { background: url(/images/topsec-portacon.jpg) no-repeat top left;}
.portatour { background: url(/images/topsec-portatour.jpg) no-repeat top left;}
.edocta { background: url(/images/topsec-edocta.jpg) no-repeat top left;}

#topsection .testimonial {
	height: 97px;
	margin: 0px 22px 0 0;
	padding: 0;
	float: right;
	
}

#topsection .testimonial p {
	margin: 0 !important;
	font-family: "Trebuchet MS";
	font-size: 110%;
	color: #FFF;
	font-weight: normal;
	text-align: right;
	font-style: italic;
	width: 20em;
	padding: 16px 0 0 0;
}

#topsection.portatour .testimonial {
	width: 100%;
	margin: 0 auto;	
	height: 95px;	
		
}

#topsection.portatour .testimonial p {
	font-size: 18px;
	text-align:left;
	width: 550px;
	float:none;
	padding: 16px 0px 0 300px !important;	
}

#topsection .testimonial .name {
	margin: 5px 0 0 0;
	font-size: 80%;
	line-height: 110%;	
	clear: both;
	display: block;
}

#bottombar {
	width: 100%;
	height: 48px;
	margin: 0;
	padding: 0;
	

}


#topsection.portatour #bottombar {
	margin: 0 0 0 270px;
	width: 560px;
}




#topsection.portatour #bottombar p {
	white-space: nowrap;
	font-size: 19px;
}



#bottombar.no-testimonial {
	width: 100%;
	height: 48px;
	margin: 0;
	padding: 97px 0 0px 0 !Important;
}

#topsection p, #toparea p {
	
	margin: 15px 0 0 0px;
	padding: 0 0 0 32px;
	font-size: 150%;
	text-align: left;
	color: #FFF;
	float: left;
}

#toparea p {
	margin: 218px 0 0 0px;
}




#topsection select {
	width: 166px;
	height: 20px;
	margin: 10px 20px 0 0;
	float: right;
}


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

/* ==== CONTENT STYLES ==== */
#content {
	width: 870px;
	margin: 1px auto 0 auto;
	padding: 0 0 0 30px;
	background: url(/images/right-bg.gif) repeat-y right;	
}

#content ul {
	margin: 0 0 1.2em 0;
	padding: 0;
	list-style: none;
}

#content ul ul{
	margin: 0.5em 0 1.2em 16px;
	list-style: disc;
}


#content ul li{
	margin: 0 0 5px 0;
	padding: 0 0 0 16px;
	background: url(/images/bullet.gif) no-repeat left 0.1em;
	line-height: 120%;
}

#content li li{
	margin: 0 0 5px 0;
	padding: 0 0 0 0px;
	list-style: disc;
	line-height: 120%;
	background: none;

}

#content ol {
	margin: 0 0 1.2em 0;
	padding: 0 0 0 25px;
}
	

#content ol li{
	margin: 0 0 5px 0;
	padding: 0 0 0 0px;
	line-height: 120%;
	
}




#content .left {
	float: left;
	width: 230px;
}

#content .right {
	float: right;
	width: 230px;
	
}


#content #cLeft {
	width: 505px;
	margin: 0;
	padding: 45px 0 0 0;
	float: left;

}


#content.portatour-body #cLeft {
	width: 544px;
	padding: 35px 0 0 0;	
}


#content #cRight {
	width: 233px;
	margin: 0;
	padding: 45px 30px 100px 30px;
	float: right;
}


#content.portatour-body #cRight {
	width: 255px;
	padding: 35px 19px 100px 19px;
	
}



/*
#content #cLeft img {
	margin: 0 0 0 10px;
	float: right;
}
*/


#content #cRight h2 {
	margin: 0 0 0.8em 0;
	font-size: 120%;
}

#content #cRight ul {
	margin: 0 0 0.7em 0;
	padding: 0;
	list-style-type: none;
}


#content #cRight .left-col {
	float: left;
	width: 110px;
}

#content #cRight .right-col {
	float: left;
	width: 110px;
}


#content #cRight ul li {
	margin: 0 0 2px 0;
	padding: 0 0 0 16px;
	background: url(/images/bullet.gif) no-repeat left 0.1em;
}



#content  hr {
	width: 100%;
	height: 1px;
	margin: 30px 0;
	border: 0;
	color: #bdbdbd;
	background: #bdbdbd;
}



#content #cRight #contact
{
	width: 100%;
	margin: 0;
	padding: 0;
}

#content #cRight #contact p {
	margin: 0;
	padding: 0;
	font-size:95%;
}

#content #cRight #contact h2
{
	font-size:100%;
	font-weight: bold;
}

#content #cRight #contact p.tel { margin: 16px 0 0 0; }
#content #cRight #contact p.tel .num { color: #2f6d91; }

#content #cRight #contact img {
	margin: 0 15px 15px 0;
	border: 4px solid #FFF;
	float: left;
}


.illu {
	background: #F2F2F2;
	border-top: 1px solid #BDBDBD;
	border-bottom: 1px solid #BDBDBD;
	margin: 0.5em 0 2em 0;
	text-align:center;
	width: 500px;
}

.illu p {
	padding: 2em;
	text-align: center;
}


.lageplan {
	padding: 0 0 1.5em 0;
}

.aussenansicht {
	padding: 0 0 1.5em 0;
}


/* === PORTATOUR STYLES ==== */

#portatour-teaser h2 {
	text-align:center;
	font-size: 200%;
	background:#E5AF21;
	padding: 18px 12px;
	font-weight:normal;
	margin: 0;
}

#portatour-teaser .teaser-text {
	background: #ffe9b4 url(/images/teaser-intro-bg.gif) repeat-x left top;
}

#portatour-teaser .teaser-text h3 {
	font-size:120%;
	padding: 0 0 4px 0;
}


.teaser-box-one, .teaser-box-two, .teaser-box-three {
	float: left;

	
}

.teaser-box-one {
	width: 150px;
	padding: 16px 10px 16px 16px;
}

.teaser-box-two {
	width: 144px;
	padding: 16px;
	margin: 0 0 0 4px;

}

.teaser-box-three {
	width: 140px;
	padding: 16px 26px 16px 16px;
	float: right;
}


.teaser-box-one {
	text-align:right;
}

.teaser-box-two {
	text-align:center;
}


.button-one, .button-two, .button-three {
	background: transparent url(/images/bullet-big.gif) no-repeat left 8px;
	padding: 12px 0 0 25px;
	margin: 12px 0 0 0;
	height: 20px;
	display: block;
}


.button-one {
	margin: 0 0 0 50px;
	width:90px;

	text-align: right;
	float: left;
}

.button-two {
	margin: 0 0 0 58px;
	width:80px;
	float: left;
}

.button-three {
	margin: 0 12px 0 0;
	width:130px;
	float: right;
}

#cRight img.portatour-logo{
	margin:0 0 42px 0;
}



#cRight .varianten, #cRight .topnoten, #cRight .folder, #cRight .kontakt{
	background: transparent url(/images/produkte/portatour/icon-topnoten.gif) no-repeat left top;
	width: 180px;
	padding:0 0 0 55px;	
/*	padding:0;*/
}

#cRight .iconlink{
	display: block;
	float: left;
	width: 40px;
	height: 40px;
	margin: 0 0 0 -55px;
}


.special{
	background: #f8c94a url(/images/produkte/portatour/bg-download.gif) repeat-x left top;
	width: auto;
	padding:12px;	
	margin: 25px 0 30px 0;
	clear:both;
}

#cRight .topnoten	{background: transparent url(/images/produkte/portatour/icon-topnoten.gif) no-repeat left top;}
#cRight .folder		{background: transparent url(/images/produkte/portatour/icon-folder.gif) no-repeat left top;}
#cRight .kontakt	{background: transparent url(/images/produkte/portatour/icon-kontakt.gif) no-repeat left top;}
#cRight .varianten	{background: transparent url(/images/produkte/portatour/icon-varianten.gif) no-repeat left top;}
.special .download	{background: transparent url(/images/produkte/portatour/icon-download.gif) no-repeat left top;	padding:0 0 0 50px;}
.special .download p	{margin:0 !important;}



/* === PRODUCT STYLES ==== */


.box-left, .box-center, .box-right {
	width: 232px;
	margin: 0;
	padding: 0 33px;
	float: left;
	display: block;
}

.box-right {
	border-right: none;

}

/* === HOMEPAGE STYLES ==== */


#content.homepage {
	padding: 30px 0 0 0;
	width: 900px;
	background: none;
	background: url(/images/3col-bg.gif) no-repeat left 30px;
}



/* ==== BOTTOM OPTION AREA STYLES ==== */
#botopt {
	width: 900px;
	height: 115px;
	margin: 0 auto;
	padding: 0;
	background: #e5af21;
	
}

#botopt ul {
	height: 109px;
	margin: 0;
	padding: 0 0 1px 0;
	background: #fff;
	list-style-type: none;
}

#botopt ul li {
	width: 300px;
	height: 109px;
	float: left;
	display: block;
	background: #ededed url(/images/botopt-bg.gif) repeat-x bottom left;
}


#botopt ul li:hover { background: #d7d7d7; }
#botopt ul li.active { background: #f0c041; }



#botopt ul li#one p {
	width: 230px;
	margin: 20px 0 0 33px;
}


a.one-button, a.two-button, a.three-button{
		display: block;
		width: 180px;
		height: 90px;
		padding: 19px 10px 0 110px;
		color: #000000;
		text-decoration: none;
		line-height: 120%;
}

a.one-button {background: #ededed url(/images/botopt-bg-portatour.gif) repeat-x left top;}

a.two-button {background: #ededed url(/images/botopt-bg-portacon.gif) repeat-x left top;}

a.three-button{background: #ededed url(/images/botopt-bg-edocta.gif) repeat-x left top;}

a.one-button:hover{background: #CDCDCD url(/images/botopt-bg-portatour2.gif) repeat-x left top;}

a.two-button:hover{background: #CDCDCD url(/images/botopt-bg-portacon2.gif) repeat-x left top;}

a.three-button:hover{background: #ededed url(/images/botopt-bg-edocta2.gif) repeat-x left top;}

#botopt .title {
	font-size: 125%;
	color: #004e77;
	font-weight: bold;
	margin: 10px 0;
	text-decoration: none;
	font-style: italic;
	/*font-family: Arial, Helvetica, sans-serif;*/
	/*text-transform: uppercase;*/
}



/* ==== BOTTOM AREA STYLES ==== */
#bottomarea {
	width: 920px;
	height: 1px;
	margin: 0 auto;
	padding: 16px 0 60px 0;
	background: url(/images/bottomarea-bg.jpg) no-repeat bottom left;	
}


option{
	font-size: 90%;
	line-height: 110%;
}

/* ==== FOOTER STYLES ==== */
#footer {
	width: 900px;
	margin: 0 auto;
	padding: 0 0 20px 0;
}

#footer p {
	margin: 0;
	padding: 0;
	color: #333;
	font-weight: normal;
	font-size: 90%;
	text-align: left;
}

#footer p a { color: #333; }


/* ==== FORM STYLES ==== */


form {
	background: #F2F2F2;
	border-top: #E5AF21 2px solid;
	border-bottom: #E5AF21 2px solid;
	padding: 20px;
}

label {
	margin: 0;
	padding: 0;
	width: 200px !important;
	display: block;
	float: left;
}


fieldset {
	border-bottom: 1px solid #bdbdbd;
	margin: 0 0 1em 0;
}

#portacon-anfrage p {
	margin: 0 0 1em 0;
	clear:both;
}

#portacon-anfrage input, textarea {
	width: 240px;
}


#portacon-anfrage input.absenden {
	width: auto;
}

#portatour-anfrage p {
	margin: 0 0 1em 0;
	clear:both;
}

#portatour-anfrage input, textarea {
	width: 240px;
}


#portatour-anfrage input.absenden {
	width: auto;
}

#bottombar select{
	width: 248px;
}