/* Main CSS for SISU */

body {font: 10px/14px Verdana, Arial, Helvetica, sans-serif; margin:16px 0 0 0; padding:0; color:#000; background: #20bff0 url(../images/cph/bgfade.gif) 0 0 repeat-x;}


a {color: #0b62a4; font-weight:normal; /*text-decoration: underline;*/ text-decoration:none;}
a:hover {text-decoration: underline;}
a img {border: none;}


h1{ font-size:9px; padding:0px; margin:0 0 10px; color:#0b62a4;}
h2 {font: 11px/20px Verdana, Arial, Helvetica, sans-serif; color: #000166; padding: 0px; margin: 0px; text-transform: uppercase; font-weight: bold;}
#top_row .narrow_col {padding-top: 15px;}
#top_row .narrow_col h1 { font: 12px/14px Verdana, Arial, Helvetica, sans-serif; color: #000166; padding: 0; margin: 15px 0 5px; text-transform: uppercase;}
#top_row .narrow_col h2 { font: 11px/12px Verdana, Arial, Helvetica, sans-serif; color: #000166; padding: 0; margin: 0 0 5px; text-transform: none; font-weight: bold;}
#right_col h2 {color: #fff;}
p {margin: 5px 0 5px 0; padding: 0;}




/* header - top */
#top_banner{ height:79px; overflow:hidden; position:relative;}
#top_banner .banner1{ position:absolute; top:0; left:0;}
#top_banner .banner2{ position:absolute; top:0; left:193px;}
#top_banner .banner3{ position:absolute; top:0; left:385px;}
#top_banner .banner4{ position:absolute; top:0; left:578px;}
#top_banner .banner5{ position:absolute; top:0; left:771px;}
#top_banner img{ border:1px solid #14b5d1;}



#top_menu{ height:21px; background:#fff;}
#ul_nav{}
#ul_nav{ float:left;}


#subheader{ height:94px;}

#info_nav{ width:182px; height:100%; background:#fff; float:left;}
#info_nav img{ margin:8px 0 0 14px; }



/* Layout */
#container { width:956px; padding: 0; margin:0 auto;}



#content{ background:#fff url(../images/cph/bgwidedot.gif) 0 3px repeat-y; overflow:hidden;}

#left_col{ float:left; width:177px; padding:3px 0 0 3px; overflow:hidden;}
#left_col p{ line-height:14px;}
#left_col h1{ margin:0;}
#left_col a{ font-weight:bold;}


#main_content{ float:left; width:546px; padding:3px 7px 0 2px; overflow:hidden;}
#main_content h1{ text-transform:uppercase;}
#main_content .cph2col h1{ margin:0;}
#main_content .cph2col ul{ margin:0px; padding:0px; list-style-type:none;}
#main_content .cph2col ul li { margin:0; padding:0;}
#main_content .cph2col ul li a{ text-decoration:none;}
#main_content .cph2col .submenu{ position:absolute; top:210px;}
#main_content .cph2col .submenu li{ display:block; float:left; position:relative; background:url(../images/cph/menu_act.gif) no-repeat;}
#main_content .cph2col .submenu li a{ color:#fff; display:block; text-transform:uppercase; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:9px; font-weight:bold; line-height:11px; margin:0; padding:2px 21px 8px; text-decoration:none; background:transparent url(../images/cph/menu_act_right.gif) no-repeat scroll right 0;}



#right_col{ width:217px; overflow:hidden; padding:0 0 0 4px;}
#right_col a{ font-weight:bold;}




/* hidden*/
#breadCrumb, #right_info_nav{ display:none;}
#site_logo{ display:none;}
#top_banner ig{ display:none;}
.menu{ display:none;}




/* topmenu */
/* Menu Styles */

/* header nav*/
#ul_nav {margin: 0; padding: 0;}
#ul_nav li {position: relative; display: block; float: left; margin: 0; padding: 0;}
#ul_nav li a {font: 10px/11px Verdana, Arial, Helvetica, sans-serif; font-weight: bold; display: block; color: #000; margin: 0; padding: 2px 21px 8px; text-decoration:none;}
#ul_nav li a:hover {color: #000; background:#fff;}

#ul_nav li.act_menu{ background:url(../images/cph/menu_act.gif) no-repeat;}
#ul_nav li.act_menu a {color:#fff; background:url(../images/cph/menu_act_right.gif) right 0 no-repeat;}


/* header nav 2. level */
#ul_nav li ul { display: none; margin:0; padding: 0; position: absolute; top: 21px; left: 0; border-bottom:1px solid #b3bbbe; }
/*
#ul_nav li:hover ul, #ul_nav li.over ul {display: block; }
#ul_nav li ul li {position: relative; display: block; float: none; margin: 0; padding: 0; background: #fff; width: 180px;border-top:1px solid #b3bbbe;}
#ul_nav li ul li a {display: block; color: #666; margin: 0; padding: 5px 10px; font-weight: normal; text-transform: capitalize; text-decoration:none; font-variant: normal;}
#ul_nav li ul li a:hover {color: #fff; background: #000166;}
*/





/* Elementer */
.menu1{ width:163px; border:1px solid #14b5d1; background:#ff0000;} /* bør laves om til "Kasse" */
.kasse, .kasseShop, .kasseMatchMaker, .kasseCafeSisu{ width:151px; padding:0 6px; border:1px solid #14b5d1; margin:0 0 3px 0;}
.kasse div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image img{ margin-top:10px;}

.kasseShop{ background:url(../images/cph/shoppen.gif) no-repeat; border:none; width:198px; padding:16px 14px 0 12px;}
.kasseCafeSisu{ background:url(../images/cph/cafesisucph.gif) no-repeat; border:none; width:198px; padding:36px 14px 0 12px;}
.kasseMatchMaker{ background:url(../images/cph/matchmaker.gif) no-repeat; padding-top:40px}

#left_col p{ margin:0 0 3px 0;}

.cph2col{ width:550px; overflow:hidden; clear:both; background:url(../images/cph/dots.gif) 352px 0 repeat-y;}
.cph2col .col1{ width:348px; float:left; overflow:hidden;}
.cph2col .col2{ width:185px; float:left; overflow:hidden; padding:5px 0 5px 15px;}

#main_content .cph2col ul li.act{ color:#0B62A4; font-weight:bold;}
#main_content .cph2col ul li.act a{ margin-left:10px; color:#14b5d1;}

.cph2col-frontpage{ width:550px; overflow:hidden; clear:both; background:url(../images/cph/dots.gif) 175px 0 repeat-y;}
.cph2col-frontpage .col1{ width:144px; min-height:199px; float:left; overflow:hidden; padding:8px 30px 0 10px; background:url(../images/cph/cph2colcol1bg.jpg) 0 0 no-repeat;}
.cph2col-frontpage .col2{ width:355px; min-height:199px; float:left; overflow:hidden; padding:8px 10px 0 0; }

/* citat */
.cph2col_fortune{ width:774px; overflow:hidden; position:relative; float:left; clear:right;}
.cph2col_fortune .col1{ width:400px; padding:19px 0 0 24px; float:left; overflow:hidden; color:#fff;}
.cph2col_fortune .col1 h1{ font-size:12px; color:#14b5d1;}
.cph2col_fortune .col1{ color:#fff; font-size:11px;}
.cph2col_fortune .col2{ width:350px; float:left; overflow:hidden; padding:8px 0 8px 0;}
.cph2col_fortune .col2 img{ border:1px solid #14b5d1;}



.cph2col-frontpage .col1 h1, .cph2col-frontpage .col2 h1, .cph2col-frontpage .col1 p, .cph2col-frontpage .col2 p{ margin:0;}
.col1 h1, .col2 h1{ font-size:9px;}

.cph2col .col2 div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image img { margin:0 0 0 -3px;}


.breadCrumb{ position:relative; top:61px; color:#fff;}
.breadCrumb a{ color:#fff; font-weight:normal; text-decoration:none;}
.breadCrumb a:hover{ text-decoration:underline;}
.breadCrumb ul li{ float:left;} 

.quickmenu{ float:left; padding:0; margin:0; list-style-type:none; position:absolute; top:61px; right:0;}
.quickmenu li{ float:left; padding:0; margin:0 0 0 22px;}
.quickmenu li a{ color:#fff; font-weight:normal; text-decoration:none;}
.quickmenu li a:hover{ text-decoration:underline;}

.news-list-item img{ float:right; margin:-12px 10px 0 20px}
.col1 .news-list-item{ position:relative; clear:both; display:block; margin:0; min-height:80px;}

#main_content .kalendar-container h1 a{ font-weight:bold;}


.cph2col-frontpage .col2 .news-list-item{ clear:both; width:355px; margin:0 0 7px; overflow:hidden;}
.underside #main_content .news-list-item{ width:546px; overflow:hidden;}
.underside #main_content .news-list-item img{ margin:-40px 0 0;}




/* *** *** *** *** *** *** *** */
/* MENU FLYT OG TILPASNING    */
/* *** *** *** *** *** *** *** */
/* menu i venstre */

#left_col .submenu li a { background:transparent url(../images/cph/menu_act_right.gif) no-repeat scroll right 0; color:#FFFFFF; display:block; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:9px; font-weight:bold; line-height:11px; margin:0; padding:2px 21px 8px; text-decoration:none; text-transform:uppercase;}
#left_col .submenu li { background:transparent url(../images/cph/menu_act.gif) no-repeat scroll 0 0; display:block; float:left; position:relative;}
#left_col ul{ clear:both;}

#content #left_col li.act_menu, #main_content .cph2col .submenu li{ background:transparent url(../images/sisu/menu_act.gif) no-repeat scroll 0 0;}

#left_col ul{ margin:0; padding:0 9px 0 5px; list-style-type:none; }
#left_col ul li a{ font-weight:normal; padding:0;}
#left_col ul li.act a { margin-left:10px; font-weight:bold;}

#right_col { overflow:hidden; padding:4px 0 0 4px; width:217px;}

#right_col .kasse{ width:199px;}
#right_col .kasse h2{ color:#CF001C;}

.news-single-item{ width:405px;}
.news-list-title-medlem a{ font-weight:bold; }