@charset 'utf-8';
@import url(reset.css);
@import url(fancybox.css);

/* ----------------------------------------------------- Comment */

.js div { } /* apply only on JavaScript enabled browsers */
.ie7 div { } /* apply only on Internet Explorer 7 and below */
.ie6 div { } /* apply only on Internet Explorer 6 and below */

body {
	font-family:Georgia;
	font-size:16px;
	background: #BAFFFF; /* old browsers */
	background: #19C7FF url(../img/back_grad.png) scroll repeat-x top;
	background: -moz-linear-gradient(top, #FFFFFF 0%, #19C7FF 50%, #19C7FF 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(50%,#19C7FF), color-stop(100%,#19C7FF)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#19C7FF',GradientType=0 ); /* ie */
}

#nav a:link, #nav a:visited {
	color:#ff8100;
	text-decoration:none;
}

#header {
	width:52%;
	padding-left:3.25em;
	padding-right:3em;
	margin-left:-2%;
	height:8em;
	border-bottom-right-radius:55px;
	border-bottom-left-radius:55px;
	-moz-border-radius-bottomleft: 55px;
	-moz-border-radius-bottomright: 55px;
	background: #00c1FF; /* old browsers */
	background-image:url(../img/back.jpg);
	background-repeat:no-repeat;
	background-position:right;
	-moz-box-shadow: 1px 1px 5px #000;
	-webkit-box-shadow: 1px 1px 20px #000;
	box-shadow: 1px 1px 20px #000;
	padding-top:1em;
}

h1 {
	color: #00005f;	
	font-size: 3em;
	position:relative;
}

h1 span {
	background-color: white;
	padding-left:1em;
	padding-right:0.3em;
	margin-left:-1.25em;
	border-top-right-radius:15px;
	border-bottom-right-radius:15px;
	-moz-border-radius-topright: 15px;
	-moz-border-radius-bottomright: 15px;
}

p {
	line-height:1.45em;
}

#nav {
	font-size: 1.5em;
    list-style: none outside none;
    margin-bottom: 3em;
    position: absolute;
    margin-left: 60%;
    margin-top:-6em;
}

#nav > li {
	display:block;
	float:left;
	border-bottom-right-radius: 35px;
	border-bottom-left-radius: 35px;
	padding: 0.7em;
	padding-top:0.5em;
	margin-left:0.1em;
	-moz-border-radius-bottomright: 35px;
	-moz-border-radius-bottomleft: 35px;
	-moz-box-shadow: 1px 1px 5px #000;
	-webkit-box-shadow: 1px 1px 20px #000;
	box-shadow: 1px 1px 20px #000;
	background-color:#0087b2;
}



.ie6 #nav li {
	display:block;
	float:left;
	padding: 0.7em;
	padding-top:0.5em;
	margin-left:0.1em;
	background-color:#0087b2;
}

.ie6 .subnav li {
	clear:both;
	font-size:0.8em;
	margin-left:-0.5em;
	padding-left:-0.5em;
}

ul.subnav > li {
	font-size:0.8em;
}


#silhouette {
	position:absolute;
	width:53%;
	height:200px;
	z-index:100;
	margin-top:40px;
	display:block;
	background-image:url(../img/welcome.png);
	background-position:right;
	background-repeat:no-repeat;
}

#silhouette img {
	display:none;
}

.ie6 #silhouette {
	margin-left:83%;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.marcelkoch.net/revisited/img/welcome.png', sizingMethod='scale');
	width:91px;
	height:200px;
	display:block;
	background:none;
}

#logo {
	margin-top:70px;
	margin-left:67%;
	position:absolute;
}

.ie6 #logo img {
	display:none;
}

.ie6 #logo {
	margin-left:115%;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.marcelkoch.net/revisited/img/logo.png', sizingMethod='scale');
	width:217px;
	height:150px;
	display:block;
	background:none;
}

#newscall {
	margin-top:1em;
	margin-bottom:1em;
	padding-left:115px;
	background-image:url(../img/newscall.png);
	background-repeat:no-repeat;
	background-position:left;
	height:84px;
	width:34%;
}

#newscall h2 {
	font-size:1em;
	font-weight:bold;
}

#newscall p {
	font-size:0.9em;
}

.wrapper {
	width: 100%;
	overflow-x: hidden;
}

#innerwrapper {
	width: 200%;
	padding-top:1.5em;
}

#content {
	float:left;
	margin-bottom:20px;
	
	background: #E8FFFF url(../img/con_grad.png) scroll repeat-x top;
	background: -moz-linear-gradient(top, #00c1FF 0%, #E8FFFF 10%, #E8FFFF 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00c1FF), color-stop(5%,#E8FFFF), color-stop(100%,#E8FFFF)); /* webkit */
	margin-left:-1%;
}


#content h2, #teaser h2 {
	font-size:2.5em;
	margin-bottom:1.5em;
}

#content, #teaser {
	width:26%;
	padding-left:3.25em;
	padding-right:3em;
	padding-top:1.5em;
	border-radius:55px;
	-moz-border-radius: 55px;
	-moz-box-shadow: 1px 1px 5px #000;
	-webkit-box-shadow: 1px 1px 20px #000;
	box-shadow: 1px 1px 20px #000;
}

#teaser {
	margin-left:48%;
	background: #E8FFFF url(../img/teas_grad.png) scroll repeat-x top;
	background: -moz-linear-gradient(top, #0087b2 0%, #E8FFFF 10%, #E8FFFF 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0087b2), color-stop(5%,#E8FFFF), color-stop(100%,#E8FFFF)); /* webkit */
	margin-bottom:20px;
	height:70em;
}


.ie7 .wrapper {
	position:relative;
}

.ie7 #teaser {
	float: right;
	overflow: hidden;
	margin-left: auto;
	margin-right:22%;
}

.ie7 #iehint {
	display:block;
	position:absolute;
	width:7em;
	margin-left:870px;
	overflow:hidden;
	z-index:-80;
	font-size:0.7em;
}

.ie6 #iehint {
	margin-left:1440px;
}

#footer {
	clear: both;
}