/*
########################################################
# project: sf-tg.ch
# file: style.css
# copyright: (c) 2007 urs wolfer <uwolfer @ fwo.ch>
########################################################
*/

body
{
padding: 0;
margin: 0;
font-family: Verdana, Arial, sans-serif;
color: #3A9241;
font-size: 12px;
text-align: center;
background-color: #FFFFFF;
background: url(images/bg.png) repeat-x;
}

h1
{
color: #3A9241;
text-align: left;
}

h2
{
font-size: 20px;
}

h3
{
font-size: 18px;
}

input, textarea
{
width: 300px;
border: 1px solid black;
}

textarea
{
height: 150px;
}

.inputsred
{
border: 1px solid red;
}

img
{
border: 1px solid black;
margin: 2px;
}

/* IE hack */
img, div { behavior: url("images/png_hack/iepngfix.htc") }

a:link, a:visited, a:active
{
text-decoration: none;
color: #494949;
}

a:hover
{
text-decoration: none;
color: #8D8D8D;
}

#main
{
position: relative;
width: 780px;
border: 1px solid #9f9f9f;
top: 30px;
background-color: #FFFFFF;
margin: auto auto;
text-align: left;
}

#header
{
position: relative;
width: 100%;
height: 180px;
background-image: url(images/header_background.jpg);
}

#header a:link, #header a:visited, #header a:active, #header a:hover
{
color: #33AD33;
}


#header img
{
border: 0 solid black;
margin: 18px;
}

#header ul
{
position: absolute;
left:0;
bottom: 0;
margin: 0;
padding-top: 3px;
padding-bottom: 3px;
padding-right: 6px;
width: 100%;
text-align: right;
color: #FFFFFF;
list-style-type: none;
font-weight: bold;
background-color: #3A9241;
background-image: url(images/menu_bg.png);
}
html>body #header ul
{
padding-right: 0;
width: 740px;
}

#header ul li
{
display: inline;
margin: 4px;
}

#header ul a:link, #header ul a:visited, #header ul a:active
{
padding: 3px;
padding-left: 0px;
padding-right: 6px;
color: #FFFFFF;
}
html>body #header ul a:link, html>body #header ul a:visited, html>body #header ul a:active
{
padding: 3px;
}

#header ul a:hover
{
color: #D7D7D7;
}

#title a:link, #title a:visited, #title a:active, #title a:hover
{
font-family: Helvetica, Verdana, Arial, sans-serif;
position: absolute;
top: 50px;
left: 150px;
font-size: 25px;
}

#title-shaddow a:link, #title-shaddow a:visited, #title-shaddow a:active, #title-shaddow a:hover
{
font-family: Helvetica, Verdana, Arial, sans-serif;
position: absolute;
top: 51px;
left: 151px;
font-size: 25px;
color: #000000;
}

#content
{
position: relative;
text-align: justify;
width: 760px;
padding: 10px;
background-image: url(images/main_background.jpg);
background-repeat: no-repeat;
color: #1F467D;
min-height: 350px;
height: auto !important;
height: 350px;  /* IE fix*/
font-size: 12px;
font-family: Verdana, Arial, sans-serif;
}

#content table /* IE fix*/
{
color: #1F467D;
font-size: 12px;
font-family: Verdana, Arial, sans-serif;
}

#content a:link, #content a:visited, #content a:active
{
color: #494949;
font-weight: bold;
}

#content a:hover
{
color: #8D8D8D;
}

#copy
{
position: absolute;
width: auto;
text-align: center;
padding: 2px;
font-size: 9px;
height: 20px;
margin-top: 40px;
}
html>body #copy
{
width: 98%;
}

.menu-container
{
visibility: hidden;
overflow: hidden;
z-index: 10000;
position: absolute;
width: 180px;
height: 280px;
border-width: 0;
margin: 0;
padding: 0;
}

.menu
{
text-align: right;
position: absolute;
width: 180px;
height: 240px;
border-width: 0;
margin: 0;
padding: 0;
}

.menu a
{
color: #1F467D;
display: block;
padding: 1px 6px;
text-decoration: none;
border-left: 1px solid #C4E2B4;
border-right: 1px solid #C4E2B4;
background-color: #C4E2B4;
}
.menu a:hover
{
background-color:#33AD33;
color:#000000;
border-left: 1px solid #6E6E6E;
border-right: 1px solid #6E6E6E;
background-image: url(images/menu_bg.png);
}

#red-notice
{
position: absolute;
top: 10px;
right: 10px;
width: 620px;
padding: 10px;
color: #ff0000;
background-color: #ffbbbb;
border: 1px solid #ff0000;
text-align: center;
font-style: italic;
font-size: 14px;
font-weight: bold;
}