/*********************************************/
/* laufrad.css                               */
/*                                           */
/* (c) 2006, Joerg Schmittwilken             */
/*           http://www.laufrad-bonn.de      */
/*                                           */
/* Author: Joerg Schmittwilken               */
/*********************************************/




/*-----------*/
/* Allgemein */
/*-----------*/

body{
	background-image : url(laufrad_bg1.gif);
	background-repeat : no-repeat;
	background-position : top left;
	color : #333399;
	font-size : 14px;
	font-family : sans-serif;
}



/*--------*/
/* Header */
/*--------*/

/* Container */
#header{
	position : absolute;
	top : 20px;
	left: 45px;
}



/*--------*/
/* Navi 1 */
/*--------*/

/* Container */
#navi1container{
	position : absolute;
	top : 140px;
	left: 150px;
	color : #333399;
	font-family : sans-serif;
	letter-spacing : 1px;
}

.navi1item, .navi1itemactive{
	margin-bottom : 5px;
}

.navi1item a, .navi1item a:link, navi1item a:visited, navi1item a:hover, .navi1itemactive a, .navi1itemactive a:link, .navi1itemactive a:visited{
	color : #333399;
	text-decoration : none;
}

.navi1item a:hover, .navi1itemactive a, .navi1itemactive a:link, .navi1itemactive a:visited, .navi1itemactive a:hover{
	color : #FF782F;
	text-decoration : none;
}



/*--------*/
/* Navi 2 */
/*--------*/

/* Container */
#navi2container{
	position : absolute;
	top : 140px;
	left: 265px;
	color : #333399;
	font-family : sans-serif;
	letter-spacing : 1px;
}

.navi2item, .navi2itemactive{
	margin-bottom : 5px;
}

.navi2item a, .navi2item a:link, navi2item a:visited, navi2item a:hover, .navi2itemactive a, .navi2itemactive a:link, .navi2itemactive a:visited{
	color : #333399;
	text-decoration : none;
}

.navi2item a:hover, .navi2itemactive a, .navi2itemactive a:link, .navi2itemactive a:visited, .navi2itemactive a:hover{
	color : #FF782F;
	text-decoration : none;
}



/*-------------*/
/* Moodpicture */
/*-------------*/

/* Container */
#moodpic{
	position : absolute;
	top : 140px;
	left : 398px;
	width : 447px;
	height : 178px;
}



/*---------*/
/* Content */
/*---------*/

/* Container */
#content{
	position : absolute;
	top : 370px;
	left: 398px;
	width : 447px;
	background-color : #f4f4f4;
	padding : 2px;
}

#content h1{
	font-weight : normal;
	font-family : sans-serif;
	font-size : 20px;
	margin-top : 3px;
	margin-bottom : 12px;
}

#content h2{
	font-weight : bold;
	font-family : sans-serif;
	color : #333399;
	font-size : 12px;
	margin-top : 4px;
	margin-bottom : 4px;
}

#content h2.hidden{
	color :  #A0A0A0;
}

#content p{
	margin-top : 2px;
	line-height : 140%;
}

#content p.hidden{
	color :  #A0A0A0;
}

#content span.hidden{
	color :  #A0A0A0;
}

#content a, #content a:link, #content a:visited, #content a:hover{
	color :  #FF782F;
	text-decoration : none;
}

#content a:hover{
	text-decoration : underline;
}


#content img{
	width : 96px;
	border : 0px;
	margin-right : 10px;
	margin-left : 0px;
	margin-bottom: 10px;
	padding : 0px;
}


#content .floatingimg{
	width : 96px;
	border : 0px;
	margin-right : 10px;
	margin-left : 0px;
	margin-bottom: 10px;
	padding : 0px;
	float:left;
}

#content .laufrad{
	font-variant : small-caps;
	font-weight : bold;
	font-family : sans-serif;
}

#content .markup{
	color :  #FF782F;
}

#content .smallText{
  font-size : 70%;
  font-weight : bold;
}

#content table{
  font-size : 12px;
  border-collapse : collapse;
  border : 1px solid #333399;
  margin-bottom : 5px;
  margin-left : 2px;
}

#content table td, #content table th{
  border : 1px solid #333399;
  padding : 5px;
}

#total_time{
  font-weight : bold;
}