
/* ----- jk_homepage.css ----- */
/*
  This file is based on the ploneCustom.css.dtml shipped with Plone.

   (do not remove this)
   (not this either)
*/

/* ------------------- Place Styles here --------------------------------*/

/* -------------------------------------------------------------------------*/


	#portal-column-one
	{
		display: none;
	}

	#portal-column-content
	{
		width: 650px;
		/* color: #003333; */
	}
	#portal-column-content div p
	{
		float: left;
		line-height: 136%;
		display: inline;
	}
	#portal-column-content div span
	{
		font-family: Times, Georgia, serif;
		display: block;
		margin: 0 0 0px 0;
	}

	#portal-column-content div h6
	{
		font-family: verdana,arial,helvetica,clean,sans-serif;
		font-weight: bold;
		height: 24px;
		font-size: 92%;
	}
	.mehr
	{
		font-weight: bold;
		text-decoration: none;
		color: #013035;
		margin: 0px;
		float: left;
	}
	.mehr:hover
	{
		color: #330000;
	}


	#dasneuebuch
	{
		width: 430px;
		height: 186px;
		background-color: #446F78 ;
		color: #ffffff;
		float: left;
		margin: 0px;
	}
	#dasneuebuch h6
	{
		background: url(buch.gif) no-repeat ;
		float: left;

		padding: 4px 0 0 27px;
		margin: 8px 0 0 0px;
	}
	#dasneuebuch img
	{
		float: left;
		margin: 10px 20px 0 10px;
	}
	#dasneuebuch p
	{
		margin: 0px 0px 0px 0px;
		width: 280px;
		height: 120px;
	}
	#dasneuebuch p span
	{
		font-size: 166%;
		margin: 30px 0px 4px 0px;
		color: #003333;
	}



	#gewinnspiel
	{
		width: 210px;
		height: 88px;
		/* background: url(bg_gewinnspiel.jpg) no-repeat ; */
		float: left;
		margin: 10px 0 0px 0px;
	}
	#gewinnspiel p
	{
		color: #ffffff;
		margin: 0 0 0 10px ;
		width: 180px;
		height: 28px;
	}
	#gewinnspiel h6
	{
		color: #ffffff;
		margin: 12px 0 4px 44px;
	}
	#gewinnspiel .mehr
	{
		margin: 0 0 0 10px;
		color: #ffffff;
	}
	#gewinnspiel a:hover
	{
		color: #cccccc ;
	}

	#hoerbuch
	{
		width: 210px;
		height: 88px;
		/* background: url(bg_gewinnspiel.jpg) no-repeat ; */
		float: left;
		margin: 10px 0 0px 10px;
	}
	#hoerbuch p
	{
		color: #003333;
		margin: 0 0 0 10px ;
		width: 180px;
		height: 28px;
	}
	#hoerbuch h6
	{
		color: #003333;
		margin: 12px 0 4px 44px;
	}
	#hoerbuch .mehr
	{
                margin: 0px 0px 0px 10px;
		color: #003333;
	}
	#hoerbuch a:hover
	{
		color: #ffffff ;
	}




	#trailer
	{
		/* background: url(bg_trailer.jpg) no-repeat ; */
		float: right;
		margin: 0px 0 0 10px;
		height:285px;
		width: 210px;
		color: #ffffff;
	}
	#trailer h6
	{
		padding: 4px 0 0 42px;
		margin: 10px 0 0 0px;
	}
	#trailer p
	{
		margin: 42px 0 0 16px;
		width: 140px;
		height: 180px;
	}
	#trailer p span
	{
		font-size: 136%;
		width: 70px;
	}
	#trailer .mehr
	{
		color: #ffffff;
		margin: 0 0 0 15px;
	}
	#trailer a:hover
	{
		color: #cccccc ;
	}



	#autorentelefon
	{
		/* background: url(bg_autorentelefon.jpg) no-repeat ; */
		float: left;
		margin: 10px 0 0 0px;
		height:285px;
		width: 210px;
		color: #063231;
	}
	#autorentelefon h6
	{
		padding: 4px 0 0 42px;
		margin: 10px 0 0 0px;
	}
	#autorentelefon p
	{
		margin: 32px 0 0 16px;
		width: 140px;
		height: 188px;
	}
	#autorentelefon p span
	{
		font-size: 136%;
		width: 70px;
	}
	#autorentelefon .mehr
	{

		margin: 0 0 0 15px;
	}
	#autorentelefon a:hover
	{
		color: #ffffff ;
	}


	#werkstattbericht
	{
		/* background: url(bg_werkstattbericht.jpg) no-repeat ; */
		float: left;
		margin: 10px 0 0 10px;
		height:285px;
		width: 210px;
		color: #063231;
	}
	#werkstattbericht h6
	{
		padding: 4px 0 0 42px;
		margin: 10px 0 0 0px;
	}
	#werkstattbericht p
	{
		margin: 18px 0 0 16px;
		width: 140px;
		height: 202px;
	}
	#werkstattbericht p span
	{
		font-size: 167%;
		width: 140px;
	}
	#werkstattbericht .mehr
	{

		margin: 0 0 0 15px;
	}
	#werkstattbericht a:hover
	{
		color: #ffffff ;
	}



	#steckbrief
	{
		width: 210px;
		height: 186px;
		/* background: url(bg_art_frauen.jpg) no-repeat ;	*/
		float: left;
		margin: 0 0 0 10px;
	}
	#steckbrief p
	{
		margin: 4px 0 0 16px;
		width: 180px;
		height: 114px;
	}
	#steckbrief p span
	{
		font-size: 136%;
		width: 120px;
		margin: 0px;
	}
	#steckbrief h6
	{
		padding: 4px 0 0 42px;
		margin: 8px 0 0 0px;
	}
	#steckbrief .mehr
	{
		margin: 0 0 0 16px;
	}
	#steckbrief a:hover
	{
		color: #ffffff ;
	}




	#weblog
	{
		width: 210px;
		height: 88px;
		/* background: url(bg_weblog.gif) no-repeat ; */
		background-color: #7d3b0b ;
		float: left;
		margin: 10px 0 0px 0px;
	}
	#weblog a:hover
	{
		color: #ffffff ;
	}
	#weblog p
	{
		height: 32px;
		margin: 0 0 0 10px;
		color: #ffffff;
	}
	#weblog h6
	{
		color: #D6BE85;
		margin: 12px 0 0 40px;
	}
	#weblog .mehr
	{
		margin: 0 0 0 10px;
		color: #D6BE85;
	}







	#artikeljakob
	{
		width: 210px;
		height: 285px;
		background: url(bg_art_jakobsweg.jpg) no-repeat ;
		float: left;
		margin: 10px 0 0 0px;
	}
	#artikeljakob p
	{
		margin: 4px 0 0 16px;
		width: 180px;
		height: 220px;
	}
	#artikeljakob p span
	{
		font-size: 136%;
		width: 70px;
	}
	#artikeljakob h6
	{
		padding: 4px 0 0 42px;
		margin: 10px 0 0 0px;
	}
	#artikeljakob .mehr
	{
		margin: 0 0 0 16px;
		color: #ffffff;
	}
	#artikeljakob a:hover
	{
		color: #270900 ;
	}






	#steckbrief
	{
		width: 210px;
		height: 186px;
		background: url(bg_steckbrief.jpg) no-repeat ;
		float: left;
		margin: 10px 0 0 10px;
		color: #1B4945 ;
	}
	#steckbrief p
	{
		width: 180px;
		height: 124px;
		margin: 0px 0 0 16px;
	}
	#steckbrief p span
	{
		padding: 6px 0 0 0;
		font-size: 136%;
	}
	#steckbrief h6
	{
		padding: 4px 0 0 42px;
		margin: 10px 0 0 0px;
	}
	#steckbrief .mehr
	{
		color: #1B4945;
		margin: 0 0 0 15px;
	}
	#steckbrief a:hover
	{
		color: #000000 ;
	}




	#artikel
	{
		width: 210px;
		height: 88px;
		background: url(bg_artikel.jpg) no-repeat ;
		float: left;
		margin: 10px 0 0 10px;
		color: #1B4945 ;
	}
	#artikel p
	{
		width: 180px;
		height: 46px;
		margin: 0px 0 0 16px;
	}
	#artikel p span
	{
		padding: 6px 0 0 0;
		font-size: 136%;
		color: #ffffff;
	}
	#artikel h6
	{
		padding: 4px 0 0 42px;
		margin: 10px 0 0 0px;
	}
	#artikel .mehr
	{
		color: #1B4945;
		margin: 0 0 0 15px;
	}
	#artikel a
	{
		text-decoration: none;
		color: #1B4945 ;
	}
	#artikel a:hover
	{
		color: #000000 ;
	}

/* YOUR CSS RULES STOP HERE */

/*  */

/* Latest version of the documentation on pre-defined properties from Plone
   can be found in CMFPlone/skins/plone_styles/ploneCustom.css.dtml */

