/** RESET **/
*
{
	background          : transparent;
	border              : 0;
	content             : none;
	font-family         : inherit;
	font-size           : 100%;
	margin              : 0;
	padding             : 0;
	quotes              : none;
	text-decoration     : none;
}
:before,:after
{ content             : none; }
:focus
{ outline             : none; }

/** BEGIN : GENERAL **************************************************/
.clear
{
	clear               : both;
	display             : block;
}

h1,h2,h3, blockquote
{ margin-bottom       : .5em;     }
p
{ margin-bottom       : 1.5em;     }
h1
{	font-size           : 2em;      }
h2
{ font-size           : 1.5em;   }
h3
{ font-size           : 1.2em; }
h4,h5,h6
{ font-size           : 1em;      }
#content ul, #content table tr td ul {
	margin-left:20px;
}


a, a:link, a:visited
{
	color               : #000;
	cursor              : pointer;
}
a:focus, a:hover, a:active, a.hover, a.active
{
	color               : #be0a26;
}
#content a, #content a:link, #content a:visited
{
	color               : #be0a26;
	cursor              : pointer;
}

/** END : GENERAL ****************************************************/

/** BEGIN : STRUCTURE ************************************************/
html
{
	font-size           : 100.01%;
	height              : 100%;
}
body
{
	background          : #fff;
	color               : #000;
	font-family         : "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size           : 1em;
	height              : 100%;
	line-height         : 130%;
	text-align          : center;
}
#bodywrapper, #footer
{
	border              : 1px solid #d4d4d4;
	margin              : .5em auto;
	padding             : 1px;
	text-align          : left;
	width               : 960px;
}

#menu
{
	background-image    : url(../pics/menu-bg.png);
	background-repeat   : repeat-x;
	background-position : bottom;
	font-size           : .8em;
	margin-bottom       : 1px;
	width               : 100%;
}
#content
{
	background          : #fff;
	border-right        : 1px solid #fff;
	float               : left;
	font-size           : .8em;
	width               : 714px; /*with of our intro img*/
}
#side1
{
	font-size           : .8em;
	overflow            : hidden;
	float               : right;
	width               : 245px;
}
#footer
{
	border              : none;
	font-size           : .75em;
	line-height         : 1.5em;
}


/*3-cols specials*/
#content.cols-3
{
	border-right        : 0;
	padding             : 1em 2.5%;
	width               : 500px;
}
#side2
{
	float               : left;
	width               : 167px;
	padding             : 1em 0;
	position            : relative;
}
/** END: STRUCTURE ***************************************************/

/** BEGIN : HEADER ***************************************************/
#logo
{
	float               : left;
}

#header-menu
{
	float               : right;
	font-size           : .8em;
	margin-right        : .5em;
}
#header-menu ul
{
	list-style-type     : none;
}
#header-menu li
{
	display             : block;
	float               : left;
	height              : 1.5em;
}
#header-menu li a
{
	padding             : 0 .25em;
}
#header-menu #search input.text
{
	background          : #ebebeb;
	display             : block;
	float               : left;
	font-size           : .84em;
	height              : 1.2em;
	margin              : .4em 0 0 .8em;
	padding-bottom      : .2em;
	padding-left        : .5em;
	width               : 9em;
	-moz-border-radius-topleft        : .25em;
	-moz-border-radius-bottomleft     : .25em;
	-khtml-border-radius-topleft      : .25em;
	-khtml-border-radius-bottomleft   : .25em;
	-webkit-border-top-left-radius    : .3em;
	-webkit-border-bottom-left-radius : .3em;
}
#header-menu #search input.button
{
	display             : block;
	float               : left;
	font-size           : .84em;
	height              : 1.4em;  /*=15px*/
	margin              : .4em .7em 0 0;
	width               : 2.04em;
}
#header-menu #search input.button:hover, #header-menu #search input.button.hover
{
	background-position : 0 -15px;
}
/** END : HEADER *****************************************************/

/** BEGIN : MENU *****************************************************/
#menu ul
{
	list-style-type     : none;
	margin-left         : 1px;   /*better positioning of last seperator*/
}
#menu li
{
	background-image    : url(../pics/menu-link-highlight.png);
	background-position : center bottom;
	background-repeat   : no-repeat;
	display             : block;
	float               : left;
	text-align          : center;
}
#menu li a
{
	background-image    : url(../pics/menu-link-border-right.gif);
	background-position : right bottom;
	background-repeat   : no-repeat;
	display             : block;
	height              : 1.625em; /*fix opera's recalculation bug*/
	width               : 133px;   /*in fact it's 132.6px*/
}
#menu li a.active
{
	background-image    : url(../pics/menu-link-active.png);
	background-position : center top;
	height              : 1.625em;              /*on 12.8px font-size = 20.8px = ca. default height of 20.7833 */
	margin              : -.8em -11px 0 -11px;  /*11.2px overhang to default width*/
	padding-top         : .8em;
	position            : relative;
	width               : 155px;
	z-index             : 2;
}
#menu li:first-child a.active, #menu li.first a.active
{
	background-position : right top;
	width               : 132.6px;
	margin-left         : -1px;
	margin-right        : 1px;
}
#menu li:last-child a.active, #menu li.last a.active
{
	margin-left         : -15px;
}
/** END : MENU *******************************************************/


