@media screen {

/*
CSS-Design für: www.cella-seven.de
Copyright: brandical gmgh | www.brandical.de
Version: 1.2
Stand: 11.07.2008
*/

/* ------------------------------------------------------------
Basic-Definitions
------------------------------------------------------------ */


* { margin: 0; padding: 0; }

* {
	behavior: url(/png/iepngfix.htc)
	}


body {
	font-family: arial, sans-serif;
	color: #000;
	background-color: #FFF;
	}

q { font-style: italic; }
.center { text-align: center; }
.clear { clear: both; display: block; padding: 0; margin: 0; }
.uppercase { text-transform: uppercase; }
.small { font-size: 70%; }

.hidden,
.printOnly {
	position: absolute;
	top: -3000px;
	left: -3000px;
	}

acronym, 
abbr {
	border-bottom: 0px dotted;
	}

hr.content {
	height: 0px;
	}

a img { border: 0px #FFF solid; }
a { color: #47626E; text-decoration: none; }





.baby-pass {
	position: absolute;
	top: 200px;
	left: 380px;
	}



/* ------------------------------------------------------------
Content-Definitions
------------------------------------------------------------ */

/* - - - Seite: Cella Seven - - - */

img#unterschrift {
	position: relative;
	top: 0px;
	left: 150px;
	}

p#untertext {
	position: relative;
	top: 0px;
	left: 185px;
width: 100px;
font-size: 0.7em;
	text-align: center;
	}


/* - - - allgemein - - - */

div.content {
	padding: 100px 0 0 648px;
	}
	
div.content2 {
	padding: 100px 110px 0 533px;
	}

div.content3 {
	padding: 70px 230px 0 498px;
	}

div.content h1,
div.content2 h1,
div.content3 h1 {
padding: 20px 0 15px 0;
	font-size: 1em;
color: #47626E;
	}

div.content h3,
div.content2 h3,
div.content3 h3 {
padding: 20px 0 5px 0;
	font-size: 1em;
color: #47626E;
	}

div.content p,
div.content2 p,
div.content3 p {
padding: 0px 0 10px 0;
	font-size: 0.75em;
color: #47626E;
	}

div.viewImg {
	position: absolute;
	top: 0px;
	left: 4px;
	width: 420px;
	height: 400px;
	overflow: hidden;
	}

div.viewImg img {
	position: absolute;
	z-index: 1;
}

* html div.cornerBottomLeft {
	bottom: -11px;
	}


div.cornerBottomLeft {
	position: absolute;
	width: 7px;
	height: 7px;
	bottom: 0px;
	left: 0px;
	background: url(/templates/css/images/cornerBottomLeft.png) no-repeat 0 0;
	z-index: 10;
	}

div#mainFrame {
	position: relative;
	width: 1040px;
	margin: 50px auto;
	}

div#head {
	position: relative;
	width: 1040px;
	height: 206px;
	background-image: url(/templates/css/images/head.jpg);
	float: left;
	}

img.logoName1 {
	position: absolute;
	top: 184px;
	left: 220px;
	width: 202px;
	height: 22px;	
	}	

img.logoName2 {
	position: absolute;
	top: 184px;
	left: 440px;
	width: 169px;
	height: 22px;
	}	

div#mid {
	position: relative;
	width: 1040px;
	background-image: url(/templates/css/images/border-left.jpg);
	background-repeat: repeat-y;
	float: left;
	z-index: 10;
	}

div#midBorderRight {
	position: relative;
	width: 1040px;
	height: 376px;
	background: url(/templates/css/images/border-right.jpg) repeat-y right 0;
	float: left;
	}




/* ------------------------------------------------------------
Main-Navigation
------------------------------------------------------------ */

ul.navigation {
	position: absolute;
	font-size: 0.9em;
	top: 186px;
	left: 640px;
	list-style-type: none;
	}

ul.navigation li {
	display: inline;
	padding: 0 10px;
	text-transform: uppercase;
	}

