/* CSS Document för www.special99.com, Author Fredo Production*/
/* Document layout --------------------------------------------------------------Start*/
body{
margin: 0;
margin-top: 5px;
text-align: center;
background-color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000000;
}
#page_container{
margin: 0 auto;/*Center container on page*/
height: 630px;
width: 1230px;/*Width of main container*/
}
#head{
margin: 0; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
height: 95px; /*Height of left column in pixel*/
width: 1230px;/*Width of main container*/
background: url(../layout_img/bg_head.jpg) no-repeat;
}
#sub_head{
margin: 3px 0 0 0; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
height: 15px; /*Height of left column in pixel*/
width: 1230px;/*Width of main container*/
/*overflow:hidden;
background-color: #00FF00;*/
}
#sub_head_wrapper{
float: left;
width: 100%;
}
#sub_head_centercolumn{
margin: 0 400px 0 170px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
}

#sub_head_leftcolumn{
float: left;
width: 170px; /*Width of left column*/
margin-left: -100%;
/*background: #C8FC98;*/
}

#sub_head_rightcolumn{
float: left;
width: 400px; /*Width of right column*/
margin-left: -400px; /*Set left marginto -(RightColumnWidth)*/
/*background: #FDE95E;*/
}
.sub_head_innertube{
margin: 0; /*Margins for inner DIV inside each column (to provide padding)*/
height:15px;
}
.main{
margin: 0 0 0 30px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
padding: 0 0 0 0px;
height: 270px; /*Height of left column in pixel*/
width: 1200px;/*Width of main container*/
overflow:hidden;
}
.bg0{
background: url(../layout_img/bg_main.jpg) no-repeat;
}
.bg1{
}
.bg2{
background: url(../layout_img/bg_main.jpg) no-repeat;
}
.bg3{
background: url(../layout_img/bg_info.jpg) no-repeat;
}
.bg4{
background: url(../layout_img/bg_contact.jpg) no-repeat;
}
.bg5{
background: url(../layout_img/bg_img.jpg) no-repeat;
}
.bg6{
background: url(../layout_img/bg_demo.jpg) no-repeat;
}
.bg7{
background: url(../layout_img/bg_links.jpg) no-repeat;
}
.bg8{
background: url(../layout_img/bg_artist.jpg) no-repeat;
}
.bg9{
background: url(../layout_img/bg_news.jpg) no-repeat;
}
.bg10{
background: url(../layout_img/bg_cal.jpg) no-repeat;
}
.bg11{
background: url(../layout_img/bg_blog.jpg) no-repeat;
}
.bg12{
background: url(../layout_img/bg_gbook.jpg) no-repeat;
}
.bglogin{
background: url(../layout_img/bg_login.jpg) no-repeat;
}
#footer{
float: left;
vertical-align: bottom;
margin: 0 0 0 30px;
padding: 4px 0px 0px 10px;
height: 11px;
width: 500px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
font-weight: normal;
color:#666666;
text-align: left;
}
#sub_banner_wrapper{
float: left;
width: 100%;
}
#sub_banner_centercolumn{
margin: 8px 400px 0 430px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
}
#sub_banner_leftcolumn{
margin-top: 8px;
float: left;
width: 400px; /*Width of left column in pixel*/
margin-left: -1200px; /*Set margin to that of -(MainContainerWidth)*/
/*background: url(../layout_img/left_bg.jpg) no-repeat;
background: #C8FC98;*/
}
#sub_banner_rightcolumn{
margin-top: 8px;
float: left;
width: 400px; /*Width of right column*/
margin-left: -400px; /*Set left margin to -(RightColumnWidth)*/
/*background: url(../layout_img/right_bg.jpg) no-repeat;
background: #FDE95E;*/
}
.sub_banner_innertube_left{
float: left;
margin: 0; /*Margins for inner DIV inside each column (to provide padding)*/
height: 200px;
width: 395px;
/*background: #CCCCCC;*/
background: url(../layout_img/bg_col_news.gif) no-repeat;
}
.sub_banner_innertube_center{
margin: 0 0 0 2px; /*Margins for inner DIV inside each column (to provide padding)*/
height: 200px;
width: 395px;
background: url(../layout_img/bg_col_cal.gif) no-repeat;
}
.sub_banner_innertube_right{
float: right;
margin: 0; /*Margins for inner DIV inside each column (to provide padding)*/
background: #999999;
height: 200px;
width: 395px;
background: url(../layout_img/bg_col_blog.gif) no-repeat;
}
.sub_banner_content{
padding: 60px 4px 4px 4px;
text-align: left;
}
#loginstat{
float:right;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 9px; 
font-weight: normal;
color: #000000;
padding:0;
}
#date{
float:left;
text-align: left;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 9px; 
font-weight: bold;
color: #000000;
padding: 0 0 0 30px;
width:150px;
margin:0;
}
#nav{
float:right;
height:40px;
width:600px;
padding: 50px 0 0 0px;
margin: 0 250px 0 0;
/*background-color:#666666;*/
}
/*Kalender sidan*/
#cal_main_left{
overflow:hidden;
text-align: left;
margin: 0;
padding: 0;
height: 300px;
width: 800px;
float:left;
clear:both;
}
#cal_main_right{
overflow:auto;
text-align: left;
margin: 0 0 0 10px;
padding: 0;
height: 300px;
width: 390px;
float:right;
}
/*Kalender sidan END*/
#cal_banner p{
margin: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color:#FFFFFF;
width:300px;
padding: 8px 16px 10px 8px;
border-bottom: 1px dotted #FFFFFF;
}
.main_left{
/*background:#CC9900;*/
text-align: left;
margin: 0;
padding: 0;
height: 270px;
width: 600px;
float:left;
clear:both;
}
.main_right{
text-align: left;
margin: 0;
padding: 0;
height: 270px;
width: 600px;
float:right;
}
.main_innertube{
overflow:auto;
text-align: left;
margin:10px;
padding: 0;
height: 250px;
width: 580px;
}
/*Main Divs---------------------------------------------------------------------------End*/

