html,
body
{
	font-family: Arial;
	font-size: 10pt;
	background-color: rgb(51,51,51);
}


body
{
}


h1,h2,h3,h4,h5,h6
{
	
	font-family: "Helvetica Neue",Helvetica,Verdana,sans-serif;
}


a,
a:visited
{
	border-width: 0px;
}


div.container
{
	width: 1000px;
	margin: auto;
	position: relative;
}

div.contentContainer
{
	width: 800px;
	padding: 0px;
	float: left;
}

div#contentShadow
{
	background-image: url('../images/content-background.png');
	width: 826px;
	height: 575px;
	position: absolute;
	left: -13px;
}

a.glossar
{
	color: rgb(147,186,35);
}


#contactInfo
{
	border-width: 0px 1px 0px 0px;
	border-style: solid;
	border-color: rgb(255,255,255);
	z-index: 1000;
	position: relative;
	padding: 10px 20px 20px 20px;
	width: 159px;
	color: rgb(0,0,0);
}


#contactInfo h2
{
	margin-top: 2.5em;
	font-family: "Helvetica Neue",Helvetica,Verdana,sans-serif;
}



#contactInfo h3
{
	color: rgb(102,102,102);
	font-family: "Helvetica Neue",Helvetica,Verdana,sans-serif;
	font-size: 13pt;
	letter-spacing: 0.1ex;
}

#contactInfo a
{
	color: rgb(0,117,187);
}

#contactInfo img.phoneIcon
{
	float: right;
}

#header
{
	background-color: rgb(51,51,51);
	background-image: url('../images/header-background-new.png');
}

a.logo
{
	position: relative;
	z-index: 1000;
	display: inline;
	float: right;
	margin-right: 200px;
	width: 366px;
	height: 115px;
	background-image: url('../images/logo-new.png');
}

#teaserPhoto
{
	position: relative;
	z-index: -1;
}


#teaserPhoto img
{
	border-width: 10px;
	border-style: solid;
	border-color: white;
	display: block;
	margin: 0px 0px 0px 0px;
}


div.tab a
{
	color: white;
	font-family: "Helvetica Neue",Helvetica,Verdana,sans-serif;
}

div.active a
{
	font-weight: bold;
}

#mainMenu
{
	width: 100%;
	position: absolute;
	background-color: transparent;
	top: 69px;
	left: 0px;
}

#mainMenu div.tab a
{
	text-transform: uppercase;
	color: white;
}

#mainMenu div.tab a:hover
{
	border-width: 0px;
	color: rgb(179,239,7);
}


#mainMenu div.tabContent
{
	font-size: 11pt;
}

#mainMenu div.active
{
	background-image: url('/media/intosite.de/images/menu/mainmenu-active-tab-background.png');
	background-repeat: no-repeat;
	background-position: 50% -1px;
	background-color: rgb(179,239,7);
}


#mainMenu div.active a,
#mainMenu div.active a:hover
{
	color: black;
}


#subMenu
{
	background-color: rgb(255,255,255);
	width: 800px;
}


#subMenu div.tab a
{
	color: black;
	font-size: 9pt;
	padding: 0px;
}
#subMenu div.active a
{
	background-color: rgb(226,249,122);
	padding: 5px 10px 5px 10px;
}

#subMenu div.tab
{
	padding: 0px 5px 0px 5px;
	border-width: 0px; 
	border-color: rgb(225,225,225);
	border-style: solid;
}
#subMenu div.tab div.tabEndRight,
#subMenu div.tab div.tabEndLeft
{
	display: none;
}

#subMenu div.active a
{
	color: black;
}

#mainContent 
{
	background-image: url('/media/intosite.de/images/body-background-new.png');
	background-color: rgb(245,245,245);
	background-repeat: repeat-x;
	border-width: 0px 0px 5px 0px;
	border-color: rgb(191,247,29);
	border-style: solid;
}

#content
{
	padding: 0px;
	background-color: transparent;
}

#content div.container
{
	width: 760px;
	padding: 20px;
	background-color: rgb(255,255,255);
}


#footer > div.container
{
	position: relative;
	z-index: 1;
	margin: 0px auto 0px auto;
	padding-bottom: 13px;
	padding-top: 195px;
	top: -200px;
	left: -13px;
	background-image: url('/media/intosite.de/images/footer-shadow.png');
	background-repeat: no-repeat;
	background-position: 0px 100%;
}

