/*
Theme Name: SAC-Olten Blog
Theme URI: http://www.sac-olten.ch/
Description: Das Vereinsblog, 3 Spalten, flexible Breite, Widget-Ready, Comway Webdesign.
Version: 0.1
Author: Thomas Buholzer
Author URI: http://www.comway.ch/
Start: 31.11.2008
Letzte Aenderung: 31.11.2008
*/

/* Farbschema ------------------------------------------------------------------------------ */
/*
Farbton (Hintergrund ALL): #3399cc
Farbton (Site Hintergrund): #ddeeff
Farbton (Haeder/Footer): #205080
Farbton (Navigation dunkel ): #4477bb
Farbton (Navigation Link): #abc3dd
Farbton (Text Weiss): #fff
Farbton (Text schwarz): #000
*/

/* ####################### Voreinstellungen #################### */
/* Reset ----------------------------------------------------------------------------------- */
/** {
	padding: 0;
	border: 0;
}*/

/* Globals und Typo ------------------------------------------------------------------------- */
html {
	background: #ddeeff;
	font-size: 75%;
}

body {
	background: #ddeeff;
	font-size: 14px;
	line-height:1.28em;
	margin:0;
        padding: 0 0px;
	text-align: left;
	}

a:link {
	color: #205080;
	text-decoration: none;
	}

a:visited {
	color: #ff0000;
	text-decoration: none;
	}

a:hover {
	text-decoration: underline;
	}

a:focus { /* Macht die gepunktete Linie um geklickte Links unsichtbar */
         outline: none;
	}

p {
	font: 1em/1.43em Georgia, "Times New Roman", Times, sans-serif;
	margin-top: 0.5em;
	margin-bottom: 0.65em;
	}

h1 {
        padding: 10px 0 0px 10px;
	margin: 0 ;
	}

h1 span {
	        display: none;
                }

h2 {
	font: 1.43em/1.1em Georgia, "Times New Roman", Times, serif;
	margin-top: 0.5em;
	margin-bottom: 0.65em;
}

h3 {
	font: 1.29em/1.2em Georgia, "Times New Roman", Times, serif;
	margin-top: 1.2em;
	margin-bottom:0.65em;
	}

h4 {
	font: 1.14em/1.43em Georgia, "Times New Roman", Times, serif;
	margin-top: 0.5em;
	margin-bottom: 0.65em;
}

/* Bilder und verlinkte Bilder ohne Rahmen -------------------------------- */
img, a img {
	border: 0;
}

/* Links- bzw. Rechtsausrichtung für Elemente ------------------------------- */
.links {
	float: left;
	margin: 0 0.5em 0.5em 0;
}

.rechts {
	float: right;
	margin: 0 0 0.5em 0.5em;
}

/* ####################### Seiten-Struktur #################### */
/* Layoutelemente Verwenden Sie overflow: hidden; um nötige Floats aufzulösen.
-------------------------------------------------------------------------------- */
#wrapper {
	margin: 0 20px 0px 20px; /* auto zentriert Site proportional zum Fenster*/
        width: 1280px;
	background: #fff;
	padding: 0;
	/*TEXT-ALIGN: left;*/
	}

#breadcrumb {

        color: #205080;

        }





#hauptinfo {

	background: #fff;

	float: left;

	width: 740px;

        }





#navinfo   { /* -------------Sidebar links --------------*/

	background: #fff;

        clear: both;

	float: left;

	width: 210px;

	padding: 0 0px;

	}



#nebeninfo {   /* -------------Sidebar rechts --------------*/

	background: #fff;

        float: left;

	width: 310px;

	}



/* ####################### Haeder #################### */



#metainfo {

         font: 1em/0.73em Georgia, "Times New Roman", Times, serif;

	 background: #ddeeff url(bilder/haeder.jpg) top left no-repeat;

         overflow: hidden;

         display:block;

         float:left;

         padding: 10px 0px 0 0;

         color: black;

         }





#teaserfoto {

	/* background: transparent url(bilder/teaser.png) top left no-repeat;*/

	width: 520px;

	height: 170px;

	position: absolute;

	top: 15px;

	left: 450px;

	z-index: 999;

	}



#teaserfoto img { display: block; } /* this is really just an IE 6 and 7 hack in disguise */



/* Ausgangspunkt f�r Browser zur�cksetzten */

/** {

	margin: 0;

	padding: 0;

}*/



/* - - - - - - - -Navigationselemnte horizontal- - - - - - - - - - */



#navigation {

	clear: both;

	}



#navigation {

	background: #a6c3dd url(bilder/navh_bg.jpg) top left repeat-x;

	float: left;

	padding: 0;

	margin: 0 0 5px 0;

	width: 1280px;

	}



#navigation li {

	float: left;

	list-style-type: none;

	}



#navigation li a, #navigation li a:visited {

	background: #a6c3dd url(bilder/navh_bg.jpg) bottom left repeat-x;

	color: #a6c3dd;

	float: left;

	margin: 0;

	padding: 20px 10px;

	text-align: center;

	text-transform: uppercase;

	border-left: 1px solid #a6c3dd;

	border-right: 1px solid #4477cc;

}



#navigation li a:hover {

	background: #205080 url('bilder/navh_hover.jpg') bottom left repeat-x;

	text-decoration: underline;

	color: #ff0000;

}



#navigation li a.active {

	background: #ddeeff url('bilder/navh_active.jpg') top left repeat-x;

	color: #ff0000;

	text-decoration: underline;

        }



#navigation li.current_page_item {

	background: #ddeeff url('bilder/navh_active.jpg') top left repeat-x;

	}



#navigation li.current_page_item a, #navigation li.current_page_item a:visited {

	background: transparent;

	color: #000;

	text-decoration: underline;

}   /* - - - - - - - - - - Ende Navigationselemnte horizontal  - - - - - - - - */









/* - - - - - - - - - - Start Navigationselemnte vertikal  - - - - - - - - */





/* ####################### Siedbar Links #################### */



#navinfo   { /* -------------Sidebar links --------------*/

	clear: both;

	float: left;

	width: 210px;

	padding: 0;

	margin: 0px 0;

	}

#navvertical {

/*	clear: both;*/

	}

#dlmenu {

	height:35em;

	margin: 10px 0;

        }



#menu {

	list-style-type:none;

	margin:0 0 10px 0;

	padding:0; 

	position:absolute; 

	width:15em;

	background:#fff; 

	z-index:100;}

	

#menu li {

	display: block;

	padding: 0;

	margin: 0;

	position: relative;

	z-index: 100;}



#menu li a, #menu li a:visited {

	display:block; 

	text-decoration:none;}

	



#menu li dd {

	display:none;}

	

#menu li:hover, #menu li a:hover {

	border:0;}



#menu li:hover dt a , #menu li a:hover dt a {

	background: #a6c3dd url(bilder/top_grad2.gif) center center bottom left repeat-x;

	color:#ff0000; }

	

#menu li:hover dd , #menu li a:hover dd {

	background: #a6c3dd url(bilder/sub_grad2.gif) center center;

	color:#ff0000;

	display:block;

	}





#menu li:hover dl, #menu li a:hover dl {

	height: auto; /* Box Länge 21.5em */

	background:#a6c3dd url(bilder/sub_grad2.gif);}

	/*	background:#ddeeff url('bilder/navv_active.jpg') bottom left repeat-x	;}*/



#menu table {

	border-collapse: collapse;

	padding: 0;

	margin-bottom: -4px;

	font-size: 1em;

	}



#menu dl {

	width: 15em;

	margin: 0;

	background: #ddeeff;

	cursor:pointer;}



#menu dt {

	margin:0;

	padding: 0;

	font-size: 1.1em;

	border-top:1px solid #cce;}



#menu dd {

	margin:0;

	padding:0;

  	font-size: 1em;

   	text-align:left; }



.gallery dt a, .gallery dt a:visited {

	display: block;

	color: #4477bb;

	padding: 5px 5px 5px 10px;

	background: #a6c3dd url(bilder/top_grad2.gif) center;

}

/*	background:#a6c3dd url('bilder/navv_bg.jpg') bottom left repeat-x;} */



.gallery dd a, .gallery dd a:visited {

	color: #000;

	min-height: 1em;

	text-decoration: none;

 	display: block;

	padding: 4px 5px 4px 20px;

	background: #a6c3dd url(bilder/sub_grad2.gif) center;

}

	/* background:#a6c3dd url('bilder/navv_bg.jpg') bottom left repeat-x;} */



* html .gallery dd a, * html .gallery dd a:visited {

	height:1em;}



.gallery dd a:hover {

	background:#205080;

	color:#ff0000;}



#menu li.current_page_item a, #menu li.current_page_item  a:visited {

	display:block;

	text-decoration:none;}



#menu li.current_page_item {

        background: #a6c3dd url(bilder/top_grad2.gif) center center bottom left repeat-x;

	}



/* ================================================================

This copyright notice must be untouched at all times.



The original version of this navigation dlmenu (x)html

is available at http://www.cssplay.co.uk/menus/drop_definition.html

Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.

This stylesheet and the assocaited (x)html may be modified in any

way to fit your requirements.

=================================================================== */



/* - - - - - - - - - - Ende Navigationselemnte vertikal  - - - - - - - - */



#hauptinfo {

	float: left;

	background: #fff;

	padding: 10px 5px;

	width: 740px;

	}



#nebeninfo {

	background: #fff;

	display: inline;

	float: left;

	padding: 0 2px 0 0;

	width: 310px;

	}

#nebeninfo h2 {

	font: 1.43em/1.1em Georgia, "Times New Roman", Times, serif;

	margin-top: 0.5em;

	margin-bottom: 0.65em;

	margin-left: 2.8em;

}



#nebeninfo ul li {

	list-style-type: none;

	border-bottom: 1px #DDEEFF solid;

	padding: 10px 0;

	overflow: hidden;

}



#nebeninfo p {

	margin: 1px;

	padding: 1px;

	}



#suchen input { /* - - - - - - Suchfunktion der Nebeninfo - - - */

	border: 1px solid #205080;

	background: #fff;

	color: #205080;

	float: left;

	font: 1.1em "Helvetia Neue", arial, Helvetica, Geneva, sans-serif;

	margin: 3px 3px 3px 0;

	padding: 5px;

	width: 190px;

	}

#suchen input.button {

	background: none;

	border: none;

	float: left;

	height: 20px;

	margin: 0;

	padding: 5px 0 0 0;

	width: 20px;

	}

#suchen p{

	/* color: #205080;*/

	font: 0.9em "Helvetia Neue", Arial, Helvetica, Geneva, sans-serif;

	padding: 5px 0px 0px 5px;

	} /* - - - - - - ENDE Suchfunktion der Nebeninfo - - - */



#siteinfo {

	clear: both;

	background: #ddeeff url(bilder/haeder.jpg) top left no-repeat;

	color:#ddeeff; /* text Color */

	/* float: left; */

	margin: 0px 0px;

	padding:10px 0px;

	width: 1280px;

	}

#siteinfo p {

	margin: 10px 20px ;

	padding: 20px 10px 10px 10px;

	}

#siteinfo A:link {

        COLOR: #ddeeff;

        TEXT-DECORATION: none;

        }