/*
	**	Stylesheet Formatierungen für nicolewiese.de
	**
	**	line endings: unix; encoding: utf-8; BOM: off; tabs: yes; tab width: 4
	**
	**	@copyright	tuplus medien <info@tuplus.de>
	**	@author		thomas juhnke <tommy@van-tomas.de>
	**	@since		18.06.2006 10:17:35
	*/

	body {
		/*
			kleiner Workaround: wenn position hier fehlt, wirds im Firefox aber
			nicht im IE richtig zentriert angezeigt, deshalb mit !important die
			Standardeinstellung für Firefox setzen (bei relative und absolute)
			ebenfalls falsch dargestellt und für IE die relative-Angabe
		*/
		position: static !important;
		position: relative;
		width: 100%;
		height: 100%;
		margin: 0;
		border: 0;
		padding: 0;

		background-color: black;
		color:#ffffff;
	}

	/*
		das Element wrappt die eigentlichen Inhaltselemente und sorgt für die 
		horizontale und vertikale Zentrierung im Browserfenster
	*/
	body.galerie{
		/*
			kleiner Workaround: wenn position hier fehlt, wirds im Firefox aber
			nicht im IE richtig zentriert angezeigt, deshalb mit !important die
			Standardeinstellung für Firefox setzen (bei relative und absolute)
			ebenfalls falsch dargestellt und für IE die relative-Angabe
		*/
		position: static !important;
		position: relative;
		width: 100%;
		height: 100%;
		margin: 0;
		border: 0;
		padding: 0;
		background-image: url('../img/galerie_bg.png');
		background-repeat:repeat-y;
		background-color: #990000;
		color:#ffffff;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
	}
	
	img.galerie{
	border-width:2px;
	border-color:#000000;
	
	}
	body.galerie .main{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;	
	}
	div#wrap {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 908px;
		height: 596px;
		margin-left: -455px;
		margin-top: -299px;
		background-color: white;
		border: 1px solid white;
		/*
			ich habe das Hintergrundbild hier eingestellt, da es für den Inhalts-
			bereich mit background-attachment: fixed Probleme gab.
		*/
		background-image: url('../img/bg_content.png');
		background-position: 186px 181px;
		background-repeat: no-repeat;
		overflow:hidden;
	}

	/* Formatierungen für den Header-Bereich... */
	div#wrap div#header {
		position: absolute;
		top: 0;
		left: 0;
		width: 797px;
		height: 175px;
		background-color: #cecece;
	}

	/*
		Bildelement mit dem Bogen, z-index sorgt dafür, über anderen Elementen 
		zu liegen
	*/
	div#wrap div#header img#head-arc {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
	}

	/* Kopfgrafik */
	div#wrap div#header img#head-img {
		position: absolute;
		top: 0;
		right: 0;
	}
	div#wrap div#header  h1#blurb {
		position: absolute;
		top: 156px;
		left: 186px;
		/*width: 400px;*/
		margin: 0;
		margin-top: 2px;
		padding: 0;
		color: #ffffff;
		text-transform: lowercase;
		text-align: center;
		letter-spacing: 2px;
		font-size: 10pt;
		font-family: Arial, Helvetica, sans-serif;
		z-index:2;

	}	
	/* grundlegende Formatierung für den Bereich, der das Hauptmenü enthält */
	div#wrap div#menu {
		position: absolute;
		top: 175px;
		left: 0;
		width: 186px;
		height: 318px;
		background-color: #99000;
		background-image: url('../img/bg_menu.png');
		z-index: 1;
	}

	/*
		CSS Popup Menus nach Eric Meyer
		Infos. http://dean.edwards.name/IE7/compatibility/Pure%20CSS%20Menus.html
	*/
	/* IE7: force "layout" for menu items (this is the same as the "holly" hack) */
	div#wrap div#menu li,
	div#wrap div#menu li a {
		box-sizing: content-box;
	}

	div#wrap div#menu ul {
		padding: 0;
		margin: 0;
	}

	div#wrap div#menu ul li {
		list-style-type: none;
		position: relative;
		padding-left: 25px;
	}

	div#wrap div#menu ul ul {
		display: none;
	}

	div#wrap div#menu ul li:hover {
	
		z-index: 5;
	}

	div#wrap div#menu ul li:hover > ul {
		
		position: absolute;
		display: block;
		width:100%;
		top: 0;
		left: 97px;
		/*border-left: 1px solid #f9f0c0;*/
		margin-top:0px;
	}

	div#wrap div#menu ul li ul li {
		/*width: 100%;*/
		white-space:nowrap;
		display: block;
	}

	div#wrap div#menu ul li a {
		display: block;
		white-space:nowrap;
		width:100%;
		text-decoration: none;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10pt;
		text-decoration: none;
		color: white;
		line-height: 20px;
		/*line-height: 15px;*/
		padding: 0;
		margin: 0;		
	}

	
	div#wrap div#menu li.sub > a {
		
		/*width:100%;*/
		white-space:nowrap;
		
		display:block;
	}

	div#wrap div#menu li.sub li {
		display:block;
	/*	width:100%;*/
		background-image: url('../img/bg_submenu.png');
	}

	div#wrap div#menu li.sub li:hover {
		display:block;
		/*width:100%;*/
		background-image: url('../img/bg_submenu-act.png');
	}

	/* Balken über dem Inhaltsbereich */
	div#wrap div#content-frame {
		position: absolute;
		top: 175px;
		left: 186px;
		width: 611px;
		height: 6px;
		line-height: 6px;
		background-color: white;
		background-image: url('../img/bg_content-frame.png');
	}

	/* Inhaltsbereich, definierte Größe, mittels overflow: auto */
	div#wrap div#content {
		position: absolute;
		top: 181px;
		left: 146px;
		height: 312px;
		width: 481px;
		padding-left: 170px;