#footer > div.container > div
{
	width: 760px;
	margin: 0px 13px 0px 13px;
	height: 30px;
	padding: 20px 20px 20px 20px;
	background-color: white;
	position: relative;
	z-index: -1;
}


#footer a
{
	color: rgb(0,117,187);
}


h1
{
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: rgb(204,204,204);
}





div.tierLayout
{
	z-index: 10;
	padding-bottom: 2em;
	clear: both;
	position: relative;
}

/* standardmäßig 3-tier */
div.tier
{
	width: 225px;
	float: left;
	position: relative;
	display: inline;
	padding: 0px 20px 0px 20px;
}


div.threeTier div.middleTier
{
	border-width: 0px 1px 0px 1px;
	border-style: solid;
	border-color: rgb(204,204,204);
}
div.threeTier div.rightTier
{
	padding-right: 0px;
}
div.threeTier div.leftTier
{
	padding-left: 0px;
}



div.twoTier
{
	position: relative;
}
div.twoTier div.tier
{
	width: 360px;
}
div.twoTier div.leftTier
{
	padding-left: 0px;
}

div.twoTier div.rightTier
{
	padding-right: 0px;
}


div.fiveTier
{
	font-size: 90%;
}
div.fiveTier div.tier
{
	width: 125px;
}

div.fiveTier div.tier
{
	padding: 0px 15px 0px 15px;
	border-width: 0px 0px 0px 1px;
	border-style: solid;
	border-color: rgb(204,204,204);
}
div.fiveTier div.leftTier
{
	padding-left: 0px;
	border-width: 0px;
}




