/*
Theme Name: CEVI WP-Template
Theme URI: http://www.actra.ch/
Description: A ourself written template based on a Tutorial by thally.
Version: 1.0
Author: Marco Schär
Author URI: http://www.shining-studios.com/
Design: David Herzog
Design URI: www.skroll.ch
*/

id, div, class {
	margin:0;
	padding:0;
}

h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

ul, ol, dl {
	list-style:none;
	margin:0;
	padding:0;
}

li {
	margin:0;
	padding:0;
}

a {
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}



body {
	background:url(images/body_bg.png) #eeeff3;
	background-repeat:repeat-x;
	background-position:0 0px;
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#wrapper {
	width:980px;
	margin:0 auto 0 auto;
}

#headwrapper {
	width:980px;
	height:200px;
	float:left;
}

#logo {
	width:355px;
	float:left;
	position:relative;
	margin-left: -28px;
}

#logo h1 a {
	position:absolute;
	top:0;
	left:0;
	width:355px;
	height:150px;
	background-image:url(images/cevi_logo.png);
	background-repeat:no-repeat;
	text-indent:-9999px;
}

#navigation {
	float:right;
	width:625px; /*625*/
	background-color:#eeeff3;
}

#navigation ul {
	margin:0;
	padding:0 0 0 9px;
	list-style:none;
	float:left;
	width:616px; /*625*/
	height:200px;
}

/*IE 6 Fix*/

* html #navigation ul {
        margin:0 -11px 0 0;
}


#navigation ul li {
	width:114px;
	float:left;
	margin:0 9px 0 0 ;
	position:relative;
	height:200px;
}

#navigation ul li a {
	display: block;
	height: 144px;
	font-size: 0.01px;
	text-decoration: none;
	color: transparent;
}

#navigation ul li.navlastone {
	margin:0;
}

#region,
.menu_item_154 {
	background-color:#d9dcef;
	background-image: url(images/region_nav.png);
	background-repeat: no-repeat;
	color: #d9dcef;
}

#sekretariat,
.menu_item_8 {
	background-color:#f0ebda;
	background-image:url(images/sekretariat_nav.png);
	background-repeat: no-repeat;
	color: #f0ebda;
}

#angebot,
.menu_item_9 {
	background-color:#e4dcee;
	background-image:url(images/angebote_nav.png);
	background-repeat: no-repeat;
	color: #e4dcee;
}

#hilfsmittel,
.menu_item_10 {
	background-color:#e0eadf;
	background-image:url(images/hilfsmittel_nav.png);
	background-repeat: no-repeat;
	color: #e0eadf;
}

#cevionline,
.menu_item_11 {
	background-color:#ecd9e0;
	background-image:url(images/cevionline_nav.png);
	background-repeat: no-repeat;
	color: #ecd9e0;
}

#region.hereiam,
.menu_item_154.current_parent,
.menu_item_154:hover,
.menu_item_154:hover ul,
.menu_item_154:hover ul li {
        background-color:#2034CE;
}

#sekretariat.hereiam,
.menu_item_8.current_parent,
.menu_item_8:hover,
.menu_item_8:hover ul,
.menu_item_8:hover ul li {
        background-color:#FFCC00;
}

#angebot.hereiam,
.menu_item_9.current_parent,
.menu_item_9:hover,
.menu_item_9:hover ul,
.menu_item_9:hover ul li {
        background-color:#8C38BF;
}

#hilfsmittel.hereiam,
.menu_item_10.current_parent,
.menu_item_10:hover,
.menu_item_10:hover ul,
.menu_item_10:hover ul li {
        background-color:#61BD2A;
}

#cevionline.hereiam,
.menu_item_11.current_parent ,
.menu_item_11:hover,
.menu_item_11:hover ul,
.menu_item_11:hover ul li {
        background-color:#D61C36;
}

#navigation ul ul {
	visibility:hidden;
	position:absolute;
	top:144px;
	left:0;
	width:114px;
	padding-left: 0;
	padding-bottom: 9px;
	float: none;
	height: auto;
}

#navigation ul li:hover ul,
#navigation ul a:hover ul {
	visibility:visible;
}

#navigation ul ul li {
	height: 21px;
	margin-left: 0px;
	float: none;
	width: 114px;
}

#navigation ul ul li a {
	height: 1.5em;
	line-height: 1.7em;
	padding: 1px 2px 2px 7px;
	color: #fff;
	font-size: 11px;
	display: block;
	width: 105px;
	text-decoration: none;
	overflow:hidden;
	white-space:nowrap;
}

