/***************************************/
/*                                     */
/*          FRESSNAPF ALPIRACE         */
/*                2008                 */
/* copyright: Branchen und Business TV */ 
/*     designed by: Mario Beitzel      */
/*         MarioBeitzel@gmx.de         */
/***************************************/


	



/***************************************/
/*                                     */
/*                LAYOUT               */
/*                                     */
/***************************************/                                  


/***************Komplette Seite*********/
/* div in dem sich nur die headgrafik befindet. Zusätzlich wird der rest der seite noch ein paar pixel nach unten gedrückt */
#head	{
	width: 800px;
	height: 320px;
	background: url(../img/styleimg/head.png) no-repeat;
	background-color: #fff;
	}

/* horizontale navigationsleiste ganz oben */	
#topnavigation	{ 
	width: 800px;
	height: auto;
	background-color: #b59;
	}
	
#topnavi li	{
	font-size: 11px;
	font-weight: bold;
	display: inline;
	
	/*maging: 0px;
	padding: 0px;
	font-size: 11px;
	font-weight: bold;
	display: inline;
	list-style-type: none;
	background: url(*/	
	}


	
	
	
	
	
	

/* vertikale navigation links am rand */	
#navigation	{
	width : 230px;
	height: auto;
	padding-top: 50px;
	background: url(../img/styleimg/menu.png) no-repeat;
	background-color: #fff;
	float: left;
	}	

/* in diesem div befindet sich der eigentlichen content. 
Es werden keine weiteren divs benötigt um das layout 
zu halten. Die höhe variiert je nach inhalt automatisch */
#text	{
	width: 570px;
	height: auto;
	background-color: #fff;
	float:right;
	}

/* in diesem div befindet sich nur eine hintergrundgrafik 
(in diesem fall die stilisierten berge in blau) Ansonsten 
sind keine funktionen enthalten*/
#foot	{
	width: 800px;
	height: 250px;
	background: url(../img/styleimg/foot.png) no-repeat;
	background-color: #fff;
	clear: both;
	}
	
	
/****************Aussehen****************/	

/* html definiert den hintersten hintergrund und füllt 
die komplette anzeige mit einer hintergrundfarbe */
html	{
	background-color: #ccc;
	cursor: default;
	}

body {
	margin: 0px;
	padding: 0px;
    background-color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	height: auto;
	width: 800px;
	font-size: 10px;
	color: #000;
	}

/* formatierung des normalen textes */
p	{
	font-style: normal;
	cursor: text;
	padding-right: 45px;
	}
	
/* fügt einen abstand zwischen einem 
absatz <p> und einer überschrift <h1> ein, 
wenn die überschrift nach dem absatz kommt. 
Ansonsten passiert nichts */	
p + h1	{
	margin-top: 40px;
	}
	
/*definition der überschriften in contentbereich */	
h1	{
	margin: 0px;
	padding-top: 4px;
	padding-left: 40px;
	font-size: 11px;
	background: url(../img/styleimg/topicbg.png) no-repeat;
	height: 22px;
	}

/* h2 steht für unterüberschriften. und ist 
auch nur dafür zu verwenden!!! */
h2	{
	margin: 0px;
	padding-top: 10px;
	font-weight: bold;
	}

/* besondere textabschnitte können hervorgehoben 
werden. Dargestellt in FETT*/
b	{
	font-weight: bold;
	}
	
a	{
	color: #c00;
	font-style: italic;
	text-decoration: none;
	}
	
a:hover	{
	color: #000;
	}
	
img	{
	border: 0;
	}
p>img{
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
	}
	
#navi	{
	font-size: 11px;
	list-style-image: url(../img/styleimg/listsymb.png);
	line-height: 25px;
	font-weight: bold;
	}
#navi a:link	{
	font-size: 11px;
	font-style: normal;
	color: #000;
	}
#navi a:visited	{
	font-size: 11px;
	font-style: normal;
	color: #000;
	}
#navi a:hover	{
	font-size: 12px;
	font-style: normal;
	color: #c00;
	}