/*manhold.net christine 030507*/
/*basic stylesheet, for nn4*/

body  {
	font-family : Geneva, Arial, Helvetica, sans-serif;
	font-size: 100%;
	background-color : #fff;
	color : #310800;
	margin : 0px;
	padding : 0px;
	}

h1,h2,h3,h4,h5,p,blockquote,q,cite,ol,ul,li,dl,dd,dt,caption,span,div
	{font-family : Geneva, Arial, Helvetica, sans-serif;}

h1	{font-size : 1.5em;}

h2	{font-size : 1.3em;}

h3	{
	font-size : 1.1em;
	padding-top : .8em;
	}

h4  {
	font-size : 1em;
	padding-top : .8em;
	}

h5  {
	font-size : .9em;
	margin-left : 6%;
	}

blockquote {
	font-style : italic;
	margin-left : 8%;	
	}

caption {font-style : italic;}

abbr, acronym {
  border-bottom: 1px dotted #333;
  cursor: help;
  }
  
/*link styling*/

a	{text-decoration : underline;}
a:link  {color : #fcfcd6;}
a:visited {color : #b52d37;}
a:hover	{background : #fcfcd6;}
a:active {color : #c94931;}
a span    { color: #310800; } /*this trick stolen from andrew clover, doxdesk.com*/ 
							/*works only in moz and opera, not ie5, ie6-don't know*/
a.name	{
	color : #310800; 
	background: transparent;
	text-decoration : none;
	}

#main a	{text-decoration : underline;}
#main a:link  {color : #ff0000;}
#main a:visited {color : #b52d37;}
#main a:hover	{background : transparent;}
#main a:active {color : #c94931;}
#main a span    { color: #310800; } 
#main a.name	{
	color : #310800; 
	background : transparent;
	text-decoration : none;
	}

img {border : none;}

.logo a:hover {background : transparent;}

/* header */

#header {
	margin-bottom : 0px;
	text-align : center;
	}

.booklinks {
	width : 25%;
	float : left;
	}

.logo {
	width : 50%;
	float : left;
	}

.mainnav {
	width : 21%;
	float : right;
	}

#header ul {
	font-size : .9em;
	}

.title  {
	font : bold 1.5em Geneva, Arial, Helvetica, sans-serif;
	}

/* main content */

#main {
    padding : 10px;
	margin-left : 15%; /*auto to center won't work in ie5*/
	margin-right : 15%;
    }
	  
#main p  {
	margin-left : 4%;
	margin-right : 4%;
	}

#main p:first-letter {font-size : 120%}

#main ul, dl, ol {margin-left : 10%;}

#main dt {background : #efefef;}

#main li, dd {
	padding-top : .2em;
	padding-bottom : .2em;
	}

/* footer */

#footer {
	font : normal .8em Geneva, Arial, Helvetica, sans-serif;
	clear : both;
	text-align : center;
	padding : 10px;
    }

.bottomnav {
	padding : 10px;
	}

.sitedetails {
	padding : 10px;
	}

/* classes */

.center {text-align : center;}

.margin10 {margin-left : 10%}

.margin {margin-left : 25px}

.small  {font-size : .8em;}

.smallcenter  {
	font-size : .8em;
	text-align : center;
	}

.right  {text-align : right;}

.smallright  {
	font-size : .8em;
	text-align : right;
	}

.smallrightitalic  {
	font-size : .8em;
	text-align : right;
	font-style : italic;
	}

.textbox {
	background : #efefef;
	padding : 10px;
	margin-left : 8%;
	margin-right : 8%;
	}

.bestellen {
	font : normal .9em Geneva, Arial, Helvetica, sans-serif;
	text-align : right;
	}

.hide {display : none;}

.clear {
	clear : both;
	margin : 0px;
	padding : 0px;
	}