/* malerwerkstaette scheuerle
   www.scheuerle-herrenberg.de
   main screen stylesheet
   06 2009 erik wunderlich */

* {
	margin:0px;
	padding:0px;
	border:0px;
}

html, body {
	height:100%;
	text-align:center;
}

body {
	background-color:#FFF;
}

body, div {
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	line-height:18px;
}

a:link, a:visited, a:active {
	color:#AF071F;
	text-decoration:none;
}

div#upstage {
	width:100px;
	height:50%;
	margin-bottom:-346px;
	float:left;
}

div#centerstage {
	position:relative;
	width:878px;
	height:692px;
	overflow:hidden;
	margin:auto;
	text-align:left;
	clear:left;
}

li {
	list-style-type:none;
}


div#mainlogo {
	position:absolute;
	left:5px;
	top:10px;
	width:121px;
	height:111px;
}
div#mainlogo h2 {
	width:121px;
	height:111px;
	background:url(../gfx/bg_mainlogo_shapedecker.png) no-repeat;
}
div#mainlogo a {
	display:block;
	width:121px;
	height:111px;
	text-indent:-9999px;
	overflow:hidden;
}

h1 {
	font-size:14px;
	line-height:18px;
	margin-bottom:7px;
}

div#maincontent {
	position:absolute;
	left:180px;
	top:17px;
	width:471px;
	background-image:url(../gfx/default_keyvisual.jpg);
	background-repeat:no-repeat;
}
div#maincontentdecker {
	width:471px;
	height:377px;
	background:url(../gfx/bg_keyvisual_shapedecker.png) no-repeat;
}
div#maincontent .steg {
	position:absolute;
	padding-top:372px;
	width:420px;
}
div#maincontent p {
	margin-bottom:18px;
}

div#maincontent table {
	width:420px;
}
div#maincontent td.col1 {
	width:170px;
}
div#maincontent td.col2 {
	width:250px;
}

div#marginalspalte  {
	position:absolute;
	left:651px;
	top:17px;
	width:222px;
	height:348px;
}

div#marginaldecker {
	position:absolute;
	width:222px;
	height:348px;
	background:url(../gfx/bg_marginal_shapedecker.png) no-repeat;
}

div#marginalspalte .steg  {
	width:180px;
	height:310px;
	margin-left:24px;
	margin-top:22px;
	overflow:hidden;
	color:#FFF !important;
}

div#marginalspalte p  {
	margin-bottom:10px;
}

p#adresse {
	position:absolute;
	left:180px;
	bottom:0px;
	width:690px;
	font-size:11px;
}




div#mainnavi {
	position:absolute;
	left:0px;
	top:386px;
	width:150px;
	z-index:100;
}

div#subnavi {
	position:absolute;
	left:645px;
	top:386px;
	width:228px;
	z-index:100;
}

div#mainnavi a, div#mainnavi span, div#subnavi a, div#subnavi span {
	display:block;
	height:20px;
	line-height:22px;
	padding-left:4px;
	border-style:solid;
	border-width:1px;
	font-size:13px;
	font-weight:bold;
}
div#mainnavi a, div#subnavi a {
	border-color:#FFF;
}
div#subnavi a, div#subnavi span {
	font-size:12px;
	height:18px;
	line-height:20px;
}

div#marginalspalte a {
	color:#FFF;
	text-decoration:underline;
}

a#impressum {
	display:block;
	position:absolute;
	left:5px;
	bottom:0px;
	text-transform:uppercase;
}





.al {
	text-align:left;
}
.ac {
	text-align:center;
}
.ar {
	text-align:right;
}
.fl {
	float:left;
}
.fr {
	float:right;
}
.cl {
	clear:left;
}
.cr {
	clear:right;
}
.cb {
	clear:both;
}
.screen, .visOn {
  visibility:visible;
}
.print, .visOff {
  display:none;
}
:focus {
	outline:none;
}