/* reset styles */
/*--------------*/

* { margin:0; padding: 0 }

/* Fix: margin/padding reset causes too small select boxes */
option { padding-left: 0.4em }

/* Global fix of the Italics bugs in IE 5.x and IE 6 */
* html body * { overflow:visible; }

/* Forcing vertical scrollbars in Netscape, Safari */
/*ATTENTION: might cause problems with permanent horizontal scroll-bar; in this case set brder to 0px*/
html { height: 100%;  margin-bottom: 0px;}
  
body {
	/* (en) Fix for rounding errors when scaling font sizes in older versions of Opera browser */
	font-size: 100.01%;
	font-family: inherit;
}

/* no borders for <fieldset> and <img> */
fieldset, img { border: 0 solid; }

/* reset def lists*/


dt { font-weight: bold; }
dd { margin: 0; }



a {
	outline: none; /*Firefox mousecklick-outline ausschalten*/
}

/*------------------------------------------------------------------------------------------------------*/





/*------ basics:  page-margins, fonts -----*/

html {
	background: #383838;
}

body {
	text-align: center;
	font-family:"Courier New", Courier, monospace;
	color: #222;
	font-size: 100%; /* at standard browser font-size equals 16px serving as evaluation basis*/

}


/* ----------- structure -------------- */

#outerwrappage {
	text-align: left;	
	margin: 0px auto 60px;
	width:1100px;
}

#wrappage {
	position: relative;
	width: 1050px;
	font-size: 75%; /* 12px */
	line-height: 1.538em; /* 17px */
	background: url(../img/hg_main.gif) 115px 0px no-repeat
}

#page {
	margin:0;
	padding: 0;
}

#page.zurperson {
	background: url(../img/hg_person.jpg) 138px 13px no-repeat;
}

#page.galerie {
	background: url(../img/hg_galerie.jpg) 138px 0px no-repeat;
}

#wrappage.galerie {
	background: url(../img/hg_main_galerie.gif) 120px 437px no-repeat
}

#page.presse {
	background: url(../img/hg_presse.gif) 138px 173px no-repeat;
}

#page.kontakt {
	background: url(../img/hg_kontakt.gif) 115px 220px no-repeat;
}

#header {
	height:173px;
	background: url(../img/title.gif) 86px 0px no-repeat;
}

#header h1 {
	text-indent:-999em;
}


#mainmenu {
	position: absolute;
	top: 182px;
	right: 928px;
	text-align: right;
	z-index:100;
}



#content {
	padding: 0px 460px 0px 138px;
	margin-top: -12px;
	min-height:800px;
}




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


/* ----------- main menu -----------*/



img.rubrikfoto {
	position:absolute;
	top:0px; left:592px;
	z-index: 5;
}

#mainmenu ul {
	list-style:none;
	margin:0;
	padding: 0;
	color: #9c9c9c;
}

#mainmenu ul li {
	padding: 7px 0;
	line-height: 1.1em;
}


#mainmenu ul li a {
	font-size: 150%; /*18px bei 12px*/
	color: #9c9c9c;
	text-decoration: none;
	padding:0;
	display: block;
}

#mainmenu ul li a.act {
	color:#000;
	background: #fff;
}

#mainmenu ul li a:hover {
	color: #7ba800;
}

 #mainmenu ul li a.act:hover {
	 color:#000;
 }



/* ------------ Inhalte ------------- */

#datenschutz {
	margin: 30px 0 0 16px;
	color:#ccc;
}

#datenschutz a {
	color: #999;
}

h2 {
	margin: 0px 0 15px 15px;
	padding: 0 0 0 0;
	font-size: 350%; /* 42px bei 12px */
	font-weight: bold;
	color: #85b600; /*7ba800;*/
}

h3 {
	margin: 25px 0 5px 0;
	padding: 0;
	font-size:115.38%;
	font-weight:bold;
}

div.rubrikbild {
	position:absolute;
	text-align:right;
	top:150px; left:0;
	width: 300px;
	z-index:10;
}



/***********/
/* Presse */
ul.presse {
	margin:40px 0px 20px 50px;
	list-style:none;
	padding:0;
}

ul.presse li {
	padding:5px 0;
}

ul.presse a {
	text-decoration:none;
	color:#ccc;
}

ul.presse a:hover {
	text-decoration:underline;
}

span.zeitung {
	font-weight:bold;
	font-size:133.33%;
	color: #ccc;
}

ul.presse p {
	padding:0 0 0 10px;;
	font-size: 116.67%;
}

