/*----------------------------------------------------------------------------- 
BODY
----------------------------------------------------------------------------- */

body {
background-color:#FFF;
background-image:url(images/bg.png);
background-repeat:repeat-x;
background-attachment:fixed;
font-family: 'Georgia', Times New Roman, Arial;
font-size: 12px;
text-transform:none;
text-align:left;
padding: 50px 0px 0px 30px;
}

.popup_menu {
  width: 100%;
  height: 14px;
  top: 0px;
  left: 0px;
  background-color: #ededed;
}

.popup_menu .previous {
  width: 50%;
  text-align: left;
}

.popup_menu .next {
  width: 50%;
  text-align: right;
}

body.no_border {
  margin: 0px;
  padding: 0px;
}

div#menu {
  margin: 0px;
  padding: 0px;
  width: 140px;
  float: left;
}

div#content {
  margin: 0px;
  padding: 0px;
  width: 620px;
  float: left;
}

img {
  border-width: 0px;
}

.header {
  background-image: url(images/header.png);
  background-position: 0px -38px;
  width: 300px;
  height: 38px;
  display: block;
  margin: 0px;
  padding: 0px;
}

.header:hover {
  background-position: 0px 0px;
}

.inschrift {
  font-family: Times New Roman;
  font-size: 11px;
  color: #969696;
  text-transform: uppercase;
  line-height: 1.0;}

/*----------------------------------------------------------------------------- 
LINKS
----------------------------------------------------------------------------- */

a#hallo_btn {
font-family: "Helvetica"; 
font-size: 14px; 
font-weight: normal;
color: #000; 
text-decoration: none;
display: block;
width: 135px;
height: 24px;
padding: 0px 0px 0px 6px;
margin: 0px;
background-image: none;
background-color: transparent;
line-height: 1.5;
}

a:hover#hallo_btn {
color: #FFF; 
background-image: url(images/streifen.png);
background-position: 0px -72px;
}

a#person_btn {
font-family: "Helvetica"; 
font-size: 14px; 
font-weight: normal;
color: #000; 
text-decoration: none;
display: block;
width: 135px;
height: 24px;
padding: 0px 0px 0px 6px;
margin: 0px;
background-image: none;
background-color: transparent;
line-height: 1.5;
}

a:hover#person_btn {
color: #FFF; 
background-image: url(images/streifen.png);
background-position: 0px 0px;
}

a#arbeiten_btn {
font-family: "Helvetica"; 
font-size: 14px; 
font-weight: normal;
color: #000; 
text-decoration: none;
display: block;
width: 135px;
height: 24px;
padding: 0px 0px 0px 6px;
margin: 0px;
background-image: none;
background-color: transparent;
line-height: 1.5;
}

a:hover#arbeiten_btn {
color: #FFF; 
background-image: url(images/streifen.png);
background-position: 0px -24px;
}

a#kontakt_btn {
font-family: "Helvetica"; 
font-size: 14px; 
font-weight: normal;
color: #000; 
text-decoration: none;
display: block;
width: 135px;
height: 24px;
padding: 0px 0px 0px 6px;
margin: 0px;
background-image: none;
background-color: transparent;
line-height: 1.5;
}

a:hover#kontakt_btn {
color: #FFF; 
background-image: url(images/streifen.png);
background-position: 0px -48px;
}

/*----------------------------------------------------------------------------- 
TITEL
----------------------------------------------------------------------------- */

.titel_person {
font-family: Helvetica;
font-size: 12pt;
font-weight: bold;
text-transform: uppercase;
color: #0083e3;
padding-top: 0px;
padding-bottom: 5px;}

.titel_portfolio {
font-family: Helvetica;
font-size: 12pt;
font-weight: bold;
text-transform: uppercase;
color: #59ad4e;
padding-top: 0px;
padding-bottom: 5px;}

.titel_kontakt {
font-family: Helvetica;
font-size: 12pt;
font-weight: bold;
text-transform: uppercase;
color: #eac100;
padding-top: 0px;
padding-bottom: 5px;}


/*----------------------------------------------------------------------------- 
HALLO1
----------------------------------------------------------------------------- */

#hallo { 
font-family: "Helvetica"; 
font-size: 12px; 
font-style: normal;
color: #000; 
text-decoration: none;
line-height: 1.5;
padding-left: 15px;
padding-right: 15px;
display: none;
} 

#hallo a:link , #hallo a:visited , #hallo a:active { 
padding-left: 3px;
padding-right: 3px;
color: #000; 
text-decoration:none; 
}

/*----------------------------------------------------------------------------- 
PERSON2
----------------------------------------------------------------------------- */

#person { 
font-family: "Helvetica"; 
font-size: 12px; 
font-style: normal;
color: #000; 
text-decoration: none;
text-align: left;
line-height: 1.5;
padding-left: 15px;
padding-right: 15px;
background: #FFF;
display: none;
} 

#person a , #person a:hover , #person a:link , #person a:visited , #person a:active { 
padding-left: 3px;
padding-right: 3px;
text-decoration: none; 
color: #000;
}

.bg_yellow { 
  background-color: #F7FF18;
}

.bg_yellow:hover {
  background-color: #E6E6E6;
}

/*----------------------------------------------------------------------------- 
PORTFOLIO3
----------------------------------------------------------------------------- */

.rand {
  border: 1px #c4c4c4 solid;
  padding: 5px;
  margin-right: 0px;
  margin-bottom: 5px;
}

.rand:hover {
  border: 1px #929292 solid;
  padding: 5px;
  margin-right: 0px;
  margin-bottom: 5px;
}

#portfolio { 
font-family: "Helvetica"; 
font-size: 12px; 
font-style: normal;
color: #000; 
text-decoration: none;
line-height: 1.5;
padding-left: 15px;
padding-right: 15px;
background: #FFF;
display: none;
} 

#portfolio a:link , #portfolio a:visited , #person a:active { 
padding-left: 3px;
padding-right: 3px;
color: #000; 
text-decoration:none; 
} 

/*----------------------------------------------------------------------------- 
KONTAKT4
----------------------------------------------------------------------------- */

#kontakt { 
font-family: "Helvetica"; 
font-size: 12px; 
font-style: normal;
color: #000; 
text-decoration: none;

line-height: 1.5;
padding-left: 15px;
padding-right: 15px;
background: #FFF;
display: none;
} 

#kontakt a:link , #kontakt a:visited , #person a:active { 
padding-left: 3px;
padding-right: 3px;
color: #000; 
text-decoration:none; 
}