/*
 * style02.css for www.rolandbaer.ch
 */

body
{
  padding:0;
  margin:0px;
  font-family:Arial,sans-serif;
  background-color:#637b94;
  color:#FFFFFF;
  background-image: url(../img/background.png);
  background-repeat:repeat-y;
}

div#logo
{
  padding:0;
  margin:0px;
  letter-spacing:3px;
  background-image: url(../img/header.png);
  background-repeat: no-repeat;
  height: 80px;
}

div#logo span
{
  visibility:hidden;
}

div#frame
{
/*  background-image: url(../img/topleft.gif);
  background-repeat: no-repeat;*/
  padding:16px;
  margin:-9px 22px 0 22px;
  color:#607890;
/*  background-color:#FFFFFF;*/
  width:770px;
}

h1
{
  text-align:left;
  font-size:32px;
  font-weight:bold;
}

h2
{
  font-size:24px;
}

a
{
  color:#CC0000;
  text-decoration:none;
}

a:hover
{
  text-decoration:underline;
}

.color
{
  float: left;
  color:#FFFFFF;
  font-weight:bold;
  position: relative;
  width: 100px;
  height: 60px;
  margin: 10px;
  padding: 10px;
}

.soft a
{
  background-color:#ad0000;
}

.other a
{
  background-color:#00ad70;
}

.web a
{
  background-color:#0060c0;
}


.menu1 
{
  margin: 4px 0 -2px 0;
  font-size: 120%;
  height: 41px;
  padding: 8px 4px 0px 10px;
  background-repeat: no-repeat;
/*  border: blue solid 1px;*/
}

.menu2 
{
  margin: 4px 8px -2px 8px;
  font-size: 100%;
  height: 36px;
  padding: 6px 4px 0px 8px;
  background-repeat: no-repeat;
/*  border: red solid 1px;*/
}

.menu1 a, .menu2 a
{
  color:#FFFFFF;
}

.menu1soft
{
  background-image: url(../img/button1soft.png);
}
.menu1web
{
  background-image: url(../img/button1design.png);
}
.menu1other
{
  background-image: url(../img/button1muse.png);
}
.menu2soft
{
  background-image: url(../img/button2soft.png);
}
.menu2web
{
  background-image: url(../img/button2design.png);
}
.menu2other
{
  background-image: url(../img/button2muse.png);
}
.actual
{
  font-weight:bold;
}

.border
{
  float: none;
  padding:12px;
  margin:0 22px 0 22px;
  color:#607890;
  background-color:#FFFFFF;
  height: 100px;
}

.footer
{
  width:770px;
  padding:12px;
  margin:0 22px 0 22px;
/*  background-image: url(../img/bottomright.gif);
  background-repeat: no-repeat;
  background-position: right bottom;
  float: none;
  color:#607890;
  background-color:#FFFFFF;
  height: 50px;*/
}

.menu
{
  width: 155px;
  float: left;
  padding-top: 50px;
}

.content
{
  padding-left: 160px;
}

.topmenu
{
  text-align: right;
}

.topmenu a
{
  color:#637b94;
}

#footleft
{
  float: left;
}

#footright
{
  float: right;
  vertical-align: bottom;
  text-align: right;
}

#footright img
{
  border:0;
}

#design
{
  font-size:60%;
  color: #ddd;
}

#design a
{
  color:#607890;
  text-decoration: none;
}

#design a:hover
{
  text-decoration: underline;
}