/*	CSS Document 
*	Main stylesheet for krummeklubben.dk
*/

/******* html elements ******/
a{ text-decoration:none; }
hr{ border-top: 1px solid #000; }
img{ border:none; }
h1{ font-size:3.4em; margin-bottom:10px; }
h2{}
h3{ font-size:2.0em;}
h4{ font-size:1.4em; margin-top:0px;}
h2, h3, h4, h5, h6{ margin-bottom: 5px; }
/******* /html elements ******/

/******* random elements ******/
.col_img{ margin-bottom:10px; }
/******* /random elements ******/

/******* errors ******/
.error{ margin-bottom:10px; padding:5px 10px 5px 20px; font-size:1.3em; }
/******* /errors ******/

/******* main container *****/
#container{ background-color:#FFF; }
#container .content{ margin:20px 20px 20px 20px; }
/******* /main container *****/

/******* content containers *****/
#mid_1{ width:560px; margin:0px; left:20px; }
#mid_2{ width:740px; margin:0px; }
#mid_1 .content p, #mid_2 .content p{ margin-bottom:15px; text-align:justify; }
#mid_1 .content { margin:0px; }
#mid_2 .content { margin:0px; }
.mod_wrapper{float:left; margin-bottom:25px;}
/******* /content containers *****/

/******* header *****/
#header { height:158px; background-repeat:no-repeat; background-position:center; margin:0px 0px 0px 0px; }
#header .content { position:relative; overflow:visible; }
#header .content #headline { z-index:4; position:absolute; }
#header .content #mainmenu { z-index:2; position:absolute; top: 85px; left:20px;}
#header .content #mainmenu ul, #left .content .submenu ul, #right .content .submenu ul, #mid_1 .content .index_menu ul{ list-style:none; padding: 0; }
#header .content #mainmenu ul li a {}
#header .content #mainmenu ul li a:hover {}
#header .content #mainmenu ul li{ margin-right:0px; float:left; }
#header .content #mainmenu ul li.menuright{ float:right; }
#header .content .search_form {z-index:3; position:absolute; top:20px; right:30px; padding:10px; background:url(../media/images/layout/grad/b35.png) repeat-x; border:solid 1px #a7a7a7;}
#header .content .search_form .content { width:290px; }
#header .content .search_form .content form {}
#header .content .search_form .content form div {color:#FFF; font-weight:bold; font-size:1.1em;}
#header .content .search_form .content form div .screen-reader-text {}
#header .content .search_form .content form div #s {background:url(../media/images/layout/grad/b15.png) repeat-x; border:solid 1px #a7a7a7; color:#FFF; font-weight:bold;}
#header .content .search_form .content form div #searchsubmit {background:#FFF; repeat-x; border:solid 1px #a7a7a7; font-weight:bold;}
/******* /header *****/

/******* left column (submenu) *******/
#left { width:160px;}
#left .content { margin:0px 0px 0px 0px; }
#left .content .submenu{ margin-bottom:10px; }
#left .content .submenu ul{ background-color:transparent; margin:0px; }
#left .content .submenu ul li{ border-bottom:1px dotted #6B6B6D; background:transparent url(../media/images/layout/page_icons/opsaetning_80x80.png) no-repeat 42px -10px; text-align:center;}
#left .content .submenu ul li:hover{ background-position: 42px -5px; }
#left .content .submenu ul li a{ color:#000; display:block; font: bold 1em "Arial", sans-serif; text-decoration:none; border:none; padding:65px 10px 5px 10px; }
#left .content .submenu ul li a:hover{ color:#fff; }
#left .content .login_box_left { background-color:#f3f3f3; margin-bottom:10px; }
#left .content .login_box_left .content { margin: 0px 10px 0px 10px; }
#left .content .login_box_left .content form p {margin:0px 0px 4px 0px; font-size:1.0em; color:#999;}
#left .content .login_box_left .content input { margin:0px 0px 5px 0px; background-color:#f9f9f9; border:dashed #d1d1d1 1px; padding:2px;}
#left .content .login_box_left p { margin:0px 0px 10px 0px;}
#left .content .login_box_left .msg { font-size:1.2em; }
#left .content .login_box_left .msg .msg_points { font-weight:bold; }
/* sub - grandchildren */
#left .content .submenu ul .grandChild{ border-bottom:1px dotted #6B6B6D; text-align:left;}
/******* /left column (submenu) *******/

/* left side menu items */
#left .content .submenu ul .page-item-45 { background-image:url(../media/images/layout/page_icons/diverse_80x80.png);} 		/* diverse */
#left .content .submenu ul .page-item-47 { background-image:url(../media/images/layout/page_icons/forsoeg_80x80.png);} 		/* forsøg */
#left .content .submenu ul .page-item-49 { background-image:url(../media/images/layout/page_icons/historier_80x80.png);} 	/* historier */
#left .content .submenu ul .page-item-51 { background-image:url(../media/images/layout/page_icons/illusioner_80x80.png);} 	/* illusioner */
#left .content .submenu ul .page-item-53 { background-image:url(../media/images/layout/page_icons/lege_80x80.png);} 		/* lege */
#left .content .submenu ul .page-item-55 { background-image:url(../media/images/layout/page_icons/opskrift_80x80.png);} 	/* opskrifter */
#left .content .submenu ul .page-item-57 { background-image:url(../media/images/layout/page_icons/papirklip_80x80.png);}	/* papirklip */
#left .content .submenu ul .page-item-43 { background-image:url(../media/images/layout/page_icons/opsaetning_80x80.png);}	/* Tegn & Mal */

/******* right column (submenu) *******/
#right { width:160px; }
#right .content { margin:0px 0px 0px 0px; }
#right .content .submenu{ margin-bottom:10px; }
#right .content .submenu ul{ background-color:transparent; margin:0px; }
#right .content .submenu ul li{ background:transparent url(../media/images/layout/page_icons/opsaetning_80x80.png) no-repeat 42px -10px; text-align:center;}
#right .content .submenu ul li:hover{ background-position: 42px -5px; }
#right .content .submenu ul li a{ color:#000; display:block; font: bold 1em "Arial", sans-serif; text-decoration:none; border:none; padding:65px 10px 5px 10px; }
#right .content .submenu ul li a:hover{  }
/******* /right column (submenu) *******/

/******* index menu ********************/
#mid_1 .content .index_menu{ margin-bottom:10px; }
#mid_1 .content .index_menu ul{ background-color:transparent; margin:0px; }
#mid_1 .content .index_menu ul li{ background:transparent url(../media/images/layout/page_icons/opsaetning_80x80.png) no-repeat 50px -10px; text-align:center; width:260px; height:180px; float:left; margin:0px 10px 10px 0px;}
#mid_1 .content .index_menu ul li:hover{ background-position: 50px -5px; }
#mid_1 .content .index_menu ul li a{ color:#000; display:block; font: bold 1em "Arial", sans-serif; text-decoration:none; border:none; padding:140px 10px 5px 10px; }
#mid_1 .content .index_menu ul li a:hover{ color:#fff; }
#mid_1 .content .index_menu a:hover { background:none;}
.index_menu_header{ font-size:1.3em;}
/******* /index menu *******************/

/******* article ********************/
.article p, .article h1, .article h2, .article h3, .article h4, .article h5 {clear:both;}
.article .alignright {margin:10px 0px 10px 10px; float:right;}
.article .alignleft {margin:10px 10px 10px 0px; float:left;}
.article .entry p .aligncenter {width:inherit; margin:0px auto; text-align:center;}
.article .picRight {margin:10px 0px 10px 10px;}
.article .picLeft {margin:10px 10px 10px 0px;}
.article .picCenter {margin:10px;}
.article .picClearBottom {margin:0px 0px 10px 0px;}
.article .cenParagraph { text-align:center; font-size:1.8em; background-color:#f7f7f7; font-family: "Times New Roman", Times, serif; font-style: italic; padding:20px; clear:both; }
.article .indholdSektion { padding:20px; background-color:#f7f7f7; margin-bottom:10px; clear:both; }
.article .indholdSektion ul {  margin:0px 0px 10px 0px; }
.article .indholdSektion ul li {list-style-type:disc; }
.article .indholdSektion .punkter, .article .punkter { margin:0px 0px 10px 0px; }
.article .indholdSektion .punkter li, .article .punkter li { list-style-type:decimal; margin:0px 0px 5px 0px; clear:both;}
.article .advarsel { padding:5px; color:#000; border:solid 1px #F00; background-color:#FCC; text-align:center;}
.article .faq { margin:10px 0px 0px 0px; padding:0px;}
.article .faq li { list-style-type:none; }
.article .faq li h3 { font-size:1.4em; }
.article .faq li p { font-size:1.1em;}
.article .faqList { padding:0px 0px 0px 0px;}
.article .faqList li { list-style-type:none; font-size:1.0em; border-bottom:solid 1px #EBEBEB;}
.article hr {margin:15px 0px 15px 0px; clear:both;}
.caption {font-size:1.2em; font-style: italic; margin-bottom:10px;}
.kolonne {float:left;}
.kolonne .aligncenter {width:inherit; margin:0px auto; text-align:center;}
.kolonne .wp-caption {}
.kolonne .wp-caption img {/*padding:10px; border:solid #CCC 1px;*/ margin-bottom:5px;}
.kolonne .wp-caption .wp-caption-text {font-size:1.1em; font-style:italic; text-align:center;}
.article .entry .inEditorDiv {}
.article .entry .inEditorDiv .kolonne {}men de
/******* /article *******************/

/******* article - lists ********************/
.article ol {margin-bottom:15px;}
/******* /article - lists *******************/

/******* article - faq *******************/
.article #faqSectionContainer { clear:both; float:left; margin:0px 0px 10px 0px;}
.article #faqSectionContainer .faqSection {clear:both; line-height:20px; padding-top:10px; width:740px;}
.article #faqSectionContainer .faqSection .left {float:left; margin:0px 0px 10px 0px; width:360px;}
.article #faqSectionContainer .faqSection .right {float:left; margin:0px 0px 10px 20px; width:360px;}
.article #faqSectionContainer .faqSection .content p {font-size:1.1em; text-align:left;}
/******* /article - faq *******************/

/******* article - gallery *******************/
.article .gallery {width:740px; margin-top:15px;}
.article .gallery .row {clear:both;}
.article .gallery .item_alt {margin:0px 16px 0px 0px;}
.article .gallery .row .item {width:236px; float:left;}
.article .gallery .row .item a:hover {display:block;}
.article .gallery .row .item h3 {margin-top:5px;}
.article .gallery .row .item p {text-align:left; margin:0px;}
.article .gallery .row .item .from {font-size:1.0em;}
.article .gallery .row .item .t_img {border:solid 1px #f5f5f5;}
.article .gallery .row .item .t_img img {margin:10px;}
/******* /article - gallery *******************/

/******* article - gallery_condensed ********************/
.article .gallery_condensed {padding:0px;}
.article .gallery_condensed a:hover {display:block;}
.article .gallery_condensed .item {border:solid 1px #f5f5f5; margin:0px 13px 13px 0px; float:left;}
.article .gallery_condensed .item img {margin:10px;}
/******* /article - gallery_condensed *******************/

/******* Search result ********************/
#result_list {margin:10px 0px 10px 0px;}
#result_list .search_result {border-bottom:solid 1px #f6f6f6; margin:5px 0px 0px 0px;}
#result_list .search_result .entry {margin:0px 0px 5px 0px; min-height:100px; clear:both;}
#result_list .search_result .entry h3 {font-size:1.6em; line-height:1.6em;}
#result_list .search_result .entry h3 a:hover {background:none;}
#result_list .search_result .entry p { margin:0px;}
#result_list .search_result .entry a:hover {display:block;}
#result_list .search_result .entry .t_img {border:solid 1px #f5f5f5; margin:0px 10px 0px 0px; float:left;}
#result_list .search_result .entry img {margin:10px;}
#result_list .search_result .alt {}
#result_list p, #result_list h1, #result_list h2, #result_list h3, #result_list h4, #result_list h5 {clear:none;}
/*#result_list .category-historier {background:#39F;}
#result_list .category-krummespil {background:#e8fff5;}*/
/******* /Search result *******************/

/******* footer *******/
#footer{}
#footer .content{ background:transparent url(../media/images/layout/footer.png) no-repeat 0 0; height:80px; }
/******* /footer ******/

/******* forms *******/
.form_content {margin:0px 0px 10px 0px; padding:10px; background-color:#fcfcfc; border:solid #f7f7f7 1px;}
.form_content p {font: bold 1.1em "Arial", sans-serif; color:#000;}
.form_content table {width:100%;}
.form_content table tr {height:30px;}
.form_content table .td_form_desc {width:150px; text-align:right; padding:0px 10px 0px 0px; font: bold 1.2em "Arial", sans-serif;}
.form_content table .td_form_desc2 {width:10px; text-align:right; padding:0px 10px 0px 0px; font: bold 1.2em "Arial", sans-serif;}
.form_content table .td_form_opt {width:155px; text-align:right; padding:0px 10px 0px 0px; font: bold 1.2em "Arial", sans-serif;}
.form_content table .td_form_input input {margin:0px 0px 5px 0px; background-color:#f9f9f9; border:dashed #d1d1d1 1px; padding:2px;}
.form_content table .td_form_txt {font: bold 1.1em "Arial", sans-serif;}
/******* /forms *******/

#errfield {}
#errfield small {font-size:0.7em; color:#666;}