/*Aufbau*************************************************************************************************************/

html, body {
height:100%;
width:100%;
margin:0%;
padding:0%;}

body {
text-align:center;
background:#333 url(../img/bg_body.jpg) repeat-x;}

#main {
width:780px;
height:100%;
margin:0px auto 0;
padding:0px;
font-family:Arial, Helvetica, Serif;
font-size:11px;
text-align:left;
color:#000;}

p{
font-family:Verdana, Arial, Helvetica, Serif;
margin:0px;
padding:0px;
font-size:11px;
color:#CCC;}

td {
font-family:Verdana, Arial, Helvetica, Serif;
font-size:10px;
color:#666;}

.border{
width:150px;
height:150px;
text-align:center;}

#header {
height:100px;
width:780px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:right;
background: url(img/bg_header.jpg) no-repeat;}

#nav {
height:50px;
width:780px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:left;
background: url(img/bg_nav.jpg) repeat-x;}

#content {
width:780px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;}

#footer {
height:25px;
width:780px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
font-size:10px;
text-align:center;
background:#333;
border-top:1px solid #666;} 

body>#main{height:auto;}

/*Navigation*********************************************************************************************************/

a:link, a:active, a:visited, a:hover{
font-family:Arial, Helvetica, Serif;
padding-right:3px;
line-height:14px;
font-size:12px;
text-decoration:none;
color:#fff;}

.mytable td{
vertical-align: top;
font-family:Verdana,Arial, Helvetica, Serif;
font-size:11px;
color:#CCC;
padding-bottom:4px;
}

a:hover{
color:silver;}

.portraits{
font-size:11px;}

.portraits a:link, .portraits a:active, .portraits a:visited, .portraits a:hover{
font-family:Arial, Helvetica, Serif;
padding-right:3px;
font-size:11px;
text-decoration:none;
color:#fff;}

.portraits a:hover{
color:silver;}

.buttonred, .buttongreen, .buttonyellow, .buttonblue{
width:100px;
height:23px;
vertical-align:bottom;
text-align:right;
background: url(img/button_red.jpg) no-repeat;}

.buttongreen	{background: url(img/button_green.jpg) no-repeat;}
.buttonyellow	{background: url(img/button_yellow.jpg) no-repeat;}
.buttonblue	{background: url(img/button_blue.jpg) no-repeat;}

#footer a:link, #footer a:active, #footer a:hover, #footer a:visited {
font:10px Arial, serif;
line-height:17px;
color:#fff;
text-decoration:none;}

#footer a:hover{
color:silver;}

/*Gestaltung*********************************************************************************************************/

h1{
font-family:Verdana, Helvetica, Serif;
font-size:14px;
color:#CCC;
padding:0px;
margin:0px;}

h2{
font-size:14px;
line-height:24px;
color:#369;
padding-top: 5px;
margin:0px;}  

h3{
font-size:12px;
line-height:24px;
color:#036;
padding-top: 5px;
margin:0px;}

li{
list-style-type: circle;
list-style-position:outside;
margin:0px 0px 5px -30px;
padding:0px;}

img{
border-color:#666;}

input, textarea{
background:#666;
border:1px solid #CCC;
color:#fff;}

.noborder input{
background:#666;
border:1px solid #666;
color:#fff;}