/* 
	Generelle Style Definitionen für casa.tamtam. 
	Gelten für alle Bereiche der Website 
*/


/*
    ===========================================
	FORMATIERUNGEN ZUR DARSTELLUNG DES LAYOUTS:
	===========================================
*/


body{
/* 
	Der gesamte Body Bereich wird benutzt. 
*/
	margin:0px;
}

#head, #nav, #content, #mnav{ 
/* 
	All diese Bereiche werden synchron am linken Rand ausgerichtet.
	
	Diese Positionierung kann in Folge per Javascript dynamisch verändert werden 
	um eine Zentrierung zu erreichen. Zu beachten sind dabei aber die diversen Hacks für den IE!
*/
	width:686px; 
	position: relative;
	left: 107px;
}

#head{
/*
	Der Seitenkopf mit dem Titel und dem Hintergrundbild für die abgerundeten Ecken werden positioniert.
*/
	margin-top:135px;
	height:75px;
	background-position:center top;
	background-repeat:no-repeat;
}
#head img{
	bottom:0px;
}

#nav{
/*
	Der Bereich in dem das Menü angezeigt wird.
*/

	height:37px;

}

#frame{
/*
	Dieser Bereich umschließt den Bereich des eigentlichen Inhalts. 
	Alles was sich innerhalb von #frame befindet wird gescrollt.
*/
	width: 100%;
	/*height: 100%; 265*/
	height: 265px;
	overflow: auto;
	position:relative;
	/*border:1px #fff solid;*/
}

#content{
/*
	Der Bereich in dem die eigentlichen Inhalte dargestellt werden.
*/
	padding-top:1px;
	padding-bottom:1px;
	min-height:263px;
	/*height:265px;*/
	/*height:350px;*/
	/*border:1px #fff solid;*/
}

#mnav{
/*
	Der Bereich der eigentlichen Hauptnavigation.
*/
	height:60px;
	background-image:url(../images/mnav_bg.png);
	background-position:center bottom;
	background-repeat:no-repeat;
}

#mnav img {
/*
	Positionierung der Menüpunkte geltend für alle Bilder im Bereich #mnav.
*/
	margin-top:28px;
}

#home{
/*
	Platziert den Home-Button.
*/
	position: absolute;
	top:2px;
	left:0px;
	width:107px;
	height:199px;
}

#home img{
	width:107px;
	height:199px;
}

h1{
/*
	Die Hauptüberschrift ist jeweils ein Bild.
*/
	margin:0;
	padding:0;
}

h3
{
	padding-top:25px;
	padding-bottom:15px;
}

object
{
	margin-left: 15px;
}

.imgtbl
{
	margin-bottom:25px;

}

/*
    ======================================================
	FORMATIERUNGEN ZUR DARSTELLUNG DES TEXTES/TEXTLAYOUTS:
	======================================================
*/

body {
/*
	Allgemeine Textformatierung.
*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:17px;
	letter-spacing:0em;
	color:#FFFFFF;
}

p, h3, #content table {
	margin-left:15px;
	margin-right:15px;
	margin-top:0px;
}

p
{
	margin-right:65px;
}
#content table{
	width:650px;
}

.highlight {
	color:#400a36;
	font-weight:bold;
}

h3{
	color:#400a36;
	font-size:13px;
	margin-bottom:0px;
	margin-top:0px;
}

a {
	color:#400a36;
	font-weight:bold;
}

.imglnk
{
	color:#FFF;
	font-weight:normal;
	text-decoration:none;
	font-size:10px;
}
.albumTitle
{
	line-height:12px;
	display:block;
	margin: 8px 4px 4px 0px;
}
.slideshowTitle
{
	display:block;
	margin-top:12px;
}
.slideshowImagename
{
	font-size:12px;
	display:block;
	margin-left:62px;
}
.slideshowPagina
{
	font-size:12px;
	display:block;
	margin-right:62px;
}