p.datum {
}

ul.presse a img {
	position: absolute;
}

a.presse-1 img {
	top:414px; left: 555px;
	z-index:11;
}

a.presse-2 img {
	top:100px; left: 661px;
	z-index:12;
}
a.presse-3 img {
	top:101px; left: 875px;
	z-index:13;
}
a.presse-4 img {
	top:0px; left: 568px;
	z-index:14;
}
a.presse-5 img {
	top:56px; left: 640px;
	z-index:15;
}
a.presse-6 img {
	top:409px; left: 774px;
	z-index:16;
}

/* fixing fucking IE6-Bug, zur Gewährleistung der hover-Funktionalität */
ul.presse li a:hover {
  background-position: 0 0;
}

ul.presse li a:hover img {
	/*z-index:100;*/
}




/************/
/* Galerie */

#picturecont {
	position:absolute;
	top:104px; left:592px;
	z-index: 5;
}

#picturecont span.bildtitel {
	display: block;
	font-size: 12px;
	color:#fff;
	padding: 5px 10px 0 30px;
}

ul.galerie {
	list-style:none;
	margin: 20px 15px 30px 20px;
	padding:0;
}

ul.galerie li {
	position:relative;
    display: -moz-inline-box; /* Firefox kleiner 3 */
    display: inline-block; /* kompatible Browser */
	width:73px;
    margin: 6px 2px; padding: 0 0 5px 0;
	line-height: 0px; /*verhindert vertikalen Abstand bei Bildern*/
	font-size: 0px; /*dito, zusätzlich nötig bei IE*/
	background: url(../img/hg_dia_bottom.png) bottom left no-repeat;
	
	vertical-align:middle;
}


ul.galerie li.vbottom {
	vertical-align: bottom;
}

ul.galerie li div {/* stabilisiert Firefox kleiner 3 */
    /*display: table;*/
	margin:0; padding:0;
	background: url(../img/hg_dia_top.png) top left no-repeat;

}



ul img {
	border: 0;
	margin:0; padding:0;
	vertical-align:baseline;
}

ul.galerie img.act {
	outline: 2px solid #930;

}


ul.galerie a:hover img {
	outline: 1px solid #9b3;
}


ul.galerie .actmarker {
	position:absolute;
	top:-2px; left:0px; width:68px; height:100%;
	background:url(../img/hg_actmarker.png) 0 50% no-repeat;
	z-index:100;
	
}


img.loadergif {
	position:absolute;
	top:300px; left: 200px;
	z-index:200;
}


/********/
/*galnav*/

ul#galnav {
	list-style:none;
	position:absolute;
	top:586px;
	left:135px;
}

ul#galnav li {
	width:52px;
	height:82px;
	float:left;
	margin-right:8px;
}

ul#galnav li a {
	display:block;
	width:52px;
	height:82px;
	background:url(../img/hg_galnav.png) top left no-repeat;
	text-decoration:none;
	color:#fff;
	text-indent:3px;
	font-size:12px;
}

ul#galnav li.act span {
	display:block;
	width:52px;
	height:82px;
	background:url(../img/hg_galnav_act.png) top left no-repeat;
	color:#ccc;
	text-indent:3px;
	font-size:12px;
}

ul#galnav li a:hover {
	text-decoration:none;
	background-position:bottom;
	color:#fff;
}

/************/
/* Kontakt */

div.formular {
	padding:50px 0 0 58px;
	position:relative;
	z-index:250; /* IE-Bug : sonst wird das div.forminfo gecroppt */
}

div.forminfo {
	position:absolute;
	width:220px;
	height:170px;
	right:-95px;
	top:20px;
	z-index:300;
	/*background: url(../img/hg_forminfo.png) top left;*/
	background: url(../img/hg_notiz.png) top left no-repeat;
}

div.forminfo p.formularmsg {
	padding: 35px 30px 0px 30px;
	line-height:1.3em;
}

div.forminfo p.errormsg {
	padding: 5px 30px 0px 30px;
	line-height:1.3em;
}

div.row {margin:12px 0;}

div.formular input.text, div.formular textarea {
	 background: url(../img/hg_input.png) top left;
	 border: none;
	 margin: 0;
	 padding:2px 3px;
	 font-family:"Courier New", Courier, monospace;
}

div.formular textarea {
	margin-top:5px;
	height:130px;
	font-size: 12px;
}


.w200 { width:200px;}
.w300 { width:300px;}

