/*
-------------------------------------
Screen Stylesheet

version:   		1.0
date:      		20/05/2009
for website:	www.anna-art.org
author:    		[k.rehage]
website:   		[rehage-design.de]
------------------------------------
*/
* { margin:0; padding: 0; } 
html { height: 100% } 
body {
	min-height: 101%;
	font-size: 100.01%;
	color: #C3C3C3;
	background: #181818;
	font-family: arial, helvetica, sans-serif;
	text-align:center; 
} 
img { 
	border: 0px;
} 
#pagewidth { 
	width:950px; 
	text-align:left;
	margin: 0px auto;
} 
#header {
	position:relative;
	height:115px;
	width:100%;
} 
#header.norm { 
	background: url(../img/a-a_bg_head.jpg) no-repeat  left top;
} 
#header.gall { 
	background: url(../img/a-a_bg_head_g.jpg) no-repeat  left top;
} 
ul#nav {
	float:left;
	margin: 0px 0px 0px 290px;
	width:auto;
}
ul#nav li, ul#subnav li {
	list-style:none;
	float:left;
}
ul#nav li a {
	text-decoration:none;
	display:block;
	padding:0.4em;
	color:#C3C3C3;
	font-size: 2em;
}
ul#nav li a:hover {
	color:#fff;}
#nav .activ {
	color:#fff;
}
ul#subnav {
	float:left;
	margin: 0px 0px 0px 297px;
	width:auto;
}
ul#subnav li a {
	text-decoration:none;
	display:block;
	padding:0.4em 1.2em 0.4em 0.4em;
	color:#C3C3C3;
	font-size: 1em;
}
ul#subnav li a:hover {
	color:#fff;}
#subnav .activ {
	color:#fff;
}
#leftcol {
	float:left;
	position:relative;
	height: 410px;
	clear: left;
 }
#leftcol.norm { 
	background: url(../img/a-a_bg_logo.jpg) no-repeat left top;
	width:250px;
} 
#leftcol.gall { 
	background: none;
	width:30px;
}
#maincol {
 	float: right; 
 	display:inline; 
 	position: relative; 
}
#maincol.norm {
 	width:700px; 
}
#maincol.gall {
 	width:905px; 
}
#text {
	float: left;
	width:auto;
	clear: right;
 }
h1 span, h2 span {
  	clear: both;
	visibility: hidden;
	line-height: 0px;
	font-size: 0px;
	height: 0px;
}
#text h2 {
	font-size: 0.9em;
	font-weight:bold;
	color: #D25D8F;	
}
#text h3 {
	font-size: 0.8em;
	font-weight:bold;
	color: #8A6EA1;
	margin: 1.5em 0 0.5em 0;	
}
#text h4 {
	font-size: 0.8em;
	font-weight:bold;
}
 #text p {
	font-size: 0.8em;
	margin: 0 0 1.5em 0;
	line-height: 1.5em;	
 }
 #text a, #footer a,  #text a:visited, #footer a:visited {
	color: #D25D8F;
	text-decoration: none;
}
#text a:hover, #footer a:hover {
	color: #000;
	background: #D25D8F;
	text-decoration: none;
}
.home {
	margin: 230px 0px 0px 50px;
 }
.anna, .kontakt {
	margin: 0px 100px 0px 50px;
 }
 .dis {
	margin: 50px 0px 0px 0px;
 }
 .h {
	background: url(../img/a-a_ho.gif) no-repeat 0.05em 0.7em;
 }
  .g {
	background: url(../img/a-a_ga.gif) no-repeat 0.05em 0.7em;
 }
  .a {
	background: url(../img/a-a_an.gif) no-repeat 0.05em 0.7em;
 }
  .k {
	background: url(../img/a-a_ko.gif) no-repeat 0.05em 0.7em;
 }
#flashcontent {					
	width: 900px;	
	height: 510px;			
}
#footer {
 	height:50px; 
 	clear:both;
} 
#footer p {
	font-size: 0.8em;
	margin-left: 110px;
}
.clearfix:after {
	content: "."; 
 	display: block; 
	height: 0; 
 	clear: both; 
 	visibility: hidden;
 }
.clearfix{display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */