@charset "utf-8";
/* <![CDATA[ */
body { color: #262626; font-size: 0.8em; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 0; text-align: center; background: #282828 url(../media/webdesign-back.jpg) repeat-x center top; }

/* Images
---------------------------------------------*/
img {
	border: 0;
}

/* Links
---------------------------------------------*/

a { color: #262626; font-size: 12px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; }

a:link {
	text-decoration: none;
}

a:visited {
	text-decoration: none;
}

a:hover { color: #ec0b49; font-size: 12px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; }

a:active {
	text-decoration: none;
}

/* Menu
---------------------------------------------*/
.menu { width:170px; text-align:left; text-indent: 0; position: relative; top: 250px; padding-top: 0; padding-left: 10px; border-width: 0; }
.menu a { font-size:12px; font-weight:normal; padding:6pt 0 10px; color:#e8e7e7; font-family: Arial, Helvetica, sans-serif; background-repeat: no-repeat; background-attachment: scroll; text-decoration:none; height: 8pt; display: block; width: 170px; border-bottom: 1px solid #474848; }
.menu a:hover { font-weight:bold; color:#ec0b49; font-size: 12px; font-family: Arial, Helvetica, sans-serif; background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; height: 8pt; }
#menuaktive { font-weight:bold; color:#ec0b49; font-size: 12px; font-family: Arial, Helvetica, sans-serif; background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; text-decoration:none; }
.hilfmenu, .breadtext,  .ignore,  .suchen, .breadcrump,  dfn{
	height: 0;
visibility: hidden;
position: absolute;
}
.twitter { width:50px; position: absolute; top: 50px; height: 50px; z-index: 1000; float: left; margin-left: 11px; }
.facebook { width:50px; position: absolute; top: 50px; height: 50px; z-index: 1000; float: left; margin-left: 60px; }
.google { width:50px; position: absolute; top: 50px; height: 50px; z-index: 1000; float: left; margin-left: 110px; }
.social { position: absolute; top: 152px; width: 120px; height: 22px; z-index: 1000; float: left; margin-left: 5px; }
.plus1 { position: absolute; top: 1px; width: 80px; height: 22px; z-index: 1000; float: left; margin-left: 123px; }
.like { position: absolute; top: 150px; width: 100px; height: 22px; z-index: 1000; float: left; margin-left: 55px; }
.menu_content { position: relative; z-index: 4; }
.menu2 { width:170px; text-align:left; text-indent: 0; position: relative; top: 3px; left: 18px; padding-top: 245px; padding-left: 0; border-width: 0; }
.menu2 a { font-size:12px; font-weight:normal; color:#e8e7e7; font-family: Arial, Helvetica, sans-serif; background-repeat: no-repeat; background-attachment: scroll; text-decoration:none; height: 8pt; display: block; width: 170px; padding-top: 6pt; padding-bottom: 10px; padding-left: 0; border-bottom: 1px solid #474848; }
.menu2 a:hover { font-weight:bold; color:#ec0b49; font-size: 12px; font-family: Arial, Helvetica, sans-serif; background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; height: 8pt; }
.menu2_content { position: absolute; z-index: 0; }
.menu3 { width:170px; text-align:left; text-indent: 0; position: relative; top: 3px; left: 18px; padding-top: 0; padding-left: 0; border-width: 0; }
.menu3 a { font-size:12px; font-weight:normal; padding:6pt 0 10px; color:#e8e7e7; font-family: Arial, Helvetica, sans-serif; background-repeat: no-repeat; background-attachment: scroll; text-decoration:none; height: 8pt; display: block; width: 170px; border-bottom: 1px solid #474848; }
.menu3 a:hover { font-weight:bold; color:#ec0b49; font-size: 12px; font-family: Arial, Helvetica, sans-serif; background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; height: 8pt; }
.menu3_content { position: absolute; z-index: 0; }
.clearfix:after { content: "."; height: 0; clear: both; visibility: hidden; }

* html .clearfix {height: 1%;}

.clearfix:after { display: block; height: 0; clear: both; visibility: hidden; content: "."; }

* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* Type
---------------------------------------------*/

h1, h2, h3, h4, h5, h6 { font-weight: normal; text-align: left; }

h1 { color: #ec0b49; font-size: 1.5em; font-family: Arial, Helvetica, sans-serif; line-height: 1.5em; padding-top: 10px; padding-left: 25px; }

h2 { color: #4e4e4e; font-size: 1.3em; font-family: Arial, Helvetica, sans-serif; line-height: 1.3em; background-color: #fff; padding-left: 25px; }
p { color: #262626; background-color: white; }
p.t2 { color: #6c7172; font-size: 1em; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.7em; background-color: white; padding-right: 25px; padding-left: 25px; }
p.t3 { color: #6c7172; font-size: 1em; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 24px; background-color: white; padding-right: 25px; padding-left: 75px; }
/* Structure
---------------------------------------------*/

#container { background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; display: block; width: 1000px; margin: 0 auto; text-align: left; position: relative; }

#header {
	padding: 0px 0px 0px 117px;
	margin: 0px 0px -10px 0px;
}

#content {
	margin: 0 0 0;
}

#main .columns {
}

#main .columns .headline {
	padding: 0px 0px 0px 157px;
	font-style: italic;
}

#main .columns .c1 { float: left; width: 180px; }

html>body #main .columns .c1 { width: 155px; }
#main .columns .logo { background-repeat: no-repeat; float: left; width: 207px; height: 263px; }
#main .columns .c2 { background-repeat: no-repeat; float: left; width: 596px; margin-left: 22px; }
#main .columns .the-top { background-image: url(../media/the-top.jpg); background-repeat: no-repeat; float: left; width: 596px; margin-left: 0; }
html>body #main .columns .c2 { width: 155px; }
#main .columns .linker { color: #6c7172; font-size: 1.2em; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 12px; background-image: none; text-align: center; float: left; width: 596px; height: 47px; padding-top: 12px; }
#main .columns .linker_wfl {
	color: #6c7172;
	font-size: 1.2em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 24px;
	text-align: center;
	float: left;
	width: 551px;
	padding-top: 10px;
	padding-bottom: 2px;
	position: relative;
	z-index: auto;
	overflow: visible;
	visibility: inherit;
}
#main .columns .linker_flash {
	color: #6c7172;
	font-size: 1.2em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 24px;
	text-align: center;
	float: left;
	width: 551px;
	position: relative;
	z-index: auto;
	overflow: visible;
	visibility: inherit;
	top: 9px;
}
#main .columns .banner { background-image: none; float: left; width: 551px; padding-left: 44px; }
#main .columns .banner-02 { background-image: url(../media/gallery-back.jpg); float: left; margin: 0; width: 551px; height: 383px; }
#main .columns .banner-03 { background-image: url(../publisher/public_back.jpg); float: left; margin: 0; width: 551px; height: 358px; }
#main .columns .banner-04 { background-image: url(../iphone/iphone2.jpg); float: left; margin: 0; width: 551px; height: 374px; }
#main .columns .banner-06 { background-image: url(../media/eye-back.jpg); float: left; margin: 0 0 0 39px; width: 508px; height: 410px; }
#main .columns .banner-08 { background-image: url(../ipad/ipad.jpg); background-repeat: no-repeat; float: left; margin: 0 0 0 36px; width: 523px; height: 439px; }
#main .columns .ipad { float: left; margin: 0; width: 261px; height: 246px;
	top: 50px;
	position: relative;
	left: 86px;
}
#main .columns .eye { float: left; margin: 0; width: 470px; height: 410px;
	top: 5px;
	position: relative;
	left: 42px;
}
#main .columns .fnac { float: left; margin: 0; width: 450px; height: 400px;
	top: 10px;
	position: relative;
	left: 52px;
}
#main .columns .iphone { float: left; margin: 0; width: 261px; height: 246px;
	top: 40px;
	position: relative;
	left: 149px;
}
#main .columns .tv { float: left; margin: 0; width: 355px; height: 244px;
	top: 69px;
	position: relative;
	left: 41px;
}
#main .columns .writ { color: #6c7172; font-size: 1em; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.8em; background-color: white; background-image: url(../media/strip.jpg); text-align: justify; float: left; width: 553px; padding-left: 17px; padding-right: 20px; padding-bottom: 20px; margin-top: -3px; margin-left: 3px; }
#main .columns .writ2 { color: #6c7172; font-size: 1em; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.8em; background-color: white; background-image: url(../media/back-strip.jpg); text-align: justify; float: left; width: 501px; padding: 495px 25px 20px; }
#main .columns .base { background-image: url(../media/base.jpg); background-repeat: no-repeat; float: left; width: 596px; height: 63px; margin-top: -10px; }
#main .columns .foundation { color: #aaa; font-size: 10px; text-align: center; float: left; width: 596px; height: 16px; padding-top: 5px; }
.homelink { width:178px; position: absolute; height: 112px; z-index: 1000; float: left; margin-top: 10px; margin-left: 10px; }
.flag-uk { width:100px; position: absolute; top: 150px; height: 20px; z-index: 1000; float: left; }
.flag-d { width:100px; position: absolute; top: 150px; height: 20px; z-index: 1000; float: left; margin-left: 110px; }
#main .columns .small { color: #302f2f; font-size: 10px; font-style: italic; text-align: center; float: left; margin: 0; width: 551px; height: 16px; padding-top: 5px; }
#main .columns .c3 { float: left; width: 170px; margin: 0; }
.seal { width:130px; text-align:left; text-indent: 0; position: relative; top: 0; height: 130px; padding-top: 15px; padding-left: 20px; border-color: black; border-width: 0; }
html>body #main .columns .c3 { width: 202px; }

/* Structural elements */

.clear {
	clear: both;
	visibility: hidden;
	padding: 0px 0px 0px 0px;
}
.pinklink            { color: #ec0c4a; font: 1em Verdana, Arial, Helvetica, sans-serif; text-decoration: none; text-transform: none  }
.pinklink:hover         { color: #ec0c4a; font: 1em Verdana, Arial, Helvetica, sans-serif; text-decoration: underline; text-transform: none  }
.links01            { color: #ec0b49; font: bold 1em Verdana, Arial, Helvetica, sans-serif; text-decoration: none; text-transform: none  }
.links01:hover            { color: #ec0b49; font: bold 1em Verdana, Arial, Helvetica, sans-serif; text-decoration: none; text-transform: none  }
.links02            { color: black; font: 1em Verdana, Arial, Helvetica, sans-serif; background-color: white; text-decoration: none; text-transform: none  }
.links02:hover            { color: black; font: 1em Verdana, Arial, Helvetica, sans-serif; background-color: white; text-decoration: underline; text-transform: none  }
.greylink            { color: #707070; font-size: 1em; font-family: Verdana, Arial, Helvetica, sans-serif; font-variant: normal; line-height: normal; background-color: white; text-transform: none   }
.greylink:hover         { color: #707070; font-size: 1em; font-family: Verdana, Arial, Helvetica, sans-serif; font-variant: normal; line-height: normal; background-color: white; text-transform: none   }
.foundationlink            { color: #aaa; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-variant: normal; line-height: normal; background-color: transparent; text-transform: none   }
.foundationlink:hover         { color: #e4e4e4; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-variant: normal; line-height: normal; background-color: transparent; text-transform: none   }
#atff {display:none;}