/* GymRadio.at skin pocketstyle */
/* all images in the same folder as css file, no paths. */

/* basic elements */
body {
	font: Arial, Helvetica, sans-serif;
	font-size: medium; 
	color: #000000;
	background-color: #FFFFFF;
	}
a:link {
	font-weight: bold;
	color: #333366;
	text-decoration: none; 
	}
a:visited { 
	font-weight: bold; 
	color: #666699;
	text-decoration: none; 
	}
a:active { 
	font-weight: bold;
	color: #993333;
	text-decoration: none; 
	}
a:hover { 
	font-weight: bold;
	color: #333366;
	text-decoration: underline; 
	}

/* specific divs - 4 design use */
/* #box {
	padding: 0px 0px 0px 0px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	width: 976px;
	height: 100%;
	left: 0px;
	top: 0px;
	background-color: #FFFFFF;
	}*/

#spareDiv1 {
	background-image: url(Head_left.jpg);
	padding: 0px 0px 0px 0px;
	margin: 0px;
	position: absolute;
	width: 113px;
	height: 104px;
	left: 0px;
	top: 0px;
	}

#spareDiv2 {
	background-image: url(Head_right.jpg);
	padding: 0px 0px 0px 0px;
	margin: 0px;
	position: absolute;
	width: 863px;
	height: 104px;
	left: 113px;
	top: 0px;
	}
	
#spareDiv3 {
	background-color: #FFFFFF;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	position: absolute;
	width: 172px;
	left: 0px;
	top: 493px;
	}
	
/* specific divs - 4 navigation use */
#nav {
	background-image: url(Nav1_bg.jpg);
	padding: 0px 0px 0px 0px;
	margin: 0px;
	position: absolute;
	width: 172px;
	height: 373px;
	left: 0px;
	top: 123px;
	}
	
#nav1_1 {
	padding: 0px 0px 0px 0px;
	margin: 0px;
	position: absolute; 
	width: 61px;
	height: 21px;
	left: 47px;
	top: 133px;
	}
#nav1_2 {
	padding: 0px 0px 0px 0px;
	margin: 0px;
	position: absolute;
	width: 66px;
	height: 22px;
	left: 47px;
	top: 160px;
	}
#nav1_3 {
	padding: 0px 0px 0px 0px;
	margin: 0px;
	position: absolute;
	width: 73px;
	height: 22px;
	left: 49px;
	top: 190px;
	}
#nav1_4 {
	padding: 0px 0px 0px 0px;
	margin: 0px;
	position: absolute;
	width: 74px;
	height: 26px;
	left: 49px;
	top: 219px;
	}
#nav1_5 {
	padding: 0px 0px 0px 0px;
	margin: 0px;
	position: absolute;
	width: 78px;
	height: 27px;
	left: 53px;
	top: 252px;
	}
#nav1_6 {
	padding: 0px 0px 0px 0px;
	margin: 0px;
	position: absolute;
	width: 83px;
	height: 28px;
	left: 55px;
	top: 286px;
	}
#nav1_7 {
	padding: 0px 0px 0px 0px;
	margin: 0px;
	position: absolute;
	width: 89px;
	height: 33px;
	left: 55px;
	top: 322px;
	}
#nav1_8 {
	padding: 0px 0px 0px 0px;
	margin: 0px;
	position: absolute;
	width: 99px;
	height: 35px;
	left: 56px;
	top: 363px;
	}
#nav1_9 {
	padding: 0px 0px 0px 0px;
	margin: 0px;
	position: absolute;
	width: 108px;
	height: 37px;
	left: 56px;
	top: 405px;
	}

/* specific divs - 4 content use */
#content {
	background-image: url(Content_f.jpg); 
	background-repeat: repeat-y; 
	background-position: right top; 
	padding: 0px;
	position: absolute;
	width: 725px;
	left: 204px;
	top: 122px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	}
#content_left {
	padding: 0px;
	position: absolute;
	width: 230px;
	left: 0px;
	top: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	}
#content_right {
	background-image: url(Content_f.jpg); 
	background-repeat: repeat-y; 
	background-position: right top; 
	padding: 0px;
	position: absolute;
	width: 468px;
	left: 257px;
	top: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	}
	
/* specific divs - 4 banner use */
#fullbannerDiv {
	background:  url("Banner_full.jpg") no-repeat left top;
	padding: 0px 0px 0px;
	margin: 0px;
	position: absolute;
	width: 468px;
	height: 60px;
	left: 461px;
	top: 10px;
	}

/* specific tags 4 font-definition */
#content p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;  
	line-height: normal; 
	color: #000000;
	text-align: justify;
	}

#content ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;  
	line-height: normal; 
	color: #000000;
	text-align: justify;
	}	

#content li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;  
	line-height: normal; 
	color: #000000;
	text-align: justify;
	}	

#content h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-large; 
	font-weight: bold;
	color: #993333;
	text-align: left;
	}
#content h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: large;
	font-weight: bold;
	color: #333366;
	text-align: left;
	}
#content h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	font-weight: bold;
	color: #993333;
	text-align: left;
	}
#content h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	font-weight: bold;
	color: #333366;
	text-align: left;
	}

#content a:link {
	font-weight:bold;
	color: #333366;
	text-decoration: none; 
	}
#content a:visited {
	font-weight: bold;
	color: #666699;
	text-decoration: none; 
	}
#content a:hover { 
	font-weight: bold;
	color: #333366;
	text-decoration: underline; 
	}
#content a:active { 
	font-weight: bold;
	color: #993333;
	text-decoration: none; 
	}
	
#content .intro {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 24px;
	color: #6699CC;
	text-align: left;
	font-style: italic;
	padding: 0px 20px;
	font-weight: normal;
	}

#content .quote {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	line-height: normal;
	color: #333366;
	text-align: center;
	font-weight: bold;	
	font-style: italic;
	padding: 10px;
	margin: 0px 0px;
	border: medium ridge #CCCCFF;
	}

#content .addedinfo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;  
	line-height: normal; 
	color: #000000;
	text-align: right;
	}

#content .centered {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;  
	line-height: normal; 
	color: #000000;
	text-align: center;
	}
	
#content .layouttable {
	margin-top:0px;   
 	margin-bottom:0px;  
	}

#spareDiv3 .addedinfo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;  
	line-height: normal; 
	color: #000000;
	text-align: right;
	}