/* - - - normale Navigation - - - */
ul.navigation li a span.navImg01 {
	position: absolute;
	display: block;
	top: 5px;
	left: 10px;
	width: 53px;
	height: 10px;
	background: url(/templates/css/images/navigation/studio.jpg) no-repeat 0px 0px;
	z-index: 1;
	}

ul.navigation li a:hover span.navImg01,
ul.navigation li span.navImg01active {
	position: absolute;
	display: block;
	overflow: visible;
	top: 5px;
	left: 10px;
	width: 53px;
	height: 11px;
	background: url(/templates/css/images/navigation/studio-active.jpg) no-repeat 0px 0px;
	z-index: 1;
	}

ul.navigation li a span.navText01,
ul.navigation li span.navText01 {
	position: absolute;
	display: block;
	top: 5px;
	left: 10px;
	overflow: hidden;
	width: 47px;
	height: 10px;
	font-size: 10px;
	}

ul.navigation li a span.navImg02 {
	position: absolute;
	display: block;
	top: 5px;
	left: 91px;
	width: 91px;
	height: 10px;
	background: url(/templates/css/images/navigation/cella-seven.jpg) no-repeat 0px 0px;
	z-index: 1;
	}

ul.navigation li a:hover span.navImg02,
ul.navigation li span.navImg02active {
	position: absolute;
	display: block;
	top: 5px;
	left: 91px;
	width: 91px;
	height: 11px;
	background: url(/templates/css/images/navigation/cella-seven-active.jpg) no-repeat 0px 0px;
	z-index: 1;
	}

ul.navigation li a span.navText02,
ul.navigation li span.navText02 {
	position: absolute;
	display: block;
	top: 5px;
	left: 91px;
	overflow: hidden;
	width: 83px;
	height: 10px;
	font-size: 10px;
	}

ul.navigation li a span.navImg03 {
	position: absolute;
	display: block;
	top: 5px;
	left: 212px;
	width: 58px;
	height: 10px;
	background: url(/templates/css/images/navigation/galerie.jpg) no-repeat 0px 0px;
	z-index: 1;
	}

ul.navigation li a:hover span.navImg03,
ul.navigation li span.navImg03active {
	position: absolute;
	display: block;
	top: 5px;
	left: 212px;
	width: 58px;
	height: 11px;
	background: url(/templates/css/images/navigation/galerie-active.jpg) no-repeat 0px 0px;
	z-index: 1;
	}

ul.navigation li a span.navText03,
ul.navigation li span.navText03 {
	position: absolute;
	display: block;
	top: 5px;
	left: 212px;
	overflow: hidden;
	width: 58px;
	height: 10px;
	font-size: 10px;
	}

ul.navigation li a span.navImg04 {
	position: absolute;
	display: block;
	top: 5px;
	left: 310px;
	width: 60px;
	height: 10px;
	background: url(/templates/css/images/navigation/kontakt.jpg) no-repeat 0px 0px;
	z-index: 1;
	}

ul.navigation li a:hover span.navImg04 {
	position: absolute;
	display: block;
	top: 5px;
	left: 310px;
	width: 67px;
	height: 11px;
	background: url(/templates/css/images/navigation/kontakt-active.jpg) no-repeat 0px 0px;
	z-index: 1;
	}

ul.navigation li a span.navText04 {
	position: absolute;
	display: block;
	top: 5px;
	left: 310px;
	overflow: hidden;
	width: 60px;
	height: 10px;
	font-size: 10px;
	}

span.trennstrich1 {
	position: absolute;
	display: block;
	top: 189px;
	left: 714px;
	width: 2px;
	height: 15px;
	background-image: url(/templates/css/images/trennstrich-textfarbe.jpg);
	}

span.trennstrich2 {
	position: absolute;
	display: block;
	top: 189px;
	left: 832px;
	width: 2px;
	height: 15px;
	background-image: url(/templates/css/images/trennstrich-textfarbe.jpg);
	}

span.trennstrich3 {
	position: absolute;
	display: block;
	top: 189px;
	left: 927px;
	width: 2px;
	height: 15px;
	background-image: url(/templates/css/images/trennstrich-textfarbe.jpg);
	}