/* Navigation-----------------------------------------------------------------------Start*/
#loginstat a{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color:#CC6600;
}
a.login:link{
color:#CC6600;
text-decoration: none;
}
a.login:visited{
color:#CC6600;
text-decoration: none;
}
a.login:hover{
color:#CC6600;
text-decoration: underline;
}
a.login:active{
color:#CC6600;
text-decoration: none;
}
#admin_nav{
text-align: left;
margin: 0;
padding: 0;
}
#admin_nav ul{
list-style-type: none;
padding: 0px;
margin: 0px;
}
#admin_nav li{
display:inline;
border-left:solid 1px #000000;
margin: 0px;
padding: 0 4px 0 4px;
}
/*Navigation-------------------------------------------------------------------------End*/

/*Banner styles-------------------------------------------------------------------------*/

#cal ul{
list-style-type: none;
padding: 0;
margin: 0;
width: 300px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
}
#news ul{
list-style-type: none;
padding: 0;
margin: 0;
width: 300px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
}
#cal li{
margin: 0;
}
#news li{
margin: 0;
}
#cal a{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
color:#333333;
display: block;
padding: 7px 16px 10px 8px;
border-bottom: 1px dotted #FFFFFF;
}
#news a{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
color:#333333;
display: block;
padding: 7px 16px 10px 8px;
border-bottom: 1px dotted #FFFFFF;
}
a.cal:link{
color:#333333;
text-decoration: none;
}
a.cal:visited{
color:#333333;
text-decoration: none;
}
a.cal:hover{
color:#CC6600;
background-color:#BDD9E2;
}
a.cal:active{
color:#333333;
text-decoration: none;
}
a.news:link{
color:#333333;
text-decoration: none;
}
a.news:visited{
color:#333333;
text-decoration: none;
}
a.news:hover{
color:#CC6600;
background-color:#AAB4CF;
}
a.news:active{
color:#333333;
text-decoration: none;
}
/*-----------------------------------------------------------------------------------------*/
/* Editerings länkar------------------------------------------------------------------Start*/
.edit{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color:#999900;
text-transform:uppercase;
}
#edit a{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color:#999900;
}
a.edit:link{
color:#999900;
text-decoration: none;
}
a.edit:visited{
color:#999900;
text-decoration: none;
}
a.edit:hover{
color:#99CC00;
text-decoration: underline;
}
a.edit:active{
color:#999900;
text-decoration: none;
}
.del{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color:#FF3300;
text-transform:uppercase;
}
#del a{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color:#FF3300;
text-transform:uppercase;
}
a.del:link{
color:#FF3300;
text-decoration: none;
}
a.del:visited{
color:#FF3300;
text-decoration: none;
}
a.del:hover{
color:#FF3300;
text-decoration: underline;
}
a.del:active{
color:#FF3300;
text-decoration: none;
}
/* Editerings länkar ------------------------------------------------------------------End*/

/*Footer länkar------------------------------------------------------------------------Start*/
#footer a{
margin: 0;
padding: 0;
font-size: 9px;
font-weight: bold;
color: #CCCCCC;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
a.footer:link{
text-decoration: none;
}
a.footer:visited{
text-decoration: none;
}
a.footer:hover{
text-decoration: underline;
}
a.footer:active{
text-decoration: none;
}
/*Footer länkar------------------------------------------------------------------------End*/

