/* 
------------------------------------------------
Bergrettung-Drautal Body Style
Version: 17-October-2006
The styles are arranged as follows:
		I.    Site and Row Definitions
		II.   Major Divs
		III.  Menu Sub-Divs
		IV.   Main Sub-Divs
		V.    Gallery Sub-Divs
		VI.   Different IDs and Classes for - #text ID
		VII.  Font Definitions and Font Classes
		VIII. Menu, Submenu, Gallery - List Definitions
		IX.   CSS Image Rollover
------------------------------------------------*/


/*
I. Site and Row Definitions
----------------------------------------------------*/

body {
	background: #efefef;
}

#pagewrapper {
	position: absolute;
	top: 0px;
	left: 50%;
	border: 1px solid #e4e4e4;
	margin-top: 0px;
	margin-left: -388px;
	padding: 6px 0px 0px 0px;
	width: 775px;
	height: auto;
	background: #ffffff;
}	

* html #pagewrapper {
	width: 771px;
}


/*
II. Major Divs
----------------------------------------------------*/

#menu,
#main,
#gallery {
	position: relative;
	height: auto;
	padding: 0;
	float: left;
	background: #ffffff;
}

#menu {
	margin: 0px 0px 0px 15px;
	width: 146px;
}

* html #menu {
	margin: 0px 0px 0px 8px;
}

#main {
	margin: 0px 0px 0px 20px;
	width: 490px;
}

#gallery {
	width: 64px;
	margin: 0px 15px 0px 25px;
}

* html #gallery {
	margin: 0px 8px 0px 25px; /* for IE */
}


/*
III. Menu Sub-Divs
----------------------------------------------------*/

#logo {
	width: 146px;
	height: 165px;
	background: url(../design_pics/menu/logo.jpg) no-repeat;
}

#notruf {
	width: 146px;
	height: 32px;
	background: url(../design_pics/menu/notruf.gif) no-repeat;
}

#links {
	background: #ffffff;
	width: 146px;
	height: auto;
}

#oeqs {
	position: relative;
	top: 20px;
	left: 21px;
	height: 63px;
	width: 104px;
	background: url(../design_pics/menu/oeqs_roll.gif) no-repeat;
}


/*
IV. Main Sub-Divs
----------------------------------------------------*/

#topinfo,
#submenu,
#text,
#footer,
#copyright {
	width: 490px;
	background-color: #ffffff;
	padding: 0;
}

#topinfo {
	height: 165px;
	background: url(../design_pics/main/topinfo.jpg) no-repeat;
}

#submenu {
	height: 24px;
	margin-top: 3px;
	border-top: 1px dotted #336633;
	border-bottom: 1px dotted #336633;
}

#text {
	height: 450px; /* height for IE */
	margin: 0;
}

#text[ID] { /* height and min-height for all other browsers */
	height: auto;
	min-height: 420px;
}

#text img {
	border: 1px solid #336633;
	margin: 7px 8px 0px 0px;
	height: auto;
	width: auto;
}

#footer {
	height: auto;
	margin: 30px 0px 2px 0px;
	border-top: 1px dotted #000000;
	border-bottom: 1px dotted #000000;
	clear: left;
}

#copyright {
	position: relative;
	height: auto;
	margin: 0px 0px 10px 0px;
}


/*
V. Gallery Sub-Divs
----------------------------------------------------*/

#klick,
#pics,
#arrow {
	width: 64px;
	background: #ffffff;
}

#klick {
	height: 42px;
	background:url(../design_pics/gallery/klick.gif);
}
	
#pics {
	height: auto;
	background: #ffffff;
	border-bottom: 1px dotted #336633;
	margin-top: 3px;
	padding-bottom: 3px;
}

#pics img {
	border: none;
	height: 47px;
	width: 62px;
}

#pics a.boimg:link,
#pics a.boimg:visited {
	display: block;
	height: 47px;
	width: 62px;
	border: 1px solid #336633;
	margin: 0;
	top: 0px;
}
 
#pics a.boimg:hover {
	border: 1px solid #CC9933;
}

#arrow {
	height: 8px;
	background: url(../design_pics/gallery/uparrow.gif) no-repeat;
	margin-top: 2px;
}


/*
VI. Different IDs and Classes for - #text ID
----------------------------------------------------*/

#form {
	margin: 30px 0px 20px 0px;
}

#zerti,
#gebiet,
#mannschaft {
	width: 488px;
	margin: 20px 0px 20px 0px;
}