#navigation ul ul li a:hover {
	color: #000;
}

.menu_item_154 li a:hover {
	background-color:#d9dcef;
}
.menu_item_8 li a:hover {
	background-color:#f0ebda;
}
.menu_item_9 li a:hover {
	background-color:#e4dcee;
}
.menu_item_10 li a:hover {
	background-color:#e0eadf;
}
.menu_item_11 li a:hover {
	background-color:#ecd9e0;
}

#navigation ul ul ul {
	display: none;
}

#navigation table {
	position:absolute; 
	top:0; 
	left:0; 
	border-collapse:collapse;
}



#contwrapper {
	/*clear:both;*/
	background-image:url(images/contwrapper_bg.png);
	background-repeat:repeat-y;
	float:left;
	width:980px;
}

#sidebar {
	float:left;
	width:200px;
}

#sidebar ul {
	margin:0;
	padding:0;
}

#sidebar ul ul {
	margin-left: 21px;
}

/*IE 6 Fix*/
* html #sidebar ul {
        margin:0px 0 0 0;
}

#sidebar ul li a {
	padding:0;
	width:162px; /*182*/
	margin:0;
	min-height:20px;
	background-image:url(images/pfeilnormal.png);
	background-position: 4px 5px;
	background-repeat:no-repeat;
}

/*IE 6 Fix*/

* html #sidebar ul li {
       height:20px;
}


#sidebar-default ul li a {
    background-image:url(images/pfeilnormal.png);
}

#sidebar-region ul li a {
	background-image:url(images/pfeilregion.png);
}

#sidebar-sek ul li a {
	background-image:url(images/pfeilsekretariat.png);
}

#sidebar-angebot ul li a {
	background-image:url(images/pfeilangebot.png);
}

#sidebar-hilfsmittel ul li a {
	background-image:url(images/pfeilhilfsmittel.png);
}

#sidebar-cevionline ul li a {
	background-image:url(images/pfeilcevionline.png);
}

#sidebar ul li a {
    color:#000000;
	text-decoration:none;	
	font-size:12px;
	padding:2px 2px 0 22px;
	display: block;
	width: 158px;
}

#sidebar ul ul li a {
	width: 137px;
}

#sidebar ul li a:hover {
	background-color: white;
}

#sidebar li.current_page_item a {
	font-weight:bold;
	text-decoration:none;
	background-color: white;
}

#sidebar li.current_page_item ul li a {
	font-weight:normal;
	background-color: transparent;
}

#searchform {
	margin-left: 21px;
	width: 150px;
}

#searchform #s {
	width: 143px;
	margin: 5px 0;
}

/*= content! */

#content {
	width:770px;
	padding:20px 0 10px 0;
	float:right;
}

#content a {
      margin:0;
      padding:0;
      color:#000000;
      text-decoration:underline;
}

#content a:hover {
      text-decoration:none;
}


#content h4 {
	padding:2px;
	margin:10px 0;
	background-color:#CCCCCC;
}

#content h5 {
      margin:10px 0;
      font-size:14px;
      font-weight:bold;
}

#content p {
      font-size:12px;
}

#content p.clear {
      clear:both;
}

#footer .clear {
     clear:both;
}

#content h5.clear {
      clear:both;
}

#content ul {
     font-size:12px;
}

/*region -> abteilungen */
#abteilungen {
	width:740px;
	float:left;
}

#resorts {
	float:left;
	width:280px;
}

#resorts ul li a {
	color:#000000;
	font-size:12px;
}

#resorts ul li a:visited {
	color:#000000;
}

#resorts ul li a:hover {
	color:#000000;
	text-decoration:none;
}


#resortmap {
	float:left;
	width:460px;
}

#abteilungsbeschreibung {
	clear:both;

}



/* benutzerprofil */


#usermeta {
	width:740px;
	float:left;
}

#usermeta dl {
	float:left;
	width:500px;
        font-size:12px;
        margin:0 0 10px 0;
}

#usermeta img {
	float:right;
        margin:5px 0 5px 0;
}


#usermeta dt {
	font-weight:bold;
        padding:0;
}

#usermeta dd {

        margin:0;
        padding:2px 0 5px 0;
}


#userkontakt {
	clear:both;
	width:740px;
}

#userkontakt dl {
        float:left;
	width:300px;
        font-size:12px;
        margin:0 0 10px 0;
}

#userkontakt dt {
        font-weight:bold;
        margin:0;
        padding:2px;
}

#userkontakt dd {
        margin:0;
        padding:2px;
}


