/* 
	Rockanje Classic colors
	Red:				#C50001
	Yellow dark:	#C90
	Blue:				#06F
*/

html											{ background: #000 url(../img/back.jpg) top left fixed; }
body											{ font-size: 70%; letter-spacing: 0.1px; line-height: 130%; font-family: verdana,helvetica,arial ; margin: 0; overflow:-moz-scrollbars-vertical !important; }

h1												{ color: #bd8558; font-size: 175%; margin: 0 0 20px 0; line-height: 150%;}
h2												{ color: #630; font-size: 150%; line-height: 150%; width: 100%; }
h3												{ color: #630; font-size: 120%; margin: 10px 0; }
h4												{ font-size: 90%;  margin: 10px 0; font-weight: normal; font-style: italic; float: right; clear: both; }

a												{ color: #06C; text-decoration: underline;}
a:hover										{ color: #F00; text-decoration: underline;}
tr												{ vertical-align: text-top;}
td												{ font-size: 11px; letter-spacing: 0.1px; line-height: 130%; font-family: verdana,helvetica,arial ; }
form											{ margin: 0; padding: 0;}
input, textarea, select					{ font-size: 11px; font-family: verdana,arial,helvetica; line-height: 13px;}
iframe											{ border: solid 1px #000;}

#logo											{ position: absolute; height: 165px; width: 250px; border: none; margin-top: 10px; }
#container									{ margin: 5px 30px; padding: 0; width: 935px; height:100%}
#header 										{ height: 80px; width: auto; margin: 0; padding: 0;}
#quotes										{ float: left; width: 500px; padding-top: 20px; }
#quotes h2									{ float: left; line-height: normal; margin: 0 0 10px 0; padding: 0;}
#quotes p									{ width: 100%; text-align: right; margin: 0; padding: 0; }

#actionmenu									{ color: #FFF; font-size: 10px; margin: 0; float: right;}
#actionmenu ul								{ float: right; clear: both; font-size: 9px; padding: 0; margin: 5px 0; list-style: none;  }
#actionmenu img							{ margin: 2px 5px; border:none; }
#actionmenu a								{ color: #FFF; font-weight: normal; }
#actionmenu	.icon							{ width: 16px; height: 16px;}
#actionmenu	li								{ height: 17px; font-size: 10px; float: left; padding: 0 3px; margin: 0; vertical-align: top;}
#actionmenu	.searchfrase				{ margin: 0; padding: 0 3px; border: solid 1px #000; font-size: 10px; height: 16px; float: left; width: 100px;}
#actionmenu	.searchbutton				{ margin: 0; padding: 0 3px; border: solid 1px #000; font-size: 10px; height: 16px; float: left; width: 50px; display: block; background-color: #CCC; color: #000; text-align: center;}

#navigation                         { width: 100%; height: 25px; background-color: #C00; border: solid 1px #000;}
#navigation ul								{ width: auto; margin: 0 0 0 210px; padding: 0; list-style: none;}
#navigation li								{ text-align: center; float: left; margin: 0; padding: 0; }
#navigation .selected					{ background-color: #06F; border-left: solid 1px #FFF; border-right: solid 1px #FFF; }
#navigation li a							{ color: #FFF; padding: 3px 10px 4px 10px; border-top: solid 3px #C00; white-space: nowrap; display: block; text-decoration:none; font-weight: normal; }
#navigation li a:hover					{ border-top: solid 3px #FFF; }
#navigation li:hover						{ color: #000; background-color: #C90;}
#navigation li ul							{ position: absolute; display: none; background-color: #627E9B; margin: 0; border-top: solid 1px #000;}
#navigation li ul li a					{ color: #FFF;}
#navigation li.parent:hover > ul		{ display: block; }
#navigation li ul li						{ line-height: 14px; color: #000; float: none; border: solid 1px #000; border-top: none; padding: 0; margin: 0; white-space: nowrap;  background: none;}
#navigation li ul li span				{ text-align: left; width: 140px; color:#000; padding: 3px 10px; background-color: #FFF; border-top: solid 1px #99C; border-bottom: solid 1px #EEF; }
#navigation ul ul ul						{ background-color: #6CF; margin-top: -20px; left: 160px; border-top: solid 1px #669; }
#navigation li ul li a					{ background: none; border: none; padding: 5px 12px; line-height: normal; font-weight: normal; text-align: left; width: 180px; overflow: hidden; text-overflow: ellipsis;}
#navigation li ul li a:hover			{ border: none; padding: 5px 12px; color: #FFF; background-color: #C90;}

#navigation .active a					{ border-top: solid 3px #FFF;}
#navigation .active a:hover			{ color: #FFF;}
#navigation .active li a				{ color: #FFF; border: none;}

#main											{ background: #EEE url(../img/main_back.gif) repeat-y top left; width: 100%; border-left: solid 1px #000;}

#content										{ width: 690px; background: #EEE url(../img/content_back.gif) no-repeat top left; float: left; margin: 50px 30px; padding: 0; min-height: 450px; _height: 450px;}
#content .item1 							{ margin: 10px 0; padding: 10px 0; width: auto; border-top: dotted 2px #624DA0  }
#content .item1 img						{ float: left; border: solid 1px #000; }
#content .item1 div	 					{ float: left; width: 510px; padding: 0 10px;}
#content .item2 							{ width: 320px;  background: #fbf6e4 url(../img/item2_back.gif) no-repeat bottom center; border: solid 1px #999; margin: 0 15px 20px 0; padding: 0 0 20px 0; float: left; min-height: 160px; _height: 160px;}
#content .item2 dt	 					{ margin: 0 0 0 0; padding: 5px 0 5px 8px; color: #630; font-size: 150%; }
#content .item2 dd	 					{ margin: 0 0 0 10px; padding: 0 10px 10px 0; color: #333; }
#content .item3 							{ margin: 0 0 10px 0; padding: 0; float: left; width: 210px;}
#content .item3 dt	 					{ margin: 0 0 0 0; padding: 5px 0 5px 8px; color: #630; font-size: 150%; }
#content .item3 dd	 					{ margin: 0 0 0 10px; padding: 0 10px 10px 0; color: #333; }
#content .item4 							{ margin: 0 0 10px 0; padding: 0; float: left; width: 150px;}
#content .item4 dt	 					{ height: 30px; margin: 0; padding: 5px; color: #630; font-size: 120%; text-align: center;}
#content .item4 dd	 					{ height: 80px; margin: 0 0 0 10px; padding: 0; color: #333;  text-align: center; }
#content .item4 img	 					{ border: none;}
#content .sub									{ background-color: #FFF; margin: 4px 0 10px 8px; padding: 0 0 10px 0; width: 200px; border: solid 1px #000;}
#content .sub dt							{ background-color: #C50001; color: #FFF; font-weight: bold; margin: 0; padding: 5px 3px; border-bottom: solid 1px #000;}
#content .sub dd							{ background-color: #FFF; margin: 0; padding: 5px 3px; }
#content .search dt						{ width: 400px; height:18px; overflow:hidden;}
#content .search dd						{ margin: 0;}
#content .search em						{ background-color: #FF0;}
#content .modified						{ text-align: right; font-style: italic;}
#content p.clear	 						{ margin: 0; padding: 0; width: 0; height: 0; clear: both; background: none;}
#content .fr img							{ margin: 4px 0 0 8px; border: solid 1px #666; }
#content .item img						{ margin: 4px 8px 0 0; border: solid 1px #666; }
#content ul									{ margin: 5px 18px; list-style-type: square;}
#content ul	ul								{ margin: 0 30px; }
#content li									{ margin: 0; padding: 0; line-height: 16px;}
#content .table td						{ padding: 5px 10px; border: solid 1px #999; background-color: #EEE;}

#group dl									{ width: 210px; background: #fbf6e4 url(../img/item_back.gif) no-repeat bottom right; border: solid 1px #999; margin: 0 15px 20px 0; padding: 0 0 40px 0; float: left;}
#group dt	 								{ margin: 0 0 0 0; padding: 5px 0 5px 8px; color: #630; font-size: 120%; }
#group dd	 								{ margin: 0 0 0 10px; padding: 0 10px 10px 0; color: #333; }

#quickmenu									{ width: 180px; float: left; padding: 67px 0; margin: 0;}
#quickmenu dl								{ background-color: #C90; padding-bottom: 20px; margin: 20px 1px 0 0; border-top: solid 1px #000; border-bottom: solid 1px #000;}
#quickmenu dt								{ background-color: #C50001; margin: 0; color: #FFF; line-height: 23px; padding: 0 10px;}
#quickmenu dd								{ margin: 5px; padding: 0 10px 0 20px; background: transparent url(../img/twisty.gif) no-repeat top left;}
#quickmenu a								{ font-weight: normal; color: #000;}
#quickmenu .extra							{ width: auto; padding: 15px 0 0 0; border-top: solid 1px #000; }
#quickmenu address						{ width: auto; font-style: normal; padding: 20px; }
#quickmenu .small 						{ font-size: 9px;}
#quickmenu .fotoalbum					{ text-align: center; display: block; background: none; margin: 0; padding: 20px 0 0 0; height: 140px; width: 179px; overflow: hidden }
#quickmenu img						 		{ border: none; border-bottom: solid 1px #000;}

#pager										{ border-collapse:collapse; margin: 10px 0; padding: 0;}
#pager td									{ color:#FFF; padding: 0 3px; margin: 0;}

#footer										{ background-color: #03C; padding: 0; line-height: 25px; vertical-align: text-middle; width: auto; text-align: center; border-top: solid 1px #666; border-bottom: solid 1px #666; }
#footer span								{ color: #FFF; font-size: 9px; padding: 0 7px;}
#footer a									{ color: #FFF; font-weight: normal; font-size: 9px; padding: 0 7px;}
#footer a:hover							{ color: #806633;}

#partners									{ background-color: #FFF; text-align: center; padding: 20px 0; margin-bottom: 100px;}
#partners a img							{ filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; vertical-align: top;}
#partners a:hover	img					{ filter:alpha(opacity=60 ); -moz-opacity:0.6; opacity:0.6;}
#partners img								{ margin: 0 20px; border: none;}

#extra										{ display: none;}

.contact td									{ font-family: times, helvetica; font-size: 13px; font-style: italic;}

.home											{ text-align: center; font-weight: bold;}
.reaction									{ width: 680px; display: block; overflow: hidden; background-color: #fbf6e4; padding: 5px; margin: 2px 0; border-top: solid 1px #666; border-bottom: solid 1px #666;}
.guest										{ width: 680px; display: block; overflow: hidden; background-color: #fbf6e4; padding: 5px; margin: 2px 0; border-top: solid 1px #666; border-bottom: solid 1px #666;}
.guest tr									{ vertical-align: top;}
.pager										{ color: #999; border: solid 1px #000; background-color: #DDD; width: 100%;}
.pager span									{ color: #000;}
.important									{ color: #C00; width: auto; font-weight: bold; text-align: center;}
.enlarge										{ cursor: url(../img/icons/enlarge.ico), pointer; }
.modified									{ font-style: italic; color: #999;}
.button										{ padding: 4px 5px; color: #FFF; border: outset 1px; background-color: #C00; } 
.formbox										{ border: none; border-bottom: dotted 1px #666;}
.formbox:hover								{ background-color: #CCC; ;}
.fr											{ float: right; margin-left: 20px;}
.fl											{ float: left; margin-right: 20px;}
.img											{ border: solid 1px #F00; }
.alert										{ color: #F00; font-weight: bold;}
.clickable									{ cursor: hand;}
.results										{ width: auto; text-align:right;}
.active										{ color:#FFF;}	
.disabled									{ color:#060; font-weight:normal;}	
.thumb										{ margin: 5px 5px 3px 0; border:solid 1px #000;}
.contentmultimedia						{ float: left; width:420px; overflow:hidden; margin-top:5px; overflow:hidden;}
.hidden										{ display: none;}
.clear										{ clear: both; margin: 0; padding: 0;}
.bold											{ font-weight:bold;}
.error										{ font-weight:bold; color:#f00;}