/** BEGIN : CONTENT **************************************************/
#content img#intro
{
	display             : block; /*remove bottom-space reserved for descender characters (g/q/j/...)*/
}
/** END : CONTENT ****************************************************/


/** BEGIN : SIDE1 ****************************************************/
#side1 ul
{
	list-style-type     : none;
}
#side1 li
{
	background-image    : url(../pics/side1-list-dot.gif);
	background-position : 5px .7em;
	background-repeat   : no-repeat;
	border-bottom       : 1px solid #cacaca;
	left                : .25em;
	padding-top         : .25em;
	padding-left        : 15px;
	position            : relative;
	width               : 205px;              /*better behavior then %*/
}
#side1 li:last-child
{
	border-bottom       : 0;
}
#side1 li.last                              /*seperated because of ie8's behavior*/
{
	border-bottom       : 0;
}
#side1 .infobox
{
	margin-left         : -1.25%;
}
#side1 .area-1
{
	background-color    : #f3f3f3;
	background-image    : url(../pics/side1-area1-bg.png);
	background-repeat   : repeat-x;
	border-top          : 2px solid #dedede;  /*fix ie7 padding-bg bug*/
	padding             : 1em 0 .5em 5%;
}
#side1 .area-1 ul
{
	padding-bottom      : .5em;
}
#side1 .area-2
{
	background-color    : #fff;
	background-image    : url(../pics/side1-area2-bg.png);
	background-repeat   : repeat-x;
	min-height          : 273px;
	padding             : 1em 0 1em 5%;
}
#side1 .border-left
{
	background-image    : url(../pics/side1-border-left.png);
	background-repeat   : no-repeat;
	float               : left;
	position            : relative;
	width               : 2px;
	z-index             : 2;
	/*like equal high columns: */
	height              : 500px;
	margin-bottom       : -500px;
}
/** END: SIDE1 *******************************************************/

/** BEGIN : SIDE2 ****************************************************/
#side2
{
	overflow            : hidden;
}
#side2 ul
{
	bottom              : -1.1em;             /*cut last li-border-bottom*/
	list-style-type     : none;
	margin-top          : -1.1em;
	position            : relative;
}
#side2 ul ul
{
	position            : static;
	margin-top          : 0;
}
#side2 li
{
	background-image    : url(../pics/side2-list-dot.gif);
	background-position : 5px .74em;
	background-repeat   : no-repeat;
	border-bottom       : 1px solid #cacaca;
	font-size           : .8em;
	margin-left         : .25em;
	padding             : .1em 0;
	padding-left        : 15px;
}
#side2 li a.active
{
	background-color    : #fff;
	background-image    : url(../pics/side2-list-dot.gif);
	display             : block;
	margin-left         : -15px;
	background-repeat   : no-repeat;
	background-position : 5px .7em;
	padding-left        : 15px;
	position            : relative;
}
#side2 li a.active0
{
	background-color    : #fff;
	background-image    : url(../pics/side2-list-dot-active.gif);
	display             : block;
	margin-left         : -15px;
	background-repeat   : no-repeat;
	background-position : 5px .7em;
	border-bottom       : 1px solid #cacaca;
	padding-left        : 15px;
	position            : relative;
}
#side2 li:last-child
{
	border-bottom       : 0;
}
#side2 li li
{
	background-image    : none;
	border-bottom       : 0;
	font-size           : .85em;
	margin-left         : 0;
	padding-left        : 0;
}

/** END: SIDE2 *******************************************************/

/** BEGIN : FOOTER ***************************************************/
#footer .addr
{
	float               : right;
	margin-right        : .5em;
}
#footer .addr p
{
	float               : left;
	margin-left         : 3em;
}
#footer .line
{
	background          : #bb011e;
	height              : 10px;
	margin-bottom       : 1em;
}
#footer .line-break
{
	background-image    : url(../pics/footer-line-break.png);
	background-repeat   : no-repeat;
	height              : 10px;
	margin-left         : 80%;
	width               : 7px;
}
/** END: FOOTER ******************************************************/


/* Kontaktformular (Urs Gürtler) */
#content input[type=text] {
	border:1px solid #D4D4D4;
}
#content input[type=submit] {
	border:1px solid #D4D4D4;
	padding: 2px 8px 2px 8px;
}
#content textarea {
	border:1px solid #D4D4D4;
	padding:3px;
}
#content table tr td .text-table-grau {
	background-color:#EEEEEE;
}