#pageDescription
{
	display: none;
	padding: 20px;
	position: absolute;
	top: -110px;
	width: 250px;
	margin: 0px 0px 0px 20px;
	font-family: Georgia, serif;
	font-size: 12pt;
	font-style: italic;
	background-image: url('/media/intosite.de/images/page-description-background.png');
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

div.referenz
{
	clear: both;
	margin: 20px 0px 0px 0px;
}

div.referenz img.photo
{
	float: left;
	display: inline;
	position: relative;
}
div.referenz div.quickInfo
{
	float: right;
	display: inline;
	position: relative;
	width: 170px;
	font-size: 80%;
	padding: 10px;
	background-color: rgb(255,253,225);
	border-width: 1px;
	border-style: solid;
	border-color: rgb(204,204,204);
	margin-top: 10px;
}


div.threeTier ul,
div.referenz div.quickInfo ul
{
	padding: 0px;
	margin: 0px 0px 15px 15px;
	list-style-type: circle;
}


div.referenz div.description
{
	margin-left: 150px;
	width: 410px;
}

div.referenz h2
{
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: rgb(204,204,204);
	padding-bottom: 5px;
	margin-bottom: 5px;
	width: 410px;
	margin-left: 150px;
}





div.newsBox
{
	float: right;
	width: 250px;
	padding: 10px 0px 10px 20px;
	border-width: 0px 0px 0px 1px;
	border-style: solid;
	border-color: rgb(204,204,204);
	font-size: 90%;
}


div.newsItem
{
	padding: 0px 0px 10px 0px;
	border-width: 0px 0px 1px 0px;
	border-style: dotted;
	border-color: rgb(204,204,204);
}

div.newsItem h2 
{
	font-size: 12pt;
}

div.newsItem h2 span.date
{
	margin-right: 5px;
	color: rgb(153,153,153);
}


div.newsTeaser
{
	margin-bottom: 0.5em;
	font-weight: bold;
}

div.newsDetail
{
}

div.newsDetail h1
{
	text-align: left;
}

div.newsDetail div.leftContent
{
	width: 400px;
	text-align: justify;
}

div.newsDetail div.newsOverviewLink
{
	margin-top: 2em;
}


div.teaserQuote
{
	font-size: 24pt;
	line-height: 24pt;
	font-family: Georgia, serif;
	font-style: italic;
	text-align: center;
	margin: 0.5em 0px 0.5em 0px;
}



div.jobContactPerson
{
	padding: 20px 0px 0px 0px;
	margin: 20px 0px 0px 0px;
	border-width: 1px 0px 0px 0px;
	border-style: dotted;
	border-color: rgb(102,102,102);
}




div.intositeTeam
{
}



div.teamMember
{
	width: 190px;
	float: left;
	display: inline;
	position: relative;
}


div.intositeMap
{
	float: right;
	padding: 10px;
	border-style: solid;
	border-width: 1px; 
	border-color: rgb(204,204,204);
	position: relative;
	width: 520px;
	height: 180px;
}



#stadtplan
{
	width: 520px;
	height: 180px;
	position: relative;
}



#page-agb
{
}
#page-agb ol 
{
	padding: 0px;
	margin: 0px 0px 0px 2em;
}
#page-agb ol li
{
	font-family: Georgia, serif;
	font-size: 14pt;
	font-weight: normal;
	margin: 1em 0px 0.1em 0px;
	padding: 0px;
	list-style-type: decimal;
}

#page-agb ol li ol
{
	padding: 0px;
	margin: 0px 0px 0px 1.2em;
}
#page-agb ol li ol li
{
	font-family: Verdana, Arial, sans-serif;
	font-size: 10pt;
	margin: 0.5em 0px 0.1em 0px;
	padding: 0px;
	list-style-type: lower-roman;
}





/* REFERENZEN (BANNER) */

div.referenceSelection
{
}

div.referenceMenu
{
	margin: 1em 0px 1em 0px;
	font-family: "Helvetica Neue",Helvetica,Verdana,sans-serif;
	height: 47px;
	background-image: url('/media/intosite.de/images/menu/reference-menu-background.png');
}


div.referenceMenu div.tab
{
	padding: 8px 15px 8px 15px;
	border-width: 0px 1px 0px 0px;
	border-color: white;
	border-style: dotted;
}


div.referenceMenu div.tab a
{
	color: black;
}


div.referenceMenu div.active
{

	height: 47px;
	background-color: white;
	background-image: url('/media/intosite.de/images/menu/reference-menu-active-tab-background.png');
	background-repeat: no-repeat;
	background-position: 50% 0px;
}


div.referenceMenu div.active a
{
	color: black;
}

div.referenceWindow
{
	clear: both;
	position: relative;
	height: 500px;
}

div.reference
{
	position: absolute;
	width: 760px;
	top: 0px;
	left: 0px;
	height: 500px;
	display: none;
}


div.bannerImage
{
}


div.bannerQuickInfo
{
	font-family: "Helvetica Neue",Helvetica,Verdana,sans-serif;
	font-style: normal;
	padding: 0px 0px 5px 0px;
	margin: 0px 0px 5px 0px;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: rgb(220,220,220);
}

div.bannerQuickInfo strong
{
	text-transform: uppercase;
}



div.rectangleBanner div.bannerDescription
{
	float: right;
	width: 440px;
	font-family: Georgia, serif;
	font-style: italic;
}

div.rectangleBanner div.bannerImage
{
	width: 300px;
	height: 250px;
}




div.bigsizeBanner div.bannerDescription
{
	float: right;
	width: 440px;
	font-family: Georgia, serif;
	font-style: italic;
}

div.bigsizeBanner div.bannerImage
{
	width: 728px;
	height: 90px;
}



/* LEISTUNGEN */

/*
div.leistungenOverview
{
	font-size: 9pt;
}

div.servicesTeaser
{
	float: left; 
	width: 135px;
	margin: 0px 10px 0px 0px;
	padding: 0px 10px 0px 0px;
	border-width: 0px;
	border-style: solid;
	border-color: rgb(204,204,204);
	position: relative;
	z-index: 10;
}

div.leistungenOverview div.servicesTeaserRight
{
	padding: 0px;
	margin: 0px;
	border-width: 0px;
}

*/

div.servicesTeaser h2
{
	margin: 0px 0px 5px 0px;
}

div.servicesTeaser ul
{
	margin: 1em 0px 0px 0px;
	padding: 0px 0px 0px 15px;
}


div.servicesTeaser div.description
{
	position: relative;
	display: block;
	z-index: 10;
}


div.webVisitenkarte
{
}


div.webseiteIndividuell
{
}


div.webseiteModular
{
}


div.portfolioExample
{
	position: relative;
	border-color: rgb(225,225,225);
	border-width: 1px 0px 0px 0px;
	border-style: solid;
	z-index: 10;
	padding: 10px;
}

div.portfolioExample h3
{
	color: rgb(102,102,102);
	margin-top: 0px;
}
div.portfolioExample a
{
	margin-top: 0.5em;
	display: block;
}

div.price
{
	font-family: "Helvetica Neue",Helvetica,Verdana,sans-serif;
	text-align: right;
	font-size: 14pt;
	height: 25px;
	color: rgb(102,102,102);
	font-style: italic;
}


div.additionalServices
{
	padding: 20px;
	background-color: rgb(240,240,240);
}

div.additionalServices div.fiveTier div.tier
{
	width: 113px;
	border-color: white;
}


#page-leistungen-webseiten div.tier h2
{
	background-image: url('/media/intosite.de/images/pages/leistungen/subheader-2-rows-background.png');
	height: 66px;
	padding: 5px 10px 5px 10px;
	line-height: 1.1em;
	font-size: 14pt;
}



/* END LEISTUNGEN */



/* GLOSSAR */

div.glossar
{
}



div.glossar h1
{
	margin-top: 0px;
}

div.glossar h1 a
{
	text-transform: uppercase;
	font-size: 10pt;
}

div.glossar h3
{
	clear: both;
	font-weight: bold;
	font-size: 32pt;
	color: rgb(179,239,7);
	float: left;
	margin-top: 10px;
	text-transform: uppercase;
}

div.glossar div.glossarEintrag
{
	margin-left: 45px;
	padding: 5px;
}



div.glossarEintragActive
{
	background-color: rgb(245,245,245);
}

div.glossar h2
{
	font-weight: normal;
	font-size: 14pt;
	color: rgb(153,153,153);
	margin-bottom: 0px;
}


/* END GLOSSAR */



div.newsBannerBigsize
{
	position: relative;
	margin: 1em 0px 1em 0px;
}

div.newsBannerBigsize > div
{
	position: relative;
	height: 94px;
}

div.newsBannerBigsize > div > div
{
	position: absolute; z-index: 1000; border-width: 1px; border-color: black; border-style: solid; width: 732px; height: 94px;
}

div.newsBannerBigsize > div > div > div
{
	position: relative; border-width: 2px; border-color: white; border-style: solid; width: 728px; height: 90px;
}

a.furtherInfoLink
{
	display: block;
	margin: 1em 0px 1em 0px;
}



div#page-ece
{
	margin-top: -35px;
	padding: 0px 15px 0px 15px;
}

img.eceZitat
{
	float: right;
	margin-top: 30px;
}

img.referenzTeaser
{
	clear: right;
	float: right;
	margin: 35px 55px 0px 0px;
}


div#page-ece div.controlling,
div#page-ece div.onlineMarketing,
div#page-ece div.interesse,
div#page-ece div.onlineWerbemittel
{
	width: 270px;
	padding: 0px 0px 0px 90px;
	text-align: justify;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	margin: 0px 0px 30px 0px;
}


div#page-ece div.controlling > h2,
div#page-ece div.onlineMarketing > h2,
div#page-ece div.interesse > h2,
div#page-ece div.onlineWerbemittel > h2
{
	margin: 0px 0px 0px 0px;
	padding: 20px 0px 0px 0px;
}

div#page-ece div.onlineWerbemittel > h2
{
	margin: 0px 0px 10px 0px;
}

div#page-ece div.onlineWerbemittel
{
	padding: 0px 90px 0px 0px;
	background-image: url('../images/pages/ece/online-werbemittel-icon.png');
	background-position: 100% 0px;
	background-repeat: no-repeat;
}



div#page-ece div.controlling
{
	width: 250px;
	background-image: url('../images/pages/ece/controlling-icon.png');
}

div#page-ece div.onlineMarketing
{
	background-image: url('../images/pages/ece/online-marketing-icon.png');
	float: right;
	margin: 0px 0px 0px 0px;
}

div#page-ece div.onlineMarketing > ul
{
	padding: 0px;
	margin: 1em 0px 1em 15px;
	list-style-type: none;
	text-align: left;
	line-height: 1.4em;
	list-style-image: url('../images/pages/ece/bulletpoint.png');
}

div#page-ece div.onlineMarketing > ul > li
{
	margin: 0px 0px 1em 0px;
}

div#page-ece div.interesse
{
	background-image: url('../images/pages/ece/interesse-icon.png');
}
div#page-ece div.interesse strong
{
	font-size: 12pt;
	line-height: 15pt;
}



div.referenceWindowWideskyscraper
{
	height: 295px;
	position: relative;
	clear: both;
}


div.referenceWindowWideskyscraper > div.reference
{
	width: auto;
	height: auto;
}

div.referenceWindowWideskyscraper div.bannerImage
{
	margin-bottom: 10px;
	width: 728px;
	height: 90px;
	border-width: 1px;
	border-style: solid;
	border-color: black;
}

div.bannerInfoWindow
{
	background-image: url('../images/pages/ece/referenz-bubble.png');
	background-position: 50px 0px;
	background-repeat: no-repeat;
	padding: 14px 0px 0px 0px;
	margin: 0px 0px 30px 0px;
}

div.bannerInfoWindow > div
{
	background-image: url('../images/pages/ece/referenz-background.png');
	background-repeat: repeat-y;
	height: 150px;
}
div.bannerInfoWindow > div > div.description
{
	padding: 10px 30px 10px 20px;
	width: 370px;
}
div.bannerInfoWindow > div > div.description > h2
{
	margin: 0px 0px 0.3em 0px;
	padding: 0px;
}

div.bannerInfoWindow > div > div.bannerQuickInfo
{
	float: right;
	width: 245px;
	border-width: 0px;
	padding: 10px 20px 10px 40px;
}

div.bannerInfoWindow > div > div.bannerQuickInfo > strong
{
	margin-left: -20px;
}










#page-ece-infos
{
}

#page-ece-infos > div
{
	padding: 0px 0px 0px 85px;
	text-align: justify;
	background-position: 30px 0px;
	background-repeat: no-repeat;
	clear: both;
	margin: 0px 0px 3em 0px;
}


#page-ece-infos > div.interesse
{
	background-image: url('../images/pages/ece/infos/interesse-background.png');
	background-position: -5px 0px;
	margin-top: -1.5em;
	position: relative;
	z-index: 100;
}


#page-ece-infos > div > h2:first-child
{
	margin: 0px 0px 0.5em 0px;
}

#page-ece-infos > div.step-1
{
	background-image: url('../images/pages/ece/infos/step-1.png');
}

#page-ece-infos > div.step-2
{
	background-image: url('../images/pages/ece/infos/step-2.png');
}

#page-ece-infos > div.step-3
{
	background-image: url('../images/pages/ece/infos/step-3.png');
}

#page-ece-infos > div.step-4
{
	background-image: url('../images/pages/ece/infos/step-4.png');
}

#page-ece-infos > div.step-3-a
{
	width: 300px;
	float: left;
	background-image: url('../images/pages/ece/infos/step-a.png');
	background-position: 45px 0px;
}

#page-ece-infos > div.step-3-b
{
	clear: none;
	width: 300px;
	padding : 0px 0px 0px 60px;
	float: right;
	background-image: url('../images/pages/ece/infos/step-b.png');
	background-position: 20px 0px;
}


#page-ece-infos > div.step-3-a > h3:first-child,
#page-ece-infos > div.step-3-b > h3:first-child
{
	margin: 0px 0px 1em 0px;
}

#page-ece-infos ul.pricelist
{
	width: 300px;
	float: right;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	list-style-type: none;
}

#page-ece-infos ul.pricelist > li
{
	padding: 0px 10px 0px 10px;
	height: 31px;
	line-height: 31px;
}


#page-ece-infos ul.pricelist > li > strong
{
	display: block;
}

#page-ece-infos ul.pricelist > li:first-child
{
	padding-top: 8px;
	height: 42px;
	line-height: 1.2em;
	background-image: url('../images/pages/ece/infos/price-background-dark-2rows.png');
}

#page-ece-infos ul.pricelist > li:first-child + li + li,
#page-ece-infos ul.pricelist > li:first-child + li + li + li + li,
#page-ece-infos ul.pricelist > li:first-child + li + li + li + li + li + li
{
	background-image: url('../images/pages/ece/infos/price-background-dark.png');
}


#page-ece-infos ul.pricelist > li > span
{
	float: right;
	font-weight: bold;
}


div.bannerInfo
{
	clear: both;
	margin-top: 1em;
	height: 252px;
}

div.bannerInfo > div.bannerWebsite
{
	position: relative;
	width: 284px;
	height: 252px;
	float: right;
	background-image: url('../images/pages/ece/infos/banner-website.png');
}


div.bannerInfo > div.bannerWebsite > div#bannerActiveWebsite
{
	position: absolute;
}


div.bannerInfo > div.bannerWebsite > div.bannerBigsize,
div.bannerInfo > div.bannerWebsite > div.bannerWideSkyscraper,
div.bannerInfo > div.bannerWebsite > div.bannerRectangle,
div.bannerInfo > div.bannerWebsite > div.bannerButton
{
	background-image: url('../images/pages/ece/infos/banner-website-active.png');
}

div.bannerInfo > div.bannerWebsite > a
{
	display: block;
	position: absolute;
}

div.bannerInfo > div.bannerWebsite > a.bannerBigsize,
div.bannerInfo > div.bannerWebsite > div.bannerBigsize
{
	left: 63px;
	top: 30px;
	width: 161px;
	height: 30px;
	background-position: -63px -30px;
}

div.bannerInfo > div.bannerWebsite > a.bannerWideSkyscraper,
div.bannerInfo > div.bannerWebsite > div.bannerWideSkyscraper
{
	width: 35px;
	height: 165px;
	left: 226px;
	top: 31px;
	background-position: -226px -31px;
}

div.bannerInfo > div.bannerWebsite > a.bannerRectangle,
div.bannerInfo > div.bannerWebsite > div.bannerRectangle
{
	width: 101px;
	height: 69px;
	left: 100px;
	top: 110px;
	background-position: -100px -110px;
}

div.bannerInfo > div.bannerWebsite > a.bannerButton,
div.bannerInfo > div.bannerWebsite > div.bannerButton
{
	width: 60px;
	height: 37px;
	left: 18px;
	top: 82px;
	background-position: -18px -82px;
}

div.bannerInfo > div.bannerWebsite > div.bannerWallpaper
{
	width: 197px;
	height: 164px;
	left: 63px;
	top: 30px;
	background-position: -63px -30px;
	background-image: url('../images/pages/ece/infos/banner-website-wallpaper-active.png');
}



div.bannerInfo div.bannerTypes
{
	padding: 20px 0px 0px 0px;
}

div.bannerInfo div.bannerType
{
	width: 371px;
	overflow: hidden;
	margin: 8px 0px 0px 0px;
	padding: 0px;
}


div.bannerInfo div.bannerType > h2
{
	margin: 5px 0px 0px 10px;
	padding: 0px;
}
div.bannerInfo div.bannerType > h2 > a > img
{
	display: block;
}

div.bannerInfo div.activeBannerType
{
	background-image: url('../images/pages/ece/infos/bannertype-background.png');
	height: 87px;
	padding: 0px 10px 0px 10px;
}


div.bannerInfo div.activeBannerType > h2
{
	margin: 10px 0px 0px 0px;
}

div.bannerInfo ul.bannerInfos
{
	font-size: 9pt;
	line-height: 12pt;
	margin: 0px 0px 0px 15px;
	padding: 0px;
	list-style-type: none;
	display: none;
}
div.bannerInfo ul.bannerInfos span
{
	width: 60px;
	font-weight: bold;
	display: block;
	float: left;
}
div.bannerInfo div.activeBannerType  ul.bannerInfos
{
	display: block;
}




div.createBannerExample
{
	clear: both;
	background-image: url('../images/pages/ece/infos/example-arrow.png');
	background-repeat: no-repeat;
	background-position: 80px 210px;
}
div.createBannerExample > img.print
{
	position: relative;
	left: -17px;
	display: block;
}

div.rectangleExampleAfter
{
	float: right;
	width: 302px;
	height: 252px;
	padding: 0px 0px 50px 0px;
	background-position: 0px 100%;
	background-repeat: no-repeat;
}


div.createBannerExample > div.rectangleExampleAfter
{
	background-image: url('../images/pages/ece/infos/neuentwicklung-rectangle-background.png');
}

div.rectangleExampleBefore > div,
div.rectangleExampleAfter > div
{
	width: 300px;
	height: 250px;
	border-width: 1px;
	border-style: solid;
	border-color: black;
}



div.adjustBannerExample
{
	clear: both;
	background-image: url('../images/pages/ece/infos/example-arrow.png');
	background-repeat: no-repeat;
	background-position: 140px 320px;
}


div.rectangleExampleBefore,
div.rectangleExampleAfter
{
	width: 302px;
	height: 252px;
	padding: 0px 0px 50px 0px;
	background-position: 0px 100%;
	background-repeat: no-repeat;
	background-image: url('../images/pages/ece/infos/anpassung-rectangle-vorher-background.png');
}

div.rectangleExampleAfter
{
	margin-top: 50px;
	background-image: url('../images/pages/ece/infos/anpassung-rectangle-nachher-background.png');
}


div.wallpaperExample
{
	width: 728px;
	height: 690px;
	position: relative;
	background-color: white;
}

div.wallpaperExample > div.wallpaperBigsize
{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 728px;
	height: 90px;
}

div.wallpaperExample > div.wallpaperWideSkyscraper
{
	position: absolute;
	left: 568px;
	top: 89px;
	width: 160px;
	height: 600px;
}