body { font: 8px/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; 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:19px; left:33px;}
#top_banner .banner2{ position:absolute; top:19px; left:261px;}
#top_banner .banner3{ position:absolute; top:19px; left:491px;}
#top_banner .banner4{ position:absolute; top:19px; left:723px;}
#top_banner .banner5{ position:absolute; top:19px; left:800px; display:none;}
#top_banner img{ border:1px solid #ff0000;}


#top_menu{ height:30px; background:url( ../images/sisu/menubg.gif) 0 0 repeat-x;}
#ul_nav{}
#ul_nav{ float:left;}


#subheader{ height:94px;}

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



/* 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:176px; padding:0; overflow:hidden;}
#left_col p{ line-height:14px;}
#left_col h1{ margin:0;}
#left_col a{ font-weight:bold;}


#main_content{ float:left; width:604px; overflow:hidden;}
#main_content #blackbox { width.604px; height:95px; background:#000 url(../images/sisu/net.jpg) 0 0 no-repeat;}
#main_content .mc{ width:580px; padding:12px 11px 12px 13px;}
#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;}

#main_content #blackbox{ position:relative;}
#main_content #blackbox .connect{ position:absolute; top:12px; right:13px;}
#main_content #blackbox .header{ width:368px; position:absolute; top:44px; left:224px;}
#main_content #blackbox .header h1{ color:#fff; font:16px/16px Verdana,Arial,Helvetica,sans-serif; font-weight:bold; }
#main_content #blackbox .sidetitel-tekst{ position:absolute; width:189px; top:44px; left:224px; font:12px/12px Verdana,Arial,Helvetica,sans-serif; color:#fff; font-weight:bold; text-align:right;}
#main_content #blackbox .connect-forside{ position:absolute; top:42px; left:430px;}
#main_content #blackbox .connect-forside .fb{ margin-right:10px; float:left;}
#main_content #blackbox .connect-forside .flickr{ margin-right:10px; float:left;}


#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/30px Verdana, Arial, Helvetica, sans-serif; font-weight: bold; display: block; color: #000; margin: 0; padding:0 21px 0; text-decoration:none; text-transform:uppercase;}
#ul_nav li a:hover {color: #000; text-decoration:underline;}

#ul_nav li.act_menu{ background:url(../images/cph/menu_act.gif) no-repeat;}
#ul_nav li.act_menu a { text-decoration:underline;}


/* 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:152px; padding:0 12px; margin:0 0 3px 0; color:#fff;}
.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;}
/*
.cph2col .col1{ width:348px; float:left; overflow:hidden;}
.cph2col .col2{ width:185px; float:left; overflow:hidden; padding:5px 0 5px 15px;}
*/

.cph2col .col1{ width:240px; float:left; overflow:hidden; padding:0 0 5px 33px;}
.cph2col .col2{ width:240px; float:left; overflow:hidden; padding:0 0 5px 33px;}

#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;}
.cph2col-frontpage .col1{ width:355px; min-height:199px; float:left; overflow:hidden; padding:8px 10px 0 0;}
.cph2col-frontpage .col2{ width:144px; min-height:199px; float:left; overflow:hidden; padding:8px 30px 0 10px; }

/* citat */
.cph2col_fortune{ width:780px; overflow:hidden; position:relative; float:left; clear:right; background:#ea0003;}
.cph2col_fortune .col1{ width:406px; 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; text-align:right;}
.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:10px;}

.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;}


/* efterflg. justering */
body{ font-size:9px;}
/*
.news-list-item{ overflow:hidden;}
.news-list-item img { float:right; margin:0 10px 0 20px;}
*/

/* justeringer 27.aug.09 */
/*.cph2col-frontpage .kalendar-container h1 a{ font-weight:bold;}*/







/* SISU.DK TILRETNING */


body {font: 10px/14px Verdana, Arial, Helvetica, sans-serif; margin:0; padding:0; color:#000; background: url(../images/sisu/sisu_bg.jpg) 0 0 repeat-x;}
a{ color:#cf001c;}
#left_col a{ color:#fff;}


h1, h2{ color:#cf001c;}
.cph2col_fortune .col1 h1{ color:#fff;}

#top_banner{ height:81px; background:url(../images/sisu/sisu_top.jpg) 0 0 no-repeat;}

#main_content .cph2col ul li.act a{ color:#cf001c;}
#main_content .cph2col ul li.act { color:#cf001c;}

/* menu i midt højre*/
/*
#ul_nav li.act_menu a, #main_content .cph2col .submenu li a{ background:transparent url(../images/sisu/menu_act_right.gif) no-repeat scroll right 0;}
#ul_nav li.act_menu, #main_content .cph2col .submenu li{ background:transparent url(../images/sisu/menu_act.gif) no-repeat scroll 0 0;}
*/

#ul_nav li.act_menu a, #main_content .cph2col .submenu li a{ background:none repeat scroll 0 0;}
#ul_nav li.act_menu, #main_content .cph2col .submenu li{ background: none repeat scroll 0 0;}


/* menu i venstre */

#left_col .submenu li a { background:transparent url(../images/sisu/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/sisu/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;}



#content{ background:#fff url(../images/sisu/sisucontentbg.gif) 0 3px repeat-y;}
.cph2col{ width:550px; overflow:hidden; clear:both;}
/*.cph2col-frontpage{ background:url(../images/sisu/dots.gif) 175px 0 repeat-y;}*/


/*
.cph2col .col1{ float:left; overflow:hidden; padding:5px 0 5px; width:185px; }
.cph2col .col2{ float:left; overflow:hidden; width:348px;}
*/

#top_banner img{ border:1px solid #ff0000;}

#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:0; width:176px;}

#right_col .kasse h2{ color:#fff;}

#right_col .kasse a{ color:#fff; text-decoration:underline;}

.cph2col_fortune .col2 img{ border:none;}

#left_col ul li{ padding:4px 0 0 0;}
#left_col ul li a{ font-weight:bold;}

#right_col div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image {margin-bottom:0;}

.graakasse{ background:#f1f1f1; border:1px solid #d7d7d7; width:218px; padding:5px 10px 0;}
.graakasse #twitter_div{ padding:0 0 5px;}
.graakasse #twitter_div ul{ padding-left:1.3em; margin-left:0; margin-bottom:8px; list-style-type:disc;}
.graakasse #twitter_div ul li{ margin-top:4px;}

.cph2col-frontpage .graakasse{ width:149px; }