/*		width: 388px;
		padding-left: 223px;
		*/
		overflow: auto;
		font-size: 10pt;
		font-family: Arial, Helvetica, sans-serif;
		color: white;
	}

	/* Untermenü im Inhaltsbereich */
	div#wrap div#content ul#submenu {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}

	div#wrap div#content ul#submenu li {
		display: inline;
	}

	div#wrap div#content ul#submenu li a {
		text-decoration: none;
		font-size: 8pt;
		letter-spacing:1px;
		padding-right:2px;
	}

	div#wrap div#content ul#submenu li a:hover {
		text-decoration: underline;
	}

	div#wrap div#content h1 {
		color: white;
		letter-spacing:1px;
		background-image: url('../img/bg_content_header.png');
		background-position: bottom center;
		background-repeat: no-repeat;
		font-size: 10pt;
		text-align: center;
		margin-bottom: 5px;
		
	}

	div#wrap div#content p {
		color: white;
	}
	div#wrap div#content strong {
		color: white;
		letter-spacing:1px;
		word-spacing:normal;
	}

	div#wrap div#content a {
		color: white;
		text-decoration: underline;
	}

	div#wrap div#content a:hover {
		text-decoration: none;
	}

	div#wrap div#content input{
	background-color:transparent;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	/*width:96%;*/
	border-bottom-width:1px;
	border-color:#FFFFFF;
	margin-bottom:5px;
	padding-left:2px
	
	}
	div#wrap div#content input.textfeld{
	width:96%;
	}	
	div#wrap div#content input.button{
	width:96%;
	}	
	div#wrap div#content input.radiobutton{
	/*background-color:transparent;*/
	}	

	div#wrap div#content textarea{
	background-color:transparent;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	width:96%;
	height:200px;
	border-bottom-width:1px;
	border-color:#FFFFFF;
	margin-bottom:5px;
	padding-left:2px
	}	
	
	/* Downloadlinks */
	div#wrap div#downloads {
		position: absolute;
		top: 181px;
		left: 186px;
		width: 150px;
		height: 110px;
		padding-left: 45px;
		font-size: 8pt;
		font-family: Arial, Helvetica, sans-serif;
	}

	div#wrap div#downloads h1 {
		margin-top: 10px;
		font-size: 10pt;
		color: white;
		border-bottom: 1px solid white;
	}

	div#wrap div#downloads ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}

	div#wrap div#downloads li a {
		color: white;
		text-decoration: none;
	}

	div#wrap div#downloads li a:hover {
		text-decoration: underline;
	}

	/* rechte Sidebar */
	div#wrap div#sidebar-right {
		position: absolute;
		top: 0;
		left: 797px;
		width: 108px;
		height: 596px;
		border-left: 3px solid white;
		/*border-top: none;*/
		background-color: #99000;
		background-image: url('../img/bg_sidebar-right.png');
		color: white;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10pt;
		text-align: center;
	}

	div#wrap div#sidebar-right div#select-language h1,
	div#wrap div#sidebar-right div#news h1 {
		font-size: 10pt;
		font-weight: normal;
	}
	

	div#wrap div#sidebar-right div#select-language a img {
		border: none;
	}

	div#wrap div#select-language ul {
	margin: 0;
	padding: 0;
	}
	
	div#wrap div#select-language ul li {
		/*position: absolute;*/
		
		list-style-type: none;
		display:inline;
		margin: 0;
		padding: 0;
	}

	div#wrap div#sidebar-right div#news div.newstext {
		border: 1px solid white;
		margin: 4px;
		margin-bottom:6px;
		padding: 2px;
		text-align: left;

		
	}

	div#wrap div#sidebar-right div#news div.newstext p {
		margin: 0;
		padding: 0;
	/*	max-width:90px;*/
		overflow:visible ;
	}


	/* Footer mit... */
	div#wrap div#footer {
		position: absolute;
		bottom: 0px;
		left: 0;
		width: 797px;
		height: 103px;
		background-color: #990000;
		background-image: url('../img/bg_footer.png');
		z-index:100;
	}

	/* ...Footernavigation */
	div#wrap div#footer ul {
		position: absolute;
		top: 17px;
		right: 142px;
		list-style-type: none;
		margin: 0;
		padding: 0;
		display: inline;
	}

	div#wrap div#footer ul li {
		display: inline;
	}

	div#wrap div#footer ul li a {
		font-size: 8pt;
		font-family: Arial, Helvetica, sans-serif;
		text-decoration: none;
		color: white;
		padding-right:2px;
		display: inline;
	}

	/* ...und WhereAmI?-Label als Überschriftelement */
	div#wrap div#footer h1 {
		position: absolute;
		top: 0;
		right: 0;
		width: 139px;
		margin: 0;
		margin-top: 2px;
		padding: 0;
		color: #c2655d;
		text-transform: lowercase;
		text-align: center;
		letter-spacing: 2px;
		font-size: 10pt;
		font-family: Arial, Helvetica, sans-serif;

	}
	/* ...und WhereAmI?-Label als Überschriftelement */

	/* Blätterfunktion im Gästebuch */
	div#wrap div#seitenliste  {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
	div#wrap div#select-language ul {
		margin: 0;
		padding: 0;

	}
	
	div#wrap div#seitenliste li {
		display: inline;
		margin-right:3px;

		
	}

	div#wrap div#seitenliste li a {
		text-decoration: none;
		font-size: 8pt;
		letter-spacing:1px;

	}

	div#wrap div#seitenliste li a:hover {
		text-decoration: underline;
	}
	
.more-link {
	color: #FFFFFF;
	text-decoration:underline;
}

a.more-link:hover{
	color: #666666;
	text-decoration:none;
}