#userkontakt ul {
        list-style:square;
        font-size:11px;
        color:red;
		
		margin:0 0 10px 20px;
}


table {
       width:100%;
       font-family:Verdana, Arial, Georgia, sans-serif;
	   margin:0 0 10px 0;
}

table th {
       font-weight:bold;
       font-size:12px;
       text-align:left;
       padding:5px 0 5px 0;
       margin:0;
       border-bottom:1px solid #000000;
}

table td {
       font-weight:normal;
       font-size:12px;
       text-align:left;
       margin:0;
       padding:5px 0 5px 0;
       border-bottom:1px dashed #cccccc;
}


/*f / m - kurse listen*/

#kursinfo {
      margin:3px 0 20px 0;
      padding:0;
      float:left;
      width:700px;
      font-size:12px;
}

#kursinfo dt {
      width:200px;
      float:left;
      font-weight:bold;
      padding:2px 0 3px 0;
}

#kursinfo dd {      
      width:450px;
      float:left;
      padding:2px 0 3px 0;
}

#content img.left1 {
     float:left;
     margin:5px;
     border:none;
}

#content img.right1 {
     float:right;
     margin:5px;
     border:none;
}



/*= bookmarks / links  anzeige */

#bookmarks {
      margin:0;
      padding:0;
      font-size:12px;
}

#bookmarks li {
      margin:0 0 10px 0;
}

#bookmarks li a {
      font-weight:bold;
}



/*sekretariat -> kontaktformular*/

#kontaktdaten {
      width:350px;
      float:left;
}

#kontaktformular {
      width:350px;
      float:right;
}

#kontaktformular dl {
        float:left;
	width:300px;
        font-size:12px;
        margin:0 0 10px 0;
}

#kontaktformular dt {
        font-weight:bold;
        margin:0;
        padding:2px;
}

#kontaktformular dd {
        margin:0;
        padding:2px;
}


#kontaktformular ul {
        list-style:square;
        font-size:11px;
        color:red;
}


/*sekretariat -> dienstleitungen*/

#dienstleistungen {
    list-style:square;
    margin:5px 0 5px 40px;
}

#dienstleistungen li {
    padding:5px 0 5px 0;
}

/* einspaltig */

.one_col {
      width:740px;
      float:left;
      clear:both;
}

/*zweispaltiger content*/

#left-wrapper {
      width:350px;
      float:left;
      clear:left;
}

#right-wrapper {
      width:350px;
      float:right;
      clear:right;
}


/*dreispaltiger content*/

#col_left {
    float:left;
    width:240px;
    margin:0 10px 0 0;
}

#col_mid {
   float:left;
   width:240px;
   margin:0 10px 0 0;
}

#col_right {
   float:left;
   width:240px;
}





/*footer*/

#footer {
	width:980px;
        clear:both;
	background-image:url(images/footer_img.png);
	background-position:201px 0;
	background-repeat:no-repeat;
	/*height:9px;*/
}

#footerinfo {
       width:970px; /*980*/
       padding:0 10px 0 0;
       text-align:right;
       font-size:12px;
}

#footernavi {
      float:right;
      padding:0 10px 0 0;
}

#footernavi ul {
       margin:10px 0 0 0;
       padding:0;
}

#footernavi ul li {
       margin:0 0 0 10px;
       padding:2px;
       float:left;
       font-size:12px;
}

#footernavi ul li a {
       text-decoration:underline;
       color:#000000;
}

#footernavi ul li a:hover {
      text-decoration:none;
}


/*footer bildwechsel*/

#reg #footer {
      background-image:url(images/footer_img_region.png);
}

#sek #footer {
      background-image:url(images/footer_img_sekretariat.png);
}

#ang #footer {
      background-image:url(images/footer_img_angebot.png);
}

#hil #footer {
      background-image:url(images/footer_img_hilfsmittel.png);
}

#con #footer {
      background-image:url(images/footer_img_cevionline.png);
}









.dashed_line {
        clear:both;
	height:1px;
	margin:5px 0;
	width:740px;
	border-top:1px dashed #cccccc;
        font-size:1px; /*IE 6 Fix*/
}

.cont {
	clear:both;
	padding:0px 30px 5px 0;
}


/*textfelder formatierung*/
.textfeld {
        width:300px;
        border:1px solid #cccccc;
}

.submit {
        padding:2px;
        border:1px solid #cccccc;
}

.textarea {
        width:300px;
        border:1px solid #cccccc;
}

/*überschriften styles!*/

.h5stil1 {
    margin:3px 0 5px 0;
    padding:0 0 5px 0;
    border-bottom:1px solid #cccccc;
}