/* Standardlänkar --------------------------------------------------------------Start*/
#a{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
color:#666666;
}
a:link {
color:#666666;
text-decoration: none;
}
a:visited {
color:#666666;
text-decoration: none;
}
a:hover {
text-decoration: underline;
color:#996600;
}
a:active { 
color:#666666;
text-decoration: none;
}
/* Standardlänkar --------------------------------------------------------------End*/
/* BRÖDTEXTER----------------------------------------------------------------------- */
p{
font: normal 10px/12px Verdana, Arial, Helvetica, sans-serif;
color: #000000;
margin:0 0 1em 1em;
}
.ingress{
font: normal 11px/13px Verdana, Arial, Helvetica, sans-serif;
color: #666666;
margin:0 0 1em 1em;
}
.p{
font: normal 10px/12px Verdana, Arial, Helvetica, sans-serif;
color: #000000;
margin:0 0 1em 0;
}
.intend{
margin-left: 0 0 1em 0px;
}
/* RUBRIKER--------------------------------------------------------------------*/
h1{
font: bold 13px Arial, Verdana, Helvetica, sans-serif;
color: #000000;
margin:0 0 10px 0;
}
.h1{
font: bold 13px Arial, Verdana, Helvetica, sans-serif;
color: #000000;
margin:0 0 10px 0;
}
h2{
font: bold 12px Arial, Verdana, Helvetica, sans-serif;
color: #000000;
margin:0 0 5px 0;
}
h3{
font: normal 100%/1.3em Verdana, Arial, Helvetica, sans-serif;
color: #000000;
margin:0 0 1em 0;
}
h4{
font: bold 10px/12px Verdana, Arial, Helvetica, sans-serif;
color: #000000;
margin:0;
}
.h2{
font-size: 12px; 
color: #000000;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-weight: bold;
margin: 2px 2px 3px 2px;
}
.h3{
font-size: 12px; 
color: #014369;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-style: bold;
margin: 2px 2px 3px 2px;
}
.h4{
font: bold 10px/12px Verdana, Arial, Helvetica, sans-serif;
color: #000000;
margin:0;
}
.blogbanner_h{
color: #FFFFFF;
margin:0;
padding: 0;
}
.border_h{
border-bottom: 1px solid #CCCCCC;
background: url(../layout_img/h1_bg.gif) no-repeat;
padding: 5px 0 5px 5px;
}
.blue
{
color:#3788CF;
}
.short
{
width: 350px;
}
/*-------------------------------------------------------------*/
.alert{
font: normal 10px/12px Verdana, Arial, Helvetica, sans-serif;
margin:0 0 1em 0;
color:#FF3300;
font-weight: bold;
text-transform:uppercase;
}
.message{
font-size: 12px;
color:#00CC00;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-weight: bold;
}
.img_frame_border{
border: solid 10px #FFFFFF;
margin: 0px 3px 3px 0px;
}

.right_img{
float:right;
margin: 0px 0px 5px 5px;
/*border: solid 1px #CCCCCC;*/
}
.border_black{
border: solid 1px #000000;
}
.border_red{
border: solid 1px #CC0000;
}
.ruler{
width: 300px;
height: 1px;
color: #CCCCCC;
}
.button {
font: bold 10px/12px Verdana, Arial, Helvetica, sans-serif;  
text-decoration: none;
color: #000000;
margin:0;
}
.formField {
background: #FFFFFF;
font: normal 10px/12px Verdana, Arial, Helvetica, sans-serif;
color: #000000;
border: 1px solid #CCCCCC;
padding: 6px 0 5px 8px;
}
.formField_alert {
background: #FFCCCC;
font: normal 10px/12px Verdana, Arial, Helvetica, sans-serif;
color: #000000;
border: 1px solid #990000;
padding: 6px 0 5px 8px;
}
.formField_admin {
background: #FFFFCC;
font: normal 10px/12px Verdana, Arial, Helvetica, sans-serif;
color: #000000;
border: 1px solid #CCCCCC;
padding: 6px 0 5px 8px;
}
.formField_h {
background: url(../layout_img/h1_bg.gif) no-repeat;
font: bold 13px Arial, Verdana, Helvetica, sans-serif;
color: #3788cf;
border:0;
border-bottom: 1px solid #CCCCCC;
padding: 5px 0 5px 4px;
margin: 0 0 2px 0;
}
.formField_h_alert {
background: url(../layout_img/h1_bg_alert.gif) no-repeat;
font: bold 13px Arial, Verdana, Helvetica, sans-serif;
color: #3788cf;
border:hidden;
border-bottom: 1px solid #990000;
padding: 5px 0 5px 4px;
margin: 0 0 2px 0;
}
.loginField {
background: #FFFFFF url(../layout_images/adminbg.jpg) no-repeat;
font: bold 10px/12px Verdana, Arial, Helvetica, sans-serif;  
text-decoration: none;
color: #000000;
border: 1px solid #000000;
}
.scroll{
overflow:auto;
}
.noscroll{
overflow:hidden;
}