#zerti {
	margin: 10px 0px 5px 0px;
	height: 350px;
	background: url(../dateien/web_bilder/zertifikat_klein.jpg) no-repeat;
}

#gebiet {
	height: 324px;
	background: url(../dateien/web_bilder/e_gebiet.jpg);
}

#mannschaft {
	height: 278px;
	border: 1px solid #336633;
	background: url(../dateien/web_bilder/mannschaft_klein.jpg) no-repeat;
}

.vorstand_l,
.vorstand_r,
.vorstand_l img,
.vorstand_r img {
	width: 200px;
	background: #ffffff;
	padding: 0;
}

.vorstand_l,
.vorstand_r {
	height: auto;
	float: left;
}

.vorstand_l {
	margin: 12px 20px 17px 0px;
}

.vorstand_r {
	margin: 12px 0px 17px 25px;
}

.vorstand_l img,
.vorstand_r img {
	border: 1px solid #336633;
	height: 301px;
}

#text .float {
	float: left;
}


/*
VII. Font Definitions and Font Classes
----------------------------------------------------*/

h1 {
	font: 600 14px Georgia, "Times New Roman", Times, serif;
	margin: 26px 0px 0px 0px;
	line-height: 17px;
	color: #ffffff;
	background: #336633;
	padding: 1px 0px 2px 4px;
}

h2 {
	font: 600 13px Georgia, "Times New Roman", Times, serif;
	color: #336633;
	line-height: 15px;
	margin: 23px 0px 0px 0px;
}

p {
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	line-height: 15px;
	background: transparent;
	padding: 0;
	margin: 10px 0px 7px 0px;
}

#footer p {
	margin: 3px 0px 3px 0px;
	font: italic 10px Verdana, Arial, Helvetica, sans-serif;
	line-height: 14px;
}

#copyright p {
	text-align: center;
	margin-top: 10px;
	font-size: 10px;
}

.vorstand_l p,
.vorstand_r p,
.center {
	text-align: center;
}

.bold {
	font-weight: bold;
	margin: 20px 0px 0px 0px;
}

h1 a:link,
h1 a:visited,
h2 a:link,
h2 a:visited {
	text-decoration: none;
	background: transparent;
	color: #ffffff;
}


h1 a:hover,
h2 a:hover {
	text-decoration: underline;
}

#main p a:link,
#main p a:visited,
#main p a:hover {
	text-decoration: underline;
	background-color: transparent;
}

#text p a:link,
#text p a:visited {
	color: #336633;
}	

#text p a:hover {
	color: #CC9933;
}
	
#footer a:link,
#footer a:visited {
	color: #000000;
}

#footer a:hover {
	color: #CC9933;
}

/*
VIII. Menu, Submenu, Gallery - List Definitions
----------------------------------------------------*/

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

li {
	height: 26px;
	width: auto;
	border-bottom: 1px dotted #336633;
	background: url(../design_pics/arrow.gif) left no-repeat;
}

li a:link,
li a:visited {
	font: normal 11px Georgia, "Times New Roman", Times, serif;
	color: #336633;
	margin: 0px 0px 0px 12px;
	text-decoration: none;
	line-height: 27px;
	background-color: transparent;
}

* html li a:link {
	line-height: 23px; /* for IE */
}

li a:hover {
	color: #CC9933;
	text-decoration: underline;
	background-color: transparent;
}

#submenu li {
	margin-right: 12px;
	float: left;
	border: none;
}

#pics li {
	height: 47px;
	width: 62px;
	margin: 0px 0px 5px 0px;
	border: none;
	background: transparent;
}

* html #pics li {
	margin: 0px 0px 1px 0px; /* for IE */
}


/*
IX. CSS Image Rollover
----------------------------------------------------*/

.rollover {
	display: block; /* allows width and height settings to apply */ 
}

.rollover img {
	width: 100%;
	height: 100%;
	border: 0;
}

.rollover:hover {
	visibility: visible; /* for IE */
}

.rollover:hover img {
	visibility: hidden; /* image roll over */
}



/*
---------------------------------------
Design and Programming: Andreas Hubmann
---------------------------------------
*/


/*
-----------------------------------------------------------------------------------------------------------------------------
Other sites: http://www.supervision-hubmann.at, http://www.bergrettung-drautal.at, heal-your-skin.org
-----------------------------------------------------------------------------------------------------------------------------
*/


/*
----------------------------------------------------------------------------------------------------------------------------------------
(Psst Pogi!) All my love and good vibes to my close friends Mikael Reventar and his wife Yoko. Hope to see both of you soon!
----------------------------------------------------------------------------------------------------------------------------------------
*/