div.kontakt div.adresse {
	color: #fff;
	padding: 30px 0 20px 29px;
	font-size: 116.67%;
}


/* Impressum */

h2#impressum {
	font-size: 20px;
	margin-top:100px;
}

div.impressum {
	color: #fff;
	padding: 0px 10px 20px 30px;
}

div.impressum a {
	color: #f00;
}


div.impressum h3 {
	margin-bottom: 0;
}

.impressum .adresse {
	border-left: 5px solid #fff;
	padding:0 0 0 5px;
	margin: 0 0 0 2px;
}

.indtext {
	padding:10px 20px 0px 17px;
	font-size: 108.33%;
	line-height:1.5em;
}

p {
	padding: 5px 0;
}

p.autor {
	font-style:normal;
	padding:0;
	line-height:1.1em;
}

p.zitat {
	font-weight:bold;
	font-style:italic;
	padding:0 0 8px 0;
	line-height:1.1em;
}

p.lexicon {
	padding:10px 20px 10px 18px;
	margin-left:-3px;
	font-style:italic;
	line-height:1.3em;
	background:url(../img/hg_lexicon.gif) left 3px no-repeat;
}

p span.initiale {
	font-size:153.8%;
}

a, a:link {
	color: #8e164c;
	text-decoration:none;
}

a:hover {
	color: #6b042a;
	text-decoration:underline;
}

a.extlink {
	background: url(../img/extlink_ic.gif) 0 7px no-repeat;
	padding-left:19px;
}


p.marginal {
	font-size:12px;
	line-height: 1.5em;
}

span.marginal {
	font-size:12px;
}

ul {
	margin: 0px 25px;
	padding: 5px 0;
}

.narrowdiv {
	padding-right:200px;
}


blockquote {
	font-style:italic;
	line-height:22px;
}

cite {
	font-size: 12px;
}

.floatright {
	float:right;
}




div.infobox {
	/*für die Kompat. mit IE muss hier mit psoition: relative und left:-23 gearbeitet werden, anstelle von neg. margins (sonst werden die Inhalte der Infobox nach links einfach abgeschnitten;
	 ACHTUNG: zusätzlich per Conditions im IE ein Margin-right (!!) setzen, um die Box in der Breite aufzuspannen */
	position:relative;
	left:-23px;
	background: url(../img/hg_infobox.gif) top left no-repeat;
	padding-left: 25px;
	padding-right: 10px;
	margin-right: -30px;
}

.bordertop {
	border-top: 1px solid #a89b89;
}




/* ------------ Subcolumns ----------*/
/* nicht mit overflow: hidden arbeiten, da sonst das Verschieben in den Randbereich nicht funzt (mit wrappermargincol); stattdessen ist ein clearing per Hand nötig (im HTML mit hr.cleary) */
.subcolumns {width: 100%; float:left;}

hr.cleary {
	float:none;
	clear:both;
	height: 1px;
	padding:0; margin:0;
	border:none;
	visibility: hidden;
}

.subcolumns_oldgecko { width: 100%; float:left; }

.c50l, .c25l, .c33l, .c38l, .c66l, .c75l, .c62l {float: left; }
.c50r, .c25r, .c33r, .c38r, .c66r, .c75r, .c62r {float: right; margin-left: -5px; }

.c25l, .c25r { width: 25%; }
.c33l, .c33r { width: 33.333%; }
.c50l, .c50r { width: 50%; }
.c66l, .c66r { width: 66.666%; }
.c75l, .c75r { width: 75%; }
.c38l, .c38r { width: 38.2%; }
.c62l, .c62r { width: 61.8%; }

.subc  { padding: 0 0.5em; }
.subcl { padding: 0 12px 0 0; }
.subcr { padding: 0 0 0 12px; }

/* -- Spezial Subcols (Erschließung der linken Randspalte) -- */

.subcolumnsrand {
	margin-left: -323px;
	overflow: hidden;
}

.crand {
	float: left;
	width: 300px;
	text-align: right;
}

.cinhalt {
	float:right;
	width:558px;
	margin-left: 0px;
}

.crand .subcl {padding: 0 0 0 30px;}
.cinhalt .subcr {padding: 0 0 0 0;}


/* erschliessen der Randspalte ohne aufwändige Mehspaltenlösung mit subcolumns oder subcolumnsrand*/
.wrappermargincol {
	position:relative;
}

.margincol {
	position: absolute;
	left: -323px; top:0;
	width: 300px;
	text-align: right;	
}