/* CSS Document for the website www.alpakafarm.com
 2006 Heike Carle web.design & multimedia, all rights reserved
www.outline-atelier.de/heike_carle/ 

Media: Screen
Version: 06/01
*/
/* --- basics --- */
* {
	margin:0;
	padding:0;
}
body {
	font-size:80%;
	line-height:1.6em;
	font-family:verdana, arial, helvetica, sans-serif;
	background:#063;
	color:#FFF;
}
a, a:link, a:visited, #header a, #navi dd a, #navi dd a:link  {
	text-decoration:none;
}
a:hover, a:focus {
	text-decoration:underline;
}
a.extern:before {
	content:url(../img/layout/extern4.gif);
	}
img, a img {
	border:0px none;
}

h1, h2, h3, h4, h5, #gebuehr caption, #content table.stammbaum .ahn1, #content table.stammbaum .ahn2 {
	color:#FFF;
}
h1 {
	font:normal .5em/1.5 verdana, helvetica, arial, sans-serif;

}
h2 {
	font:bold 1.5em/1.5 verdana, helvetica, arial, sans-serif;
}
h3, #gebuehr caption {
	font:bold 1.3em/1.5 verdana, helvetica, arial, sans-serif;
}
h4 {
	font:bold 1.1em/1.5 verdana, helvetica, arial, sans-serif;
}
#navi dd a, #navi dd a:link, #navi dd a:hover, #content table.stammbaum, #gebuehr tbody td {
	color:#000;
}

/* --- ein paar Klassen --- */
.space {
	margin-top:18em;
}
.clearboth {
	clear:both;
}
.clearleft {
	clear:left;
}
/* --- hidden content parts --- */
.hide, #navi dt.service, #extra dd {
	display:none;
}
#header span, hr {
	visibility:hidden;
}
/* --- zentriert werden: --- */
#extra.disclaimer h2, #extra.disclaimer h3, #extra dt, #extra dd.unterschrift, #footer, body#start, body#karte, #start #wrapper, #linkliste #content dl, ul.thumbnails li, #gebuehr tfoot, #karte #rahmen img {
	text-align:center;
}


/* Layout */
/* -----------------------------------------------
header content navi footer
----------------------------------------------- */
/* known bug, IE Win needs the following hack, but must be hidden from IE Mac by this comment \*/
* html #container {
	height:1px;
}
/* comment back for IE Mac, end of hack */	
#header {
	margin-top:12px;
	background: url(../img/layout/bg_header2.jpg) no-repeat;
	height:110px;
}
#header h1 {
	margin-left:15px;
}

#navi {
	clear:left;
	float:left;
	width:14.5em;
	margin:2em 0 20px .5em;
}
#navi dt {
	margin-top:.5em;
	padding:.3em 0;
	font-weight:bold;
}
#navi dd.service {
	margin-top:1.3em;
}
#navi dd a, #navi dd a:link {
	display:block;
	border:1px solid #030;
	background-color:#FF9;
	font-weight:bold;
	margin-bottom:0.2em;
	padding:.2em .5em;
}
#navi dd a:hover {
	border-color:#FF9;
	background-color:#9C6;
}
#navi dd a:active {
	border-color:#9C6;
	background-color:#030;
	color:#FFF;
}
#navi dd#aktiv a {
	border-color:#9C6;
	background-color:#030;
	color:#FFF;
}
#wrapper {
	background-color:#030;
	border:medium double #9C6;
	margin:2em .5em 20px 15.5em;
}
#vliste {
	background-color:#fff;
	text-align:center;
}
/* known bug, IE Win needs the following hack, but must be hidden from IE Mac by this comment \*/
* html #wrapper {
	height:1px;
}
/* comment back for IE Mac, end of hack */	
#mit #content {
	margin-right:275px;
}
#content2{
	margin-right:10px;
} 
#content h2, #content h3, #content h4, #content p, #content address, #content dl, #content ul,  #content caption, 
#content2 h2, #content2 h3, #content2 h4, #content2 p, #content2 address, #content2 dl, #content2 ul, #content2 table, #content2 caption {
	margin:.5em 10px .3em 10px;
}
#content2 table {margin-left:0px;}
#content h4, #content2 h4 {
	margin-top:1em;
}
#content adresse, #content2 adresse {
	font-style:normal;
}
#content dt, #content2 dt {
	font-weight:bold;
	margin-top:1em;
}
#content a, #content a:link, #extra a, #extra a:link {
	color:#9C6;
}
#content a:hover, #content2 a:hover, #content a:focus, #content2 a:focus, #extra a:hover, #extra a:focus {
	color:#FF9;
}

#content table.portrait {
	text-align:left;
	border:1px solid #FFF;
	margin-top:1em;
	margin-bottom:1em;
}
#content table.stammbaum {
	background-color:#FF9;
	border:1px solid #9C6;
	margin-top:2em;
}
#content table.stammbaum th, #content table.stammbaum td {
	text-align:left;
}
#content table.stammbaum th, #content table.stammbaum td {
	padding:10px;
}
#content table.stammbaum .ahn1 {
	background-color:#030;
}
#content table.stammbaum .ahn2 {
	background-color:#063;
}
#content table.stammbaum .probant {
	background-color:#FF0;
}
#content table.portrait th, #content table.portrait td {
	padding-right:3em;
}
#content table.portrait th {
	padding-left:.5em;
}
.clearpicture {
	clear:right;
	height:6px;
}