span.trennstrich-weiss {
	position: absolute;
	display: block;
	top: 99px;
	left: 850px;
	width: 3px;
	height: 15px;
	background-image: url(/templates/css/images/trennstrich-weiss.png);
	}




/* ------------------------------------------------------------
Sub-Navigation (Level 1)
------------------------------------------------------------ */

/* - - - Position SubNav-Studio - - - */
ul.subnav1 {
	position: absolute;
	top: 220px;
	left: 650px;
	list-style-type: none;
	z-index: 100;
	}

/* - - - Position SubNav-Cella-Seven - - - */
ul.subnav2 {
	position: absolute;
	top: 220px;
	left: 732px;
	list-style-type: none;
	z-index: 100;
	}

/* - - - Position SubNav-Galerien - - - */
ul.subnav3 {
	position: absolute;
	top: 220px;
	left: 850px;
	list-style-type: none;
	z-index: 100;
	}

ul.subnav1 a,
ul.subnav2 a,
ul.subnav3 a,
ul.subnav1b a {
	color: #47626E;
	text-decoration: none;
	font-size: 0.7em;
	}

ul.subnav1 a.active,
ul.subnav2 a.active,
ul.subnav3 a.active,
ul.subnav1b a.active,
ul.subnav1 a:hover,
ul.subnav2 a:hover,
ul.subnav3 a:hover,
ul.subnav1b a:hover {
	color: #47626E;
	text-decoration: none;
	font-weight: bold;
	font-size: 0.7em;
	}




/* ------------------------------------------------------------
Bild-Navigation (Level 2)
------------------------------------------------------------ */

ul.previewNav1 {
	position: absolute;
	top: 550px;
	left: 500px;
	width: 420px;
	list-style-type: none; 
	z-index: 100;
	}

ul.previewNav2 {
	position: absolute;
	top: 520px;
	left: 500px;
	width: 420px;
	list-style-type: none; 
	z-index: 100;
	}

ul.previewNav1 li,
ul.previewNav2 li {
	position: relative;
	float: left;
	}

ul.previewNav1 li a,
ul.previewNav2 li a {
	position: relative;
	display: block;
	width: 33px;
	height: 31px;
	background: #666;
	margin: 5px 5px 0 0;
	}
	
ul.previewNav1 li a img,
ul.previewNav2 li a img {
	position: relative;
	width: 33px;
	height: 31px;
	background: #000;
	margin: -1px 0 0 -1px;
	}




/* ------------------------------------------------------------
Kontakt
------------------------------------------------------------ */

img.kontakt {
	position: absolute;
	top: 100px;
	left: 858px;
	width: 62px;
	height: 11px;
	/*background: url(/templates/css/images/navigation/werbephotographie.png) no-repeat 0px 0px;*/
	z-index: 1;
	}




/* ------------------------------------------------------------
Bildkante (Optische Effekt über den Hauptbildern)
------------------------------------------------------------ */

div.borderIMG {
	position: absolute;
	width: 6px;
	height: 400px;
	top: -3px;
	left: 0px;
	background: url(/templates/css/images/border.png) no-repeat 0 0;
	z-index: 1000;
	}




/* ------------------------------------------------------------
Deko-Element (rechts am Rand)
------------------------------------------------------------ */

div#decoElement {
	position: absolute;
	width: 60px;
	height: 145px;
	top: 230px;
	right: 11px;
	background: url(/templates/css/images/decoElement01.jpg) no-repeat 0 0;
	}




/* ------------------------------------------------------------
Footer
------------------------------------------------------------ */

div#footer {
	position: relative;
	width: 1040px;
	height: 33px;
	background-image: url(/templates/css/images/footer.jpg);
	float: left;
	z-index: 1;
	}

p#copyright {
	position: absolute;
	top: 30px;
	left: 50px;
	color: #CCC;
	font-size: 0.7em;
	}

p#copyright a {
	color: #BBB;
	}




/* ------------------------------------------------------------
Validation-Note
------------------------------------------------------------ */

img#validHtml { 
	position: absolute;
	top: 30px;
	right: 90px;
	}

img#validCss { 
	position: absolute;
	top: 30px;
	right: 30px;
	}

}