.h5stil2 {
    margin:3px 0 5px 0;
    padding:0 0 5px 0;
    border-bottom:1px dashed #cccccc;
}


.nav_line {
   width:170px;
   height:1px;
   padding:0;
   margin:10px 0 5px 0;
   border-top:1px dashed #cccccc;
   font-size:1px; /*IE 6 Fix*/
}

/*IE 6 Fix*/
* html .nav_line {
   
}



.col_date {
   width:30%;
}

.table_name {
   width:50%;
}

p.pos_right {
     float:right;
}



/*suche!!!*/

#suche {
     margin:15px 0 10px 0;
}

#suche li {
    padding:2px 0 2px 0;
    margin:0 0 15px 0;
    border-bottom:1px dashed #cccccc;
    width:740px;
}




/*content klassen und id's*/

/*navigationsfix!!!*/
#content ul.liste {
     list-style-image:none;
     list-style-position:outside;
     list-style-type:square;
     margin:5px 0pt 5px 40px;
}

#beschreibung {
     width:740px;
	 float:left;

}




/*subnavigation content*/

#subnavi a {
	 padding:2px;
	 background-color:#CCCCCC;
	 border:1px solid #999999;
	 text-decoration:none;
}

#subnavi a:hover {
	 background-color:#999999;
}

#content a.top {
     font-size:12px;
	 margin:0;
	 padding:0;
	 float:right;
}



/*abteilungen -> styles*/


#resortinfos {
	width:210px;
	float:left;
}

#resortinfos p {
	margin:0px 0 5px 0;
	padding:0;
}

#resortinfos img {
	margin:15px 0 0 0;
}

#resortbeschreibung {
	width:530px;
	float:right;
}






/*hauptsponsoren*/

#sponsoren {
	width:970px; /*980*/
	margin:20px 0 0 0;
	padding:0 10px 0 0;
	float:left;
}

#sponsoren ul {
	float:right;
}

#sponsoren ul li {
	float:left;
	margin:0 0 0 20px;
}

#sponsoren a img {
	border:none;
}


/*bilder slideshow!*/

#bilder {
	clear:both;
	width:740px;
	
}

#bilder p {
	margin:0;
	padding:0;
}

#bilder img {
	border:1px solid #CCCCCC;
	padding:3px;
	margin:5px 5px 5px 0px;
}

#bilder a img {

}





/***** hilfsmittel -> programme / programmelemente tabellen *****/

#hil #content table th.p_date {
	width:20%;
}

#hil #content table th.p_name {
	width:72%;
}

/***** Dropdown menu *****/
#suckerfishnav {
    background:#171 ;
    font-size:15px;
    font-family:times,serif;
    font-weight:bold;
    width:100%;
    }
#suckerfishnav, #suckerfishnav ul {
    float:left;
    list-style:none;
    line-height:30px;
    padding:0;
    border:1px solid #aaa;
    margin:0;
    width:100%;
    }
#suckerfishnav a {
    display:block;
    color:#dddddd;
    text-decoration:none;
    padding:0px 8px;
    }
#suckerfishnav li {
    float:left;
    padding:0;
    }
#suckerfishnav ul {
    position:absolute;
    left:-999em;
    height:auto;
    width:121px;
    font-weight:normal;
    margin:0;
    line-height:1;
    border:0;
    border-top:1px solid #666666;
    }
#suckerfishnav li li {
    width:119px;
    border-bottom:1px solid #666666;
    border-left:1px solid #666666;
    border-right:1px solid #666666;
    font-weight:normal;
    font-family:times,serif;
    }
#suckerfishnav li li a {
    padding:3px 10px;
    width:104px;
    font-size:11px;
    color:#171;
    }
#suckerfishnav li ul ul {
    margin:-18px 0 0 120px;
    }
#suckerfishnav li li:hover {
    background:#ccc;
    }
#suckerfishnav li ul li:hover a, #suckerfishnav li ul li li:hover a, #suckerfishnav li ul li li li:hover a, #suckerfishnav li ul li li li:hover a {
    color:#171;
    }
#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {
    color:#dddddd;
    }
#suckerfishnav li:hover li a, #suckerfishnav li li:hover li a, #suckerfishnav li li li:hover li a, #suckerfishnav li li li li:hover li a {
    color:#171;
    }
#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul {
    left:-999em;
    }
#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul {
    left:auto;
    background:#eee;
    }
#suckerfishnav li:hover, #suckerfishnav li.sfhover {
    background:#1a1;
    }