#extra {
	float:right;
	width:250px;
	display:inline;
	margin-top:2.5em;
	margin-right:10px;
}
#extra.disclaimer {
	font-size:86%;
	background-color:#063;
	border:1px solid #FF9;
}
#extra.disclaimer h2, #extra.disclaimer h3, #extra.disclaimer p {
	margin:0 .7em;
}
#extra dt {
	margin-top:2em;
	font-size:.8em;
}
#extra dt img {
	border:1px solid #9C6;
}
#extra dd.unterschrift {
display:block;
}
#content2 a, #content2 a:link {
	color:#9C6;
}
#footer {
	clear:both;
	padding:10px;
	font-size:.9em;
	margin-left:15.5em;
}
#footer, #footer a, #footer a:link {
	color:#FFF;
}

#footer a:hover, #footer a:focus {
	color:#FF9;
}

/* --- Index-Seite mit Sprachauswahl --- */
body#start, body#karte {
	background-color:#030;
}
body#start #header {
	text-align:left;
}
#start #wrapper {
	background:#063 url(../img/layout/lama_cartoon.gif) no-repeat center top;
	margin-left:auto;
	margin-right:auto;
	width:600px;
}
#start #content dt {
	font-size:120%;
}
#start #content ul#sprache {
	width:100%;
	list-style-type:none;
}
#start #content ul li {
	list-style-type:none;
	display:inline;
	width:30%;
	float:left;
	margin-left:10%;
	margin-right:10%;
}
#start #content dl {
	margin-top:50px;
}
#start #content dd {
	margin-top:.5em;
}
#start #content dd span {
	display:block;
	margin-top:10px;
}
#start #content dd span img {
	border:1px solid #030;
}
#start #content dd a {
	color:#FFF;
}
#start #content p img {
	border:1px solid #9C6;
	margin-top:40px;
}
#start #footer {
	margin-left:auto;
	margin-right:auto;
	width:700px;
}

/* --- Link-Seite mit banner --- */
#linkliste #content dd {
	display:none;
}
/* --- Kontakt-Seite mit Karten-thumbnails --- */
.kontaktplan img {
	border:1px solid #9C6;
}
#contact #content dl {
	background:url(../img/layout/alpaca_cartoon_small.gif) no-repeat top left;
}
#contact #content dt {
	margin-bottom:1em;
}
#contact #content dd {
	display:inline;
}
#contact #content dd.first, #contact #content dt {
	margin-left:88px;
}
#contact #content dd {
	margin-right:.5em;
}
#contact #content address {
	margin-left:240px;
}
#contact #content address.first {
	margin-top:100px;
}
#contact #wrapper {
	background-image:url(../img/layout/dtkarte_neu.jpg);
	background-repeat:no-repeat;
	background-position:10px 50px;
}
/* --- Deckservice-Seite mit Bild-thumbnails und Detailseiten dazu --- */
ul.thumbnails {
	list-style-type:none;
}
ul.thumbnails li {
	margin-top:1em;
	margin-bottom:1em;
	display:inline;
	width:22%;
	float:right;
	margin-right:2%;
}
ul.thumbnails li dl dt {
	display:inline;
	width:100px;
}
ul.thumbnails li dl dt a img {
	border:1px solid #9C6;
}
ul.thumbnails li dl dt a:hover img {
	border-color:#FF9;
}
#thumbs div#gebuehr {
	width:90%;
	float:left;
}
#thumbs #gebuehr table {
	border:1px solid #FFF;
	text-align:left;
	width:50%;
	float:left;
}
#thumbs #gebuehr caption {
	text-align:left;
}
p.linkback {
	text-align:right;
}
#gebuehr th, #gebuehr td {
	padding:.2em .7em;
}
#gebuehr thead th, #gebuehr thead td {
	border-bottom:1px solid #FFF;
}
#gebuehr thead th {
	border-right:1px solid #FFF;
}
#gebuehr thead td {
	font-weight:bold;
}
#gebuehr tbody th, #gebuehr tbody td {
	border-bottom:1px solid #FFF;
	font-weight:normal;
}
#gebuehr th, #gebuehr thead {
	background-color:#063;
}
#gebuehr tbody th {
	border-right:1px solid #FFF;
}
#gebuehr tbody td {
	background-color:#FF9;
	border-color:#063;
}
#gebuehr tfoot {
	font-size:.8em;
}
#mobil {width:100%;float:left;margin-top:3em;padding:.2em .7em;}

/* --- Lageplan-Seiten --- */
#karte #rahmen img {
	background:#063;
	margin-left:auto;
	margin-right:auto;
	margin-top:2em;
	padding:5px;
	border:medium double #9C3;
}