 /*************************/
/* Architekturgrafik     */
/* September 2009        */
/* Website Friewald      */
/*************************/

/***********************/
/* ALLGEMEIN + WRAPPER */
/***********************/

*  {padding:0; margin:0;}
ul ul {margin-bottom:0;} 
html {height: 101%;}

* html {height:1%;}


body { 
   color: black; 
   background-color:#ffffe5; /* chamois */ 
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:11px; 
   text-align:left;
}

p {
	margin-bottom:0px;
	line-height:20px;
}

h1 {
	font-size: 18px;
	margin-bottom: 0px;
	line-height:20px;
	font-family:"Times New Roman", Times, serif;
	color:#962720; /* weinrot */
} 

h2 {
	font-size: 13px;
	margin-bottom: 0px;
	line-height:20px;
	font-family:Verdana, Geneva, sans-serif;
	color:#962720;
}



h3 {
	font-size: 13px;
	margin-bottom: 0px;
	line-height:20px;
	font-family:Verdana, Geneva, sans-serif;
	color:black;
}

h4 { /*für Titel im Verteiler*/
	font-size: 15px;
	padding-top:5px;
	padding-bottom:5px;
	line-height:20px;
	font-family:"Times New Roman", Times, serif;
	color:black;
}

h5 {/*für Titel beim Buch*/
	font-size: 18px;
	margin-bottom: 0px;
	padding-top:5px;
	padding-bottom:5px;
	line-height:20px;
	font-family:"Times New Roman", Times, serif;
	color:#962720; /* weinrot */
} 

h6 {/*für Untertitel beim Buch*/
	font-size: 13px;
	margin-bottom: 0px;
	padding-bottom:5px;
	line-height:20px;
	font-family:"Times New Roman", Times, serif;
	color:#962720; /* weinrot */
} 



a {text-decoration:none; outline:none; color:black;}
 
#wrapper { 
   background:#ffffe5;
   width: 960px;  
   margin-left: auto;
   margin-right: auto;
   margin-top:0px;
   margin-bottom:0px;
}

/**********/
/* HEADER */
/**********/

#header {
	background:#ffffe5 url(images/header.jpg) top left no-repeat;
	height:210px;
}

/********/
/* LEFT */
/********/

#left { 
   float: left; 
   width: 160px; /* Gesamt 200 px */
   padding-left: 40px; 
   padding-right: 0px;
   padding-top: 0px; 
   padding-bottom: 10px;
}

#left ul {
}

#left li {
	list-style-type:none;
	margin-bottom:20px;
}

#left a {
	color:#962720;
}

#left a:hover, a:focus {
	color:#c8c8c8;
}

#left a:active {
	color:#c8c8c8;
}

/*********/
/* RIGHT */
/*********/

#right {  
   float: right;  
   width: 210px; /* Gesamt 290 px */
   margin-right: 40px;
   margin-bottom: 20px;
   padding-right: 20px;
   padding-left: 20px;
   padding-top:30px;
   padding-bottom:40px;
   text-align:center;
   background:#ececdd;
   color:#962720;
}

#right a {
	text-decoration:underline;
	color:#962720;
}

#right a:hover, a:focus {color:#c8c8c8;}

#rigth a:active {color:#c8c8c8;}


/**********/
/* CENTER */
/**********/

#center { 
	margin-left:200px;
	margin-right:290px;
	padding-top:0px;
	padding-bottom:40px;
	padding-left:0px;
	padding-right:90px;
}

#center a {
	text-decoration:underline;
	color:#962720;
}

#center a:hover, a:focus {color:#c8c8c8;}

#center a:active {color:#c8c8c8;}

/**********/
/* FOOTER */
/**********/

#footer {
	clear:both;
	color:black;
	font-size:9px;
	background:#ffffe5 url(images/footer.jpg) top left no-repeat;
	height:80px;
	padding: 0px 0px 0px 0px;
}

/*************/
/* SPRINGBOX */
/*************/

#springbox {}


/***********/
/* CLASSEN */
/***********/

.abstand-top10 {
	padding-top:10px;
}

.abstand-bottom10 {
	padding-bottom:10px;
}

.abstand-top20 {
	padding-top:20px;
}

.abstand-bottom20 {
	padding-bottom:20px;
}

.abstand-top30 {
	padding-top:30px;
}

.abstand-bottom30 {
	padding-bottom:30px;
}

.abstand-topbot20 {
	padding-top:20px;
	padding-bottom:20px;
}

.abstand-topbot2010 {
	padding-top:20px;
	padding-bottom:10px;
}

.abstand-zwautoren {
	padding-top:50px;
}

.bildlinks {
	float:left;
	padding-top:10px;
	padding-right:15px;
	padding-left:5px;
}

.bildrechts {
	float:right;
	padding-top:10px;
	padding-left:15px;
	padding-right:5px;
}

/************/
/* TABELLEN */
/************/

#verteiler td {
width:150px;
height:100px;
padding:10px;
vertical-align:top;
border-width:1px;
border-style:solid;
border-color:#972821;
/*background-color:#f9f9b4;*/
}	

#verteiler-alphabet td {
width:20px;
height:20px;
padding:0px;
text-align:center;
vertical-align:middle;
border-width:1px;
border-style:solid;
border-color:#972821;
/*background-color:#f8f8ae;*/
}	

#verteiler-einzeilig td {
width:150px;
height:25px;
padding:10px;
vertical-align:top;
border-width:1px;
border-style:solid;
border-color:#972821;
/*background-color:#f8f8ad;*/
}	

#verteiler-buecher td {
vertical-align:top;
}

#buecher td {
text-align:left;
vertical-align:top;
}