@CHARSET "UTF-8";
/*
CSS definitions www.fotofrizz.de
@copyright	2008 Andreas Wenk www.netzmeister-st-pauli.de
@author		Andreas Wenk

notation with "*" infront of a directive is IE only
*/

html, body {
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans serife;
	font-size: 12px;
	background-color: #ffffff;
	color: #222222;
	padding: 0;
	margin: 0;
}
h1 {
	font-size: 18px;
	*margin-top:10px;
}
h2 {
	font-size: 14px;
	*margin-top:10px;
}
/*
############
# sections
############
*/
div#main {
	position:relative;
	width: 980px;
	height: 835px;
	margin-left: auto;
	margin-right: auto;
	text-align:left;
}
div#header {
	position:absolute;
	margin: 5px 0 0 20px;
	height: 180px;
	width: 920px;
}
div#header div.headline {
	position:absolute;
	margin-top:30px;
	float:left;
}
div#header div.headline h1{
	font-size:28px;
}
div#header div.logo {
	position:absolute;
	right:0px;
	width:182px;
	height:170px;
	float:left
}
div#content {
	position:absolute;
	margin:140px 0 0 0;
	height: 690px;
	width:975px;	
}
div#navTop {
	height:65px;
}
div#navTop div.navTopRow1 {
	height:31px;
	border-left:1px solid #bcbdbf;
	border-right:1px solid #bcbdbf; 
}
div#navTop div.navTopRow1 div.on {
	float:left;
	height:31px;
	width:139px;
	background: url('/fileadmin/img/bg_navtop_off.png') top no-repeat;
	text-align:center;
	line-height:31px;
}
div#navTop div.navTopRow1 div.on a {
	color: #000000;
	text-decoration:none;
	font-size:16px;
}
div#navTop div.navTopRow1 div.off {
	float:left;
	height:31px;
	width:139px;
	background: url('/fileadmin/img/bg_navtop_on.png') top no-repeat;
	text-align:center;
	line-height:31px;
}
div#navTop div.navTopRow1 div.off a {
	color: #ffffff;
	text-decoration:none;
	font-size:16px;
}
div#navTop div.navTopRow2 {
	height:34px;
	background-color: #000000;
	border-left:1px solid #bcbdbf;
	border-right:1px solid #bcbdbf;
	color: #999999; 
}
div#navTop div.navTopRow2 div.inner {
	text-align:center;
}
div#navTop div.navTopRow2 a {
	color: white;
	text-decoration: none;
	line-height: 34px;
	color: #999999;
}
div#navTop div.navTopRow2 a:hover {
	color: #cccccc;
	text-decoration: underline;
}
div#contentInner {
	height: 625px;
	border-left: 2px solid #bcbdbf;	
	border-right: 2px solid #bcbdbf;
	border-bottom: 2px solid #bcbdbf;
	line-height: 18px;
}
div#contentInner div.navLeft {
	width:138px;
	height: 625px;
	background-color: #f5f5f6;
	position:absolute;
}
div#contentInner div.navLeft a {
	text-decoration: none;
	color: #222222;
}	
div#contentInner div.navLeft a:hover {
	text-decoration: underline;
	color: #ff6500;
}
div#contentInner div.navLeft ul {
	margin: 5px 0 0 5px ;
	padding: 0px;
}
div#contentInner div.navLeft li {
	list-style: none;
	padding: 2px;
	font-size: 14px;
}	
div#contentInner div.navLeft li.level2 {
	list-style: none;
	margin: 0 0 0 10px;
	font-size: 12px;
}
div#contentInner div.navLeft li.level2act {
	list-style: none;
	margin: 0 0 0 10px;
	font-size: 12px;
}
div#contentInner div.contentText {
	position:absolute;
	width:696px;
	height:623px;
	margin: 0 0 0 245px;
	overflow:auto;
	padding-right:30px;
}
div#contentInner div.contentText h2 {
	line-height: 20px;
}
div.galerienavi{
	color: #ff6500;
}
div.galerienavi a {
	color: #ff6500;
	text-decoration: none;
}
div.galerienavi a:hover {
	color: #ff6500;
	text-decoration: underline;
}
div.clear {
	clear:both;
}
div#footer {
	color: #999;
	font-size:10px;
}
div#footer a, div#footer a:hover {
	color: #999;
}
div#mailform textarea {
	width: 300px;
	height: 80px;
}

/*
############
# color and size
############
*/
.grey {
	color: #cccccc;	
}
#msg {
	color: red;
}
table.galerie img {
	border:12px solid #efefef;	
}
table.galerie {
	margin-top:10px;
}
table.galerie td {
	width:300px;
	text-align:center;
	vertical-align:top;
	
}