@charset "UTF-8";

fieldset#middle textarea,input,select,fieldset#left textarea,fieldset input,fieldset select{font-family:Verdana; font-size:11px;   width:200px;    }
fieldset textarea{ font-family:Verdana; font-size:12px;   width:290px;    }

fieldset#left{ float:left;width:200px; padding-right:10px; padding-top:10px;     }
fieldset#left label,fieldset#middle label,fieldset#whole label{ font-size:11px;margin-top:5px; color:#8c7f77;   }

fieldset#middle{ width:200px;padding-top:10px; float:left; padding-right:10px; }

fieldset#whole{ width:290px; padding-top:10px;padding-right:10px; font-size:11px;  vertical-align:top;}
fieldset#whole input,textarea{ width:290px;font-family:Verdana; font-size:12px;}

.imgbox{ margin-top:10px; margin-right:10px; width:100px; height:140px; display:block; float:left;}
#MyImages{ list-style-type:none;}
#imgbox150{margin-top:23px; margin-left:20px; margin-right:20px; width:150px; height:150px; float:left;}
#imgtext{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;}
.imgtext{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;}
#smallselect input{ width:10px; margin-top:5px; margin-right:5px;}
#smallselect label{ font-size:.9em; color:#333333; width:150px; display:block; margin:5px; vertical-align:middle; }
.smallselect input{ width:10px; margin-top:5px; margin-right:5px;}
.smallselect label{ font-size:.9em; color:#333333; width:150px; display:block; margin:5px; vertical-align:middle; }
.verksamheadersmall{ font-weight:bold; font-size:11x;}
.panel{ border:1px solid #cccccc;}

#page-login{ background:#f8f8f8; text-align:center; }
.login-container{ width:581px; margin:170px auto; border:1px solid #cccccc;}
.login-form{ padding:25px 57px 25px 57px; text-align:left; }
.login-form .input-left{ float:left; }
.login-form .input-right{ float:right; }
.login-form .input-box input.input-text { width:224px; }
.login-form h2{font-size:1.0em; font-weight:normal; }
.login-form label{ font-weight:bold; }
.login-form .form-buttons{ margin:12px 0 0 0; clear:both; text-align:right; }
/*.login-box .bottom{ width:581px; height:5px; background:url(images/login_box_bottom.jpg) no-repeat; overflow:hidden; }*/
.login-container .legal{ margin:0; padding:8px 8px 5px 8px; font-size:.95em; }
.login-form .validation-advice{ margin:3px 0 0 0; }
.login-form .forgot-link{ margin:0 17px 0 0; text-align:right; }
.left{ text-align:left; float:left;}

.form-button { border-width:1px; border-style:solid; border-color:#ed6502 #a04300 #a04300 #ed6502; padding:0 7px 1px 7px; background:#ffac47 url(images/btn_bg.gif) repeat-x 0 100%; color:#fff; font:bold 12px arial, helvetica, sans-serif; cursor:pointer; text-align:center !important; white-space:nowrap; }
.CloseDialog{float:right; background:url(../img/close.png) no-repeat scroll 0 0; height:10px; width:10px; cursor:pointer;}
#imgcontainer{ float:left; width:287px; height:auto; }
#imgcontainer .deletedtext{ background-color:Yellow;color:Red;}
#containerbild{ margin-top:10px;}
.containinner{ width:120px;}
.containinner label{ display:inline-block; }
fieldset#imgright{width:150px;float:left; margin-left:10px; vertical-align:top;}
fieldset#imgright label{ font-family:Verdana;font-size:10px;font-style:italic; display:inline-block; margin-top:5px;}
.odd {background-color:#dbdbd7;}
fieldset#imgright textarea { width:100%}
input, textarea, select { width:140px;}
.Save_Form, .Approve_btn, .Delete_Image, .Reset_Form {border:medium none;color:#FFFFFF;cursor:pointer;height:21px;padding-bottom:5px;width:56px;}
div.bottom{ margin-bottom:0px; padding-top:10px; float:right; }
div.bottom input {width:30px;}
.Thumb_Image{height:110px; padding:5px; border:double 2px Gray; margin-top:5px;}
.CloseMaterial{float:right; background:url(../img/close_bg.png) no-repeat scroll 0 0; height:10px; width:10px; cursor:pointer;}

.blackbox {line-height:1.3em; letter-spacing:0.1em; font-weight:bold; display:block; text-transform:uppercase; padding:5px; width:60px; height:60px; font-size:10px; background:#000000; color:#D7d1cc;}
.boxheight { height:70px;}

table.twocolumn{width:786px;}
table.twocolumn .col1{width:390px;}
table.twocolumn .col2{width:396px;}

div.calendarview{ width:382px; margin:3px 6px 3px 0px; border:solid 1px  #CCCCCC; height:200px; float:left;}
div.calendarview img {width:70px; height:100px; padding:2px;}
div.calendarview div.left { width:75px;float:left;  height:100%;}
div.calendarview div.right {width:285px; padding-left:5px; padding-left:15px; padding-top:20px;}
div.calendarview .tdimage { border-right:solid 1px #CCCCCC;}    
div.calendarview .header { font-weight:bold; font-size:14px;}                       
/* for the site Navigation from file nav_vlist.css */

@media all{
  /* title */
  h6.vlist {font-family:Verdana, Arial, Helvetica, sans-serif;font-weight:bold;font-size:100%;width:90%;padding:3px 0px 3px 10%; /* LTR */
    margin:0;color:#444;background-color:#fff;border-top:2px #ddd solid;border-bottom:4px #888 solid;}
  .vlist {width:170px;overflow:hidden;margin:0 0 1.5em 0;list-style-type:none;font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:.9em;font-weight:bold;font-style:normal; }
  .vlist ul {list-style-type:none; margin:0; padding:0;}
  .vlist li {float:left; /* LTR */width:100%;margin:0;padding:0;}
  .vlist a,.vlist strong,.vlist span {display:block;padding:2px 0px 2px 10%;text-decoration:none;/*line-height:1.9em;*//*letter-spacing:0.08em;*/}
  .vlist a,.vlist a:visited {color:#FF6600;}
  .vlist li span {display:block;font-weight:normal;}
  /* active list element */
  .vlist li.active {font-weight:normal;}
  /* Level 1 */
  .vlist li a,
  .vlist li strong,
  .vlist li span { width:90%; padding-left:10%; } /* LTR */
  .vlist li a:focus,.vlist li a:hover,.vlist li a:active { font-weight:normal; }
  /* Level 2 */
  .vlist li ul li a,.vlist li ul li strong,.vlist li ul li span { width:80%; padding-left:10px; margin-left:25px; font-weight:normal; padding-bottom:0px; padding-top:0px; } 
  /* LTR */
  .vlist li ul li a,.vlist li ul li a:visited { background-color:#fff; color:#FF6600; }
  .vlist li ul li a:focus,.vlist li ul li a:hover,.vlist li ul li a:active { background-color:#fff; color:#FF6600; }
  /* Level 3 */
  .vlist li ul li ul li a,.vlist li ul li ul li strong,.vlist li ul li ul li span { width:70%; padding-left:30%; } 
  /* LTR */
  .vlist li ul li ul li a,.vlist li ul li ul li a:visited{ background-color:#f0f0f0; color:#222; }
  .vlist li ul li ul li a:focus,.vlist li ul li ul li a:hover,.vlist li ul li ul li a:active {  }
  /* Level 4 */
  .vlist li ul li ul li ul li a,.vlist li ul li ul li ul li strong,.vlist li ul li ul li ul li span { width:60%; padding-left:40%; }
  /* LTR */
  .vlist li ul li ul li ul li a,.vlist li ul li ul li ul li a:visited { background-color:#e8e8e8; color:#111; }
  .vlist li ul li ul li ul li a:focus,.vlist li ul li ul li ul li a:hover,.vlist li ul li ul li ul li a:active { background-color:#a88; color:#fff; }
  
  /*Next level navigation*/
    /* title */
  h6.vlistblack {font-family:Verdana, Arial, Helvetica, sans-serif;font-weight:bold;font-size:100%;width:90%;padding:3px 0px 3px 10%;/* LTR */margin:0;color:#444;background-color:#fff;border-top:2px #ddd solid;border-bottom:4px #888 solid;}
  .vlistblack {width:170px;overflow:hidden;margin:2.0em 0 1.5em 0;list-style-type:none;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:.9em;font-weight:bold;font-style:normal;}
  .vlistblack ul {list-style-type:none;margin:0;padding:0;}
  .vlistblack li {float:left; /* LTR */width:100%;margin:0;padding:0;}
  .vlistblack a,.vlistblack strong,.vlistblack span {display:block;padding:2px 0px 2px 10%;text-decoration:none;/*line-height:1.9em;*/letter-spacing:0.08em;}
  .vlistblack a,.vlistblack a:visited {color:#000000;}
  .vlistblack li span {display:block;font-weight:normal;}
  /* active list element */
  .vlistblack li.active {font-weight:normal;}
  /* Level 1 */
  .vlistblack li a,.vlistblack li strong,.vlistblack li span { width:90%; padding-left:10%; } 
  /* LTR */
  .vlistblack li a:focus,.vlistblack li a:hover,.vlistblack li a:active { font-weight:normal; }
  /* Level 2 */
  .vlistblack li ul li a,.vlistblack li ul li strong,.vlistblack li ul li span { width:80%; padding-left:20%; font-weight:normal; } 
  /* LTR */
  .vlistblack li ul li a,.vlistblack li ul li a:visited { /*background-color:#f8f8f8; color:#333;*/ }
  .vlistblack li ul li a:focus,.vlistblack li ul li a:hover,.vlistblack li ul li a:active { /*background-color:#a88; color:#fff;*/ }
  /* Level 3 */
  .vlistblack li ul li ul li a,.vlistblack li ul li ul li strong,.vlistblack li ul li ul li span { width:70%; padding-left:30%; } /* LTR */
  .vlistblack li ul li ul li a,.vlistblack li ul li ul li a:visited{ /*background-color:#f0f0f0; color:#222;*/ }
  .vlistblack li ul li ul li a:focus,.vlistblack li ul li ul li a:hover,.vlistblack li ul li ul li a:active {  }
  /* Level 4 */
  .vlistblack li ul li ul li ul li a,.vlistblack li ul li ul li ul li strong,.vlistblack li ul li ul li ul li span { width:60%; padding-left:40%; } /* LTR */
  .vlistblack li ul li ul li ul li a,.vlistblack li ul li ul li ul li a:visited { /*background-color:#e8e8e8; color:#111;*/ }
  .vlistblack li ul li ul li ul li a:focus,.vlistblack li ul li ul li ul li a:hover,.vlistblack li ul li ul li ul li a:active { /*background-color:#a88; color:#fff;*/ }
}

/* File from the basemod.css */
@media screen, projection
{
  /** 
   * (en) Forcing vertical scrollbars in IE8, Firefox, Webkit & Opera
   *
   * @workaround
   * @affected IE8, FF, Webkit, Opera
   * @css-for all
   * @valid CSS3
   */
  body {/* overflow-y:scroll; */ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;}
  a{ color:#333333; text-decoration:underline;}
  .page_margins { width:1000px; margin:0 auto; background:url(/Content/img/Sidelogo_full.jpg) no-repeat top left; min-height:466px; }
  .page{ margin-left:27px; border-left:#cccccc 1px solid; border-right:#cccccc 1px solid;}

  /* Design of the Main Layout Elements |  */
  #header { height:71px; color:#d7d1cc;  } /*background:#000000;*/
  #header h1{padding-top:15px;width:59px; height:44px; margin-left:16px;}
  
  /* Styles for the Top right navigation elements*/
  #topnav,#topnav1,#topnav span,#topnav1 span { font-size:1.0em; font-style:normal;color:#d7d1cc; letter-spacing:0.08em; }
  #topnav ul,#topnav1 ul{ list-style:none;}
  #topnav li {background:url(/Content/img/bulletW.jpg) no-repeat left center; display:inline;padding-left:11px; list-style:none;}
  #topnav1 li {background:url(/Content/img/bulletblack.jpg) no-repeat left center; display:inline;padding-left:11px; list-style:none;}
  #topnav a,#topnav1 a{ color:#FFFFFF; text-decoration:none;}
    
  #main { margin-top:37px; font-family:Verdana, Arial, Helvetica, sans-serif; }
  #main2{ font-family:Verdana, Arial, Helvetica, sans-serif;} /*margin-left:185px; */

  #footer { margin-top:12px;height:35px; background:#000000; font-size:.9em; padding:20px 20px 10px; }
  #footer h1{ margin-left:10px; background:url(/Content/img/bottomlogo.jpg) no-repeat center right;float:left; width:35px; height:27px;}
  
  #footnav span{ color:#d7d1cc; margin-left:8px; }
  #footnav{ font-variant:normal; text-align:left; font-style:normal; }
  .sitemap{  color:#d7d1cc; margin-left:8px;}
  #footer ul{ margin-left:55px; padding-left:0px;margin-bottom:0px;}
  #footnav li{ background:url(/Content/img/bullet.jpg) no-repeat left center; padding-left:11px; display:inline; list-style:none; color:#d7d1cc; }

  #col1 {  }
  #col1_content {  }
  #col1_gallery { width:772px; } 
  #col1_gallerynav{ margin-left:15px;}   
  #col1_gallerynav a.activeSlide{ border:1px solid #cccccc;}
  #col1_gallerynav a:focus{ border:1px solid #cccccc;}

  .leftnav{ position:absolute; left:0;}
  .rightnav{ position:absolute; right:0; margin-right:10px;}  
  #col1_gallery_subs{ background:url(/Content/img/subtitle_back.png) no-repeat 0 0; padding-top:2px;position:absolute; top:366px; padding-left:12px; padding-right:12px; font-size:0.9em; font-variant:small-caps; width:774px; height:17px;}
  .col1_gallery_subs{ background:url(/Content/img/subtitle_back.png) no-repeat 0 0; padding-top:2px;position:absolute; top:366px; padding-left:12px; padding-right:12px; font-size:0.9em; font-variant:small-caps; width:774px; height:17px; z-index :8;}

  #col1_memberleft{ margin-bottom:6px; margin-left:12px; border:1px solid #cccccc;}
  #col1_memberleft{ }
  
  #col1_verk{ border:1px solid #cccccc; margin-bottom:6px; margin-right:6px; color:#333333;}
  .col1_verkcontent { padding:15px; font-family:Verdana; font-size:9pt;}
  
  #col1_images{ border:1px solid #cccccc; margin-bottom:6px; color:#333333; padding:15px;margin-right:6px;}/*margin-right:6px; */
  #col1_imagescontent{ font-family:Verdana; font-size:9pt; padding-bottom:23px; }
  
  #col1_imagesfull{ padding-bottom:23px; border:1px solid #cccccc; color:#333333; margin-bottom:6px;}
  
  #col1left_sida{ border:1px solid #cccccc; }
  #col1left_sidacontent{}
  
  #col2right_sida{}
  #col2right_sidacontent{}
  
  #col1left { /* background:url(/Content/img/384.jpg) no-repeat scroll 0 0;*/ width:382px; margin-right:6px; }
  /*
  #col1left_content {line-height:1.3em; letter-spacing:0.1em; font-weight:bold; font-variant:small-caps; padding:5px; width:59px; height:59px; font-size:1.0em; background:#000000; color:#D7d1cc; position:absolute;}
  .col1left_content {line-height:1.3em; letter-spacing:0.1em; font-weight:bold; font-variant:small-caps; padding:5px; width:59px; height:59px; font-size:1.0em; background:#000000; color:#D7d1cc;}
 */
  #col1left_txt{ line-height:1.3em; border:1px solid #cccccc; padding:16px; margin-right:6px; font-size:0.9em;  color:#333333; width:350px;} /*width:362px*/
  #col1left_txtcontent{ line-height:1.3em; padding:16px; color:#333333}
  #col1_personal {border:1px solid #cccccc;}
    
  #col1left70{border:1px solid #cccccc;  margin-right:6px;/* background:url(/Content/img/38470.jpg) no-repeat right top;*/}
  /*#col1left70_content{ font-variant:small-caps; padding:5px; width:59px; height:59px; line-height:1.3em; letter-spacing:0.1em; font-size:1.0em; font-weight:bold; background:#000000; color:#D7d1cc;}*/
  #col1left70_main{ line-height:1.3em; padding:16px; width:352px; font-size:.9em; color:#333333; }
  #col1_left70{ border:1px solid #cccccc; margin-bottom:6px;}
  #col1_left70_main{line-height:1.3em;padding:16px;font-size:.9em; color:#333333;}
  
  #col1right {border:1px solid #cccccc; margin-right:6px;}
  /*#col1right_content {line-height:1.3em; letter-spacing:0.1em; font-variant:small-caps; padding:5px; width:59px; height:59px; font-size:1.0em; font-weight:bold; background:#000000; color:#D7d1cc;  }	*/
  #col1right_content1{line-height:1.3em; width:170px; font-size:.9em; padding:16px; color:#333333;}
  
  #col1right70{border:1px solid #cccccc; margin-right:6px;}
  #col1right70_content{ margin-top:188px; padding:16px; height:156px; width:352px; }
  #col1lefttext{border:1px solid #cccccc; margin-top:6px; margin-right:6px; }	
  #col1lefttext_content{line-height:1.3em; letter-spacing:0.1em;font-variant:small-caps;font-weight:bold; padding:5px; width:59px; height:59px; font-size:1.0em; background:#000000; color:#D7d1cc; }
  
  #colsquare{border:1px solid #cccccc; background:/*url(/Content/img/11970.jpg)*/ none no-repeat right top; width:187px; margin-right:6px;}
  .colsquare_maintxt {position:absolute;}
  /*#colsquare_txtblock,#colsquare1_txtblock{line-height:1.3em; letter-spacing:0.1em; font-weight:bold; display:block; font-variant:small-caps; padding:5px; width:60px; height:60px; font-size:1.0em; background:#000000; color:#D7d1cc; position:absolute;}/*font-size:0.8em*/
  /*#colsquare1_txtblock1{line-height:1.3em; letter-spacing:0.1em; font-weight:bold; display:block; font-variant:small-caps; padding:5px; width:60px; height:60px; font-size:1.0em; background:#000000; color:#D7d1cc;}/*font-size:0.8em*/
  #colsquare_maintxt { line-height:1.3em; padding:16px; width:157px;  font-size:.9em; color:#333333; }
  #colsquare1_maintxt{line-height:1.3em; padding:16px; width:145px;  font-size:.9em; color:#333333;}
  #colsquare1{border:1px solid #cccccc; /*margin-top:5px;*/ margin-right:6px; height:auto; width:187px;} /*height is included by RV */
  
  #colsquare_present{border:1px solid #cccccc; margin-right:6px; margin-bottom:6px;}
  #colsquare1_present{border:1px solid #cccccc; margin-right:12px; margin-bottom:6px;}
  
  #colsquare2{border:1px solid #cccccc; background:/*url(/Content/img/189188.jpg)*/ none no-repeat 0 0; margin-right:6px; }
    
  #col2 {  border:1px solid #cccccc; margin-top:6px; margin-left:6px;}
  #col2_sida{ border:1px solid #cccccc; margin-right:6px;/* margin-bottom:6px;*/}
  #col2_sidatxt{ line-height:1.3em; padding:16px; color:#333333; font-size:0.9em;}
  #col2_content { padding:5px; width:59px; height:59px; font-size:9px; background:#000000; color:#D7d1cc; }
  #col3_advrightcontent{ /*margin-left:165px;*/ margin-top:40px; top:0; right:1; left:150px; /*background:url(../../images/swed_map.jpg) no-repeat right top;*/ }

  #col3_memberright{ margin-right:12px; border:1px solid #cccccc;}
  #col3 { border:1px solid #cccccc; width:774px;  } /*background:url(/Content/img/774.jpg) no-repeat scroll 0 0; */
  #col3_sida1 { border:1px solid #cccccc; /*background:url(/Content/img/774.jpg) no-repeat scroll 0 0;*/ width:772px; height :382px; padding-bottom:0px; /*padding-top:2px;*/ }
  #col3left_content { position:absolute; /*left:192px;*/ top:1;line-height:1.3em; letter-spacing:0.1em; font-weight:bold; font-variant:small-caps; padding:5px; width:59px; height:59px; font-size:1.0em; background:#000000; color:#D7d1cc;  }
  #col1_txtsida,#col1_txtsida1 { border:1px solid #cccccc; width:772px;}
  #col1_txtsidacontent{ padding:16px; font-size:0.9em;}
  
  #col3_gallery{ border:1px solid #cccccc; width:774px;}
  #col3_personal {border:1px solid #cccccc;}
  #col3_percontent{ padding:15px;font-family:Verdana, Arial, Helvetica, sans-serif; /*font-size:0.9em;*/ color:#333333;}
  #col3_percontent p{ padding:0px 0px 10px 0px; color:#333333;}
  #col3_content { background:url(/Content/img/trans.png) no-repeat 0 0; margin-left:625px; width:150px; height:150px; font-size:0.9em; line-height:1.3em; letter-spacing:0.1em; padding:10px 5px; color:#333333;  }
  
  #col3_middle{ border:1px solid #cccccc; float:left; margin-top:6px;}
  #col3_middleleft{ line-height:1.3em; padding:10px 16px; font-size:.9em; color:#333333;}
  #col3_cv{border:1px solid #cccccc; margin-top:6px; float:left; width:394px; margin-bottom:6px;}

  .collen{ width:55px;}

  #searchbox{position:absolute;top:60px;left:185px;}
  #searchbox1{position:absolute;top:60px;left:487px; }
  #advsearch{position:absolute;top:60px;left:883px;}
  #innersearchbox{ font-size:0.9em; width:393px; padding-top:12px;}
  #innersearchbox1{ /*font-size:0.9em;*/ padding-top:12px;}
  #traffsearchbox{ width:300px;}/*width:258px;*/
  
  .advbutton,.advbutton1 { text-align:right; float:right;}
  #ortsok{width:199px; position:absolute; left:0px;}
  #no_order { padding:0px; }
  #no_order ul{ margin:0; padding:0px; list-style:none;}
  #no_order li{ padding-left:10px; padding-bottom:5px; line-height:1; height:14px; color:#333333; list-style:none;float:left; margin-bottom:6px; font-size:1.0em;}
  #no_order li a{ text-decoration:none; color:#666666;}
  #no_order li a:hover,a:visited{ color:#858585; text-decoration:none;}
  #no_order li .ora { font-weight:bold; color:#858585;}
  ol{ list-style:none; padding:15px;}
  .searchtxt{ width:75em; padding-bottom:10px;}
  
  #skiplinks a.skip:focus,
  #skiplinks a.skip:active { 
	color:#fff; 
	background:#333; 
	border-bottom:1px #000 solid;
	padding:10px 0;
	text-decoration:none;
  }  
}

/* Import from forms.css */
@media screen, projection
{
 .yform {}
 .yform fieldset {/* border:1px #ddd solid;background:#fafafa;margin:0 0 1em 0;padding:0.5em;*/}
 .yform legend {font-size:125%; font-weight:normal; color:#000;}
 .yform label {color:#666;}
 .yform input,.yform select,.yform optgroup {color:#8c7f77; /* proportional fonts for all form elements */}
 .yform textarea{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:8px; padding-left:5px;}
 .yform .type-text input,.yform .type-text textarea,.yform .type-select select {border:1px solid #85878C;}
  /* :hover and :focus status on form fields */
 .yform div input:focus,.yform div select:focus,.yform div textarea:focus,.yform div input:hover,.yform div select:hover,
 .yform div textarea:hover,.yform div input:active,.yform div select:active,.yform div textarea:active {  border:1px #ff6600 solid;background:#fff;}
  /* avoid jumping checkboxes & radiobuttons in IE8 */
  .yform div.type-check input:focus,.yform div.type-check input:hover,.yform div.type-check input:active { border:0 none; }

  /* Styling of buttons */
  .yform .type-button input {border-top:1px #ccc solid;border-left:1px #ccc solid;border-right:1px #ccc solid;border-bottom:1px #ccc solid;
    color:#fff;background:#ff6600;padding:.2em .2em;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;font-weight:bold;}
  
  .yform .type-button input[type=reset] { margin-left:10px; color:#fff; background:#ff6600 ; font-weight:bold; }
  .yform .type-button input[type=submit] { color:#330; background:#5e5607 url(images/button_yellow.png) top left repeat-x; }

  /* optional button styling for IE6 using classes */
  .yform .type-button input.reset { color:#300; background:#661717 url(images/button_red.png) top left repeat-x; }
  .yform .type-button input.submit { color:#330; background:#5e5607 url(images/button_yellow.png) top left repeat-x; }

  /* :hover and :focus status on buttons | Effekt zur Hervorhebung von Schaltern bei :hover oder :focus */
  .yform div.type-button input:focus,.yform div.type-button input:hover,.yform div.type-button input:active {
    border-top:1px #444 solid; border-left:1px #444 solid;border-right:1px #ddd solid;border-bottom:1px #ddd solid;color:#fff;
    background:#555; }
  .yform div.type-button input.reset:focus,.yform div.type-button input.reset:hover,yform div.type-button input.reset:active {
    background:#800; color:#fff;}

  .yform div.type-button input.submit:focus,.yform div.type-button input.submit:hover,.yform div.type-button input.submit:active {
    background:#880; color:#fff; }

  .yform div.adv label{ display:inline; padding-right:6px; }
  .yform div.adv input{position:relative;overflow:hidden; border:1px solid #85878C;}
  .yform div.adv input:hover{border:1px solid #FF6600;}
  
  .advbutton input{ border:1px solid #cccccc; text-align:left; cursor:pointer; width:32px; height:18px; padding-bottom:3px; }
  .smallsearchbox input { border:1px solid #cccccc;background:url(/Content/img/play_orange.jpg) no-repeat right top; text-align:left; padding-right:18px; }
  
  /* General form styling  | Allgemeine Formatierung des Formulars */
  .yform { overflow:hidden; }
  .yform fieldset { overflow:hidden; }
  /*.yform label { display:block; cursor:pointer; }*/
  .yform legend { background:transparent; border:0; padding:0 0.5em; }
  .yform .message { display:block; margin-bottom:0.5em; color:#666; }

  /* Hiding of hidden fields (otherwise ugly spaces in Firefox) | Versteckte Felder wirklich verstecken (sonst ggf. hliche Lcken im Firefox) */
  .yform input[type=hidden] { display:none !important; }

  /* Highlight mandatory fields | Pflichtfeldkennzeichnung hervorheben */
  .yform sup { color:#800; font-weight:bold; }

  /* styling containing DIV elements | Gestaltung der kapselnden DIV-Elemente */
 
  .yform div.type-select,.yform div.type-check,.yform div.type-button { /* margin:0.5em 0; padding:3px 0.5em; */position:relative;overflow:hidden;}
  .yform div.type-text{position:relative;overflow:hidden;height:20px; padding-right:18px;/*background:url(/Content/img/play_orange.jpg) no-repeat right top;*/}
  .yform div.type-button {padding:3px 0em;}
  .yform .type-text input{ }
  /* styling standard form elements with 'almost' equal flexible width | Gestaltung der einzelnen Formularelemente mit annhend gleicher Breite */
  .yform .type-text textarea {display:block;position:relative;/* padding:0.3em 0.3em;*/width:58.5%;}
  .yform .type-select select {display:block;position:relative;padding:0.3em 2px 0.3em 1px;width:60%;cursor:pointer;}
  .yform .type-select select optgroup {font-style:normal;font-weight:bold;}
  .yform .type-check input { cursor:pointer; }
  .yform .type-check label { display:inline; }

  /* Styling of buttons | Gestaltung von Buttons */
  .yform .type-button input {width:auto;cursor:pointer;}

  /* Styling of error-messages | Fehlermeldungen */
  .yform div.error {border:1px #a00 dashed;background:#faf4f4;padding:0.5em;}
  .yform div.error label { color:#000; font-weight:bold; }
  .yform div.error .message { color:#800; }

  /* Indent Checkbox fields to match label-width | Checkboxen um den gleichen Wert einrcken, wie die Breite der labels */
  .full div.type-text input,.full div.type-text textarea { width:95.5%; }
  .full div.type-select select { width:97.0%; }
  
  /* width adjustments for IE 5.x & IE6 | Breitenanpassung fr Internet Explorer 5.x und 6.0 */
  * html .full div.type-text input,
  * html .full div.type-text textarea { width:95.5%; }
  * html .full div.type-select select { width:97.0%; }

  /* Columnar display | Spalten-Darstellung */
  .columnar .type-text label,.columnar .type-select label { float:left;width:30%; /* Can be fixed width too | Kann auch eine fixe Angabe sein */}

  /* Indent Checkbox fields to match label-width | Checkboxen um den gleichen Wert einrcken, wie die Breite der labels */
  .columnar div.type-check input { margin-left:30%; }
  .columnar div.error .message { margin-left:30%; }

  .columnar div.type-text input,.columnar div.type-text textarea { float:left; width:67.8%; }
  .columnar div.type-select select { float:left; width:69.4%; }
  /* width adjustments for IE 5.x & IE6 | Breitenanpassung fr Internet Explorer 5.x und 6.0 */
  * html .columnar div.type-text input,
  * html .columnar div.type-text textarea { float:left; width:67.2%; }
  * html .columnar div.type-select select { float:left; width:68.8%; }
  
  /**
  * Global fixes for YAML's form construction set
  *
  * @workaround
  * @affected IE 5.x/Win, IE6, IE7
  * @css-for IE 5.x/Win, IE6, IE7
  * @valid no
  */
  /*.yform,.yform div,.yform div * { zoom:1; } Commented by RV for the reason : in IE7 search text box bottom is not appearing*/ 
 /**
  * Forms Fieldset/Legend-Bug in IE
  * @see http://www.mattheerema.com/web-design/2006/04/getting-fieldset-backgrounds-and-legends-to-behave-in-ie/
  *
  * @workaround
  * @affected IE 5.x/Win, IE6, IE7, IE8
  * @css-for IE 5.x/Win, IE6, IE7, IE8
  * @valid no
  */
  
  /* all IE */
  .yform { padding-top:0\9; }
  .yform fieldset { padding:0 5px\9; padding-top:1em\9; }
  .yform legend { position:absolute\9; top:-.5em\9; *left:0\9; }
  .yform fieldset { position:relative\9; overflow:visible\9;  margin-top:1.5em\9; zoom:1; }

  /* IE5.x, IE6 & IE7 */
  .yform legend { *padding:0 5px; }
  .yform fieldset { *padding-top:1.5em; }
  
  /* IE5.x & IE6 */
  * html .yform { padding-top:10px; }
}



/* Import from base.css */
@media all
{
  * { margin:0; padding:0; }
  option { padding-left:0.4em; } /* LTR */
  select { padding:1px; }
  * html body * { overflow:visible; }
  * html iframe, * html frame { overflow:auto; }
  * html frameset { overflow:hidden; }
  body {background:#fff;color:#000;text-align:left; /* LTR */}
  div { outline:0 none; }
  fieldset, img { border:0 solid; }
  ul, ol, dl { margin:0 0 0; } /* LTR */
  li {line-height:1.5em;/*margin-left:1.0em; *//* LTR */}

  dt { font-weight:bold; }
  dd { margin:0 0 1em 0.8em; } /* LTR */

  blockquote { margin:0 0 1em 0.8em; } /* LTR */

  blockquote:before, blockquote:after,
  q:before, q:after { content:""; }

 .clearfix:after {clear:both;content:".";display:block;font-size:0;height:0;visibility:hidden;}
 .clearfix { display:block; }
 .floatbox { overflow:hidden; }
 #ie_clearing { display:none; }

 .skip, .hideme, .print {position:absolute;top:-32768px;left:-32768px; /* LTR */}
 .skip:focus, .skip:active {position:static;top:0;left:0;}
 #skiplinks {position:absolute;top:0px;left:-32768px;z-index:1000;width:100%;margin:0;padding:0;list-style-type:none;}
 #skiplinks a.skip:focus,#skiplinks a.skip:active {left:32768px;outline:0 none;position:absolute;width:100%;}  
}

@media screen, projection
{
  #header { position:relative; }
  #topnav,#topnav1 { text-align:right; }  /* LTR */
  #header #topnav {position:absolute;top:10px;right:12px; width:100%; /* LTR */}
  #header #topnav1 {position:absolute;top:10px;right:12px; width:100%;/* LTR */}
  #nav{ width:185px; margin-top:37px;}
  #header, #main, #footer { clear:both; }
  #main2{ clear:both;}

  #col1 { float:left; width:185px; }
  #col1_memberleft{ vertical-align:top;  width:460px; display:inline-block;}
  #col1_gallery{ width:772px; float:left; }
  #col1_gallerynav{ width:772px; height:71px; }
    
  #col1left { float:left; width:382px; min-height:188px; }
  #col1_verk{ float:left; width:189px;}
  #col1_images{float:left; width:350px;}
  #col1_imagesfull{ float:left; width:774px;}
  
  #col1left_sida{ float:left; width:382px;}
  #col1left_txt { float:left; width:350px;}
  #col1left_txt_presentation { float:left; width:362px; line-height:1.3em; border:1px solid #cccccc; padding:16px; margin-right:6px; font-size:0.9em;  color:#333333; }
  
  #col1left70,#col1right,#col1lefttext{ float:left; width:382px; /* min-height:188px;#col1left70_main*/}
  #col1_left70 { float:left; width:382px;}
  #col1_left70_main{ float:left; width:352px;}
  
  #col1_txtsida,#col1_txtsida1{ float:left; width:772px;}
  /* Container for the 382x188 image and text  box */
  #col1right { float:left; width:382px; /*height:188px;*/}
  /*  #col1right70{ float:left; width:382px; height:188px;}*/
  
  #colsquare, #colsquare1,#colsquare2{ float:left; width:187px; min-height:188px;}
  #colsquare_present{width:187px; min-height:188px; float:right;}
  #colsquare1_present{width:175px; min-height:188px; float:right;}
  #col1_personal { float:left; width:774px; margin-bottom:6px; }
  #col1_numbering{float:left; width:774px;}
  
  #col3_memberright{vertical-align:top; width:460px;}
    
  #col2,#col1right70 {width:382px; float:right;min-height:188px;  }/* float:right;min-height:382px; */
  #col2_sida{ float:right; min-height:382px;width:382px;} /*width:382px;*/
  
  #col3,#col3_sida1 { width:772px; height:382px; margin-right:12px; /*margin-bottom:6px;*/ } /*margin-left:185px;*/
  #col3_gallery{ width:774px; height:382px; margin-left:185px; margin-right:12px; margin-bottom:6px;}
  
  #col3_personal { width:774px;  margin-right:12px; margin-bottom:6px; }/*margin-left:185px;*/
  #col3_advrightcontent{position:absolute;width:199px;}
  
  #col3_middle { width:382px; height:185px;}
  #col3_numbering{ width:774px; margin-left:185px;}	
  #col3_login{ margin-left:185px;}
    
  #col1_content, #col2_content, #col3_content, #col1left_content, .col1_verkcontent,#col1_imagescontent  { position:relative; }
  .subcolumns { width:100%; overflow:hidden; }
  .subcolumns_oldgecko { width:100%; float:left; }

  .c20l, .c25l, .c33l, .c40l, .c38l, .c50l, .c60l, .c62l, .c66l, .c75l, .c80l {float:left; }
  .c20r, .c25r, .c33r, .c40r, .c38r, .c50r, .c60r, .c66r, .c62r, .c75r, .c80r {float:right; margin-left:-5px; }

  .c20l, .c20r { width:20%; }
  .c40l, .c40r { width:40%; }
  .c60l, .c60r { width:60%; }
  .c80l, .c80r { width:80%; }
  .c25l, .c25r { width:25%; }
  .c33l, .c33r { width:33.333%; }
  .c50l, .c50r { width:50%; }
  .c66l, .c66r { width:66.666%; }
  .c75l, .c75r { width:75%; }
  .c38l, .c38r { width:38.2%; }
  .c62l, .c62r { width:61.8%; }

  .subc  { padding:0 0.5em; }
  .subcl { padding:0 1em 0 0; }
  .subcr { padding:0 0 0 1em; }

  .equalize, .equalize .subcolumns { overflow:visible; display:table; table-layout:fixed; }

  .equalize > div {display:table-cell; float:none;  margin:0; overflow:hidden; vertical-align:top;}
}

@media print
{
  .subcolumns > div,.floatbox { display:table;overflow:visible; } 
  .print { position:static; left:0;}
  .noprint { display:none !important; }
}

/* Import from iehacks.css*/
@media all
{
  /**
   * (en) No need to force scrollbars in older IE's - it even makes problems in IE6 when set
   * (de) Scrollbar-Fix wird in alten IE's nicht bentigt, zudem verursacht der Fix Probleme im IE6
   *
   * @workaround
   * @affected   IE6, IE7
   * @css-for    IE6, IE7
   * @valid      no
   */

  body {/* o\verflow:visible;*/ }
  /**
   * (en) Fixes IE5.x and IE6 overflow behavior of textarea and input elements elements
   * (de) Korrigiert das fehlerhafte overflow-Verhalten von textarea und input-Elementen
   *
   * @workaround
   * @affected   IE 5.x/Win, IE6
   * @css-for    IE 5.x/Win, IE6
   * @valid      no
   */

  * html textarea { overflow:scroll; overflow-x:hidden; }
  * html input { overflow:hidden; }
  /**
   * (en) Stability fixes with 'position:relative'
   * (de) Stabilittsverbesserungen durch 'position:relative'
   *
   * Essential for correct scaling in IE7 (body). IE5 must get static positioned body instead.
   * Helpful to fix several possible problems in older IE versions (#main).
   *
   * @bugfix
   * @affected   IE 5.x/Win, IE6, IE7
   * @css-for    IE 5.x/Win, IE6, IE7
   * @valid      yes
   */

  body,
  #main,#main2 { position:relative; }
  * html body { position:static; }

  /**
   * (en) Clearfix Method for containing floats in IE
   * (de) Clearfix-Anpassung fr diverse IE-Versionen
   *
   * @workaround
   * @see        http://www.456bereastreet.com/archive/200603/new_clearing_method_needed_for_ie7/#comment28
   * @affected   IE 5.x/Win, IE6, IE7
   * @css-for    IE 5.x/Win, IE6, IE7
   * @valid      yes
   */

  .clearfix { display:inline-block; }  /* ... especial for IE7 */
  .clearfix { display:block; }      /* ... fr IE5,IE6,IE7 */
  * html .clearfix { height:1%; }   /* ... fr IE5 + IE6/Win | hasLayout aktivieren */

  /**
   * (en) Adjustment of .floatbox class for IE
   * (de) Anpassung der .floatbox-Klasse fr IE
   *
   * @workaround
   * @affected   IE 5.x/Win, IE6, IE7
   * @css-for    IE 5.x/Win, IE6, IE7
   * @valid      yes
   */

  .floatbox { width:100%; }
  
  /**
   * (en) Special class for oversized content element
   * (de) Spezielle Klasse fr bergroe Inhaltselemente
   *
   * @workaround
   * @affected   IE 5.x/Win, IE6
   * @css-for    IE 5.x/Win, IE6
   * @valid      yes
   */

  .slidebox {position:relative;margin-right:-1000px;height:1%;}

  /**
   * (en):Bugfix for partially displayed column separators
   * (de):Bugfix fr unvollstndige Darstellung der Spalteninhalte / Spaltentrenner
   *
   * @bugfix
   * @affected   IE 5.x/Win, IE6
   * @css-for    IE 5.x/Win, IE6
   * @valid      yes
   */

  * html #col1,* html #col2,* html #col3 { position:relative; }

  /**
   * (en) Preventing several css bugs by forcing "hasLayout"
   * (de) Vermeidung verschiedenster Bugs durch Erzwingen von "hasLayout"
   *
   * @workaround
   * @affected   IE 5.x/Win, IE6, IE7
   * @css-for    IE 5.x/Win, IE6, IE7
   * @valid      no
   */

  body { height:1%; }
  .page_margins, .page, #header, #nav, #topnav, #topnav1, #main,#main2 #footer { zoom:1; }  /* IE6 & IE7    */
  * html .page_margins, * html .page { height:1%; height:auto; }  /* IE 5.x & IE6 | IE6 only */
  * html #header, * html #nav, * html #main, #main2, * html #footer { width:100%; wid\th:auto; }  /* IE 5.x & IE6 | IE6 only */

  /* trigger hasLayout to force containing content */
  .subc, .subcl, .subcr { height:1%; }

  /**
   * Disappearing List-Background Bug
   * @see        http://www.positioniseverything.net/explorer/ie-listbug.html
   *
   * @bugfix
   * @affected   IE 5.x/Win, IE6
   * @css-for    IE 5.x/Win, IE6
   * @valid      yes
   */

  * html ul, * html ol, * html dl { position:relative; }

  /**
   * List-Numbering Bug
   *
   * @bugfix
   * @affected   IE 5.x/Win, IE6, IE7
   * @css-for    IE 5.x/Win, IE6, IE7
   * @valid      yes
   */

  body ol li { display:list-item; }

  /**
   * Form related bugfixes
   *
   * @bugfix
   * @affected   IE 5.x/Win, IE6, IE7
   * @css-for    IE 5.x/Win, IE6, IE7
   * @valid      no
   */
  fieldset, legend { position:relative; }


  /**
   * (en) Workaround for 'collapsing margin at #col3' when using CSS-property clear
   *      Left margin of #col3 collapses when using clear:both in 1-3-2 (or 2-3-1) layout and right column is the
   *      longest and left column is the shortest one. For IE6 and IE7 a special workaround was developed
   *      in YAML.
   *
   * @workaround
   * @affected   IE 5.x/Win, IE6, IE7
   * @css-for    IE 5.x/Win, IE6, IE7
   * @valid      no
   */

  html #ie_clearing {/* (en) Only a small help for debugging */position:static;/* (en) Make container visible in IE */
    display:block;/* (en) No fix possible in IE5.x, normal clearing used instead */\clear:both;
    /* (en) forcing clearing-like behavior with a simple oversized container in IE6 & IE7*/width:100%;font-size:0px;
    margin:-2px 0 -1em 1px;}

  * html #ie_clearing { margin:-2px 0 -1em 0; }
  #col3_content { margin-bottom:-2px; }

  /* (en) avoid horizontal scrollbars in IE7 in borderless layouts because of negative margins */
  html { margin-right:1px; }
  * html { margin-right:0; }

  /* (en) Bugfix:Essential for IE7 */
  #col3 { position:relative; }
  /**
   * IE/Win Guillotine Bug
   * @see        http://www.positioniseverything.net/explorer/guillotine.html
   *
   * @workaround
   * @affected   IE 5.x/Win, IE6
   * @css-for    IE 5.x/Win, IE6
   * @valid      yes
   */
  * html body a, * html body a:hover { background-color:transparent; }
}

@media screen, projection
{
  /**
   * (en) IE-Adjustments for content columns and subtemplates
   * (de) IE-Anpassung fr Spaltencontainer und Subtemplates
   *
   * Doubled Float-Margin Bug
   * @see        http://positioniseverything.net/explorer/doubled-margin.html
   *
   * @bugfix
   * @affected   IE 5.x/Win, IE6
   * @css-for    IE 5.x/Win, IE6, IE7
   * @valid      yes
   */
  #col1,  #col2 { display:inline; }

  .c20l, .c25l, .c33l, .c38l, .c40l, .c50l, .c60l, .c62l, .c66l, .c75l, .c80l,
  .c20r, .c25r, .c33r, .c38r, .c40r, .c50r, .c60r, .c66r, .c62r, .c75r, .c80r { display:inline; }

  /* Fix for:"Linking to anchors in elements within the containing block" Problem in IE5.x & IE 6.0 */
  * html .equalize, * html .equalize .subcolumns { overflow:visible; display:block; }
  .equalize, .equalize .subcolumns { overflow:hidden; display:block; }

  /* transform CSS tables back into floats */
  .equalize .c20l,.equalize .c40l,.equalize .c60l,.equalize .c80l,
  .equalize .c25l,.equalize .c33l,.equalize .c38l,.equalize .c50l,
  .equalize .c62l,.equalize .c66l,.equalize .c75l {float:left; display:inline;padding-bottom:32767px; margin-bottom:-32767px;}
  .equalize .c20r,.equalize .c40r,.equalize .c60r,.equalize .c80r,
  .equalize .c25r,.equalize .c33r,.equalize .c38r,.equalize .c50r,
  .equalize .c62r,.equalize .c66r,.equalize .c75r {float:right; margin-left:-5px; display:inline; padding-bottom:32767px;margin-bottom:-32767px;}

  .no-ie-padding .c20l,.no-ie-padding .c40l,.no-ie-padding .c60l,.no-ie-padding .c80l,
  .no-ie-padding .c20r,.no-ie-padding .c40r,.no-ie-padding .c60r,.no-ie-padding .c80r,
  .no-ie-padding .c25l,.no-ie-padding .c33l,.no-ie-padding .c38l,.no-ie-padding .c50l,
  .no-ie-padding .c62l,.no-ie-padding .c66l,.no-ie-padding .c75l,
  .no-ie-padding .c25r,.no-ie-padding .c33r,.no-ie-padding .c38r,.no-ie-padding .c50r,
  .no-ie-padding .c62r,.no-ie-padding .c66r,.no-ie-padding .c75r {padding-bottom:0;margin-bottom:0;}
 
  /**
   * Internet Explorer and the Expanding Box Problem
   * @see http://www.positioniseverything.net/explorer/expandingboxbug.html
   *
   * @workaround
   * @affected   IE 5.x/Win, IE6
   * @css-for    IE 5.x/Win, IE6
   * @valid      yes
   */

  * html #col1_content,* html #col2_content,* html #col3_content { word-wrap:break-word; }
  /* avoid growing widths */
  * html .subc,* html .subcl,* html .subcr { word-wrap:break-word; overflow:hidden; }
}
@media print
{
  /**
   * (en) Avoid unneeded page breaks of #col3 content in print layout.
   *
   * @bugfix
   * @affected   IE7
   * @css-for    IE 5.x/Win, IE6, IE7
   * @valid      yes
   */
  #col3 { height:1%; }
}

.submenu li { font-weight:normal; }
.submenu li a:hover { font-weight:bold;}