html,body {
  background:#FDFDFD;
  margin:0px;
}

#h1 {
  font:bold 14pt 'Segoe UI','Frutiger',sans-serif;
  position:absolute;
  top:480px;
  text-align:center;
  color:#999;
  width:485px;
}

#h2 {
  font:bold 16pt 'Segoe UI','Frutiger',sans-serif;
  position:absolute;
  top:220px;
  left:200px;
  color:#999;
}

#h3 {
  font:bold 13pt 'Segoe UI','Frutiger',sans-serif;
  color:#999;
  width:400px;
  margin:5px 0px;
  padding:0px;
  display:inline-block;
}

#title {
  width:936px;
  margin:auto;
}

#login{
  width:534px;
  display:inline-block;
  text-align:right;
}

#login input {
  width:150px;
  height:20px;
  margin:5px 5px auto auto;
  border:1px solid #aaa;
  background:#fff;
  font-family:"Frutiger","Segoe UI",sans-serif;
  font-size:8pt;
  color:#999;
}

#login button {
  width:20px;
  height:20px;
  border:1px solid #aaa;
  background:#fff;
  cursor:pointer;
  color:#3c3f8f;
}

#in01 {
    position:relative;
    margin:50px auto;
    width:485px;
    height:485px;
    border:0px solid #f00;
}

#in02 {
    position:absolute;
    width:100px;
    height:81px;
    top:31px;
    left:68px;
    display:block;
    background:url("img/index.png") 0px 0px;
}

#in02:hover {
    position:absolute;
    width:100px;
    height:81px;
    top:31px;
    left:68px;
    display:block;
    background:url("img/index.png") 0px 81px;
}

#in03 {
    position:absolute;
    width:84px;
    height:91px;
    top:5px;
    left:200px;
    display:block;
    background:url("img/rhythm0.png") 0px 0px;
}

#in03:hover {
    position:absolute;
    width:84px;
    height:91px;
    top:5px;
    left:200px;
    display:block;
    background:url("img/rhythm0.png") 0px 91px;
}

#in04 {
    position:absolute;
    width:140px;
    height:128px;
    top:39px;
    left:310px;
    display:block;
    background:url("img/bilder.png") 0px 0px;
}

#in04:hover {
    position:absolute;
    width:140px;
    height:128px;
    top:39px;
    left:310px;
    display:block;
    background:url("img/bilder.png") 0px 128px;
}

#in05 {
    position:absolute;
    width:102px;
    height:147px;
    top:182px;
    left:380px;
    display:block;
    background:url("img/empfehlungen.png") 0px 0px;
}

#in05:hover {
    position:absolute;
    width:102px;
    height:147px;
    top:182px;
    left:380px;
    display:block;
    background:url("img/empfehlungen.png") 0px 147px;
}

#in06 {
    position:absolute;
    width:147px;
    height:118px;
    top:345px;
    left:285px;
    display:block;
    background:url("img/kontakt.png") 0px 0px;
}

#in06:hover {
    position:absolute;
    width:147px;
    height:118px;
    top:345px;
    left:285px;
    display:block;
    background:url("img/kontakt.png") 0px 118px;
}

#in07 {
    position:absolute;
    width:79px;
    height:114px;
    top:371px;
    left:170px;
    display:block;
    background:url("img/impressum.png") 0px 0px;
}

#in07:hover {
    position:absolute;
    width:79px;
    height:114px;
    top:371px;
    left:170px;
    display:block;
    background:url("img/impressum.png") 0px 114px;
}

#in08 {
    position:absolute;
    width:156px;
    height:205px;
    top:240px;
    left:10px;
    display:block;
    background:url("img/meinungen.png") 0px 0px;
}

#in08:hover {
    position:absolute;
    width:156px;
    height:205px;
    top:240px;
    left:10px;
    display:block;
    background:url("img/meinungen.png") 0px 205px;
}

#in09 {
    position:absolute;
    width:102px;
    height:103px;
    top:126px;
    left:5px;
    display:block;
    background:url("img/flash.png") 0px 0px;
}

#in09:hover {
    position:absolute;
    width:102px;
    height:103px;
    top:126px;
    left:5px;
    display:block;
    background:url("img/flash.png") 0px 103px;
}

#sm01 {
    margin:0px auto 50px auto;
    width:936px;
    height:116px;    
    border-top:1px solid #999;
    border-bottom:1px solid #999;
}

#sm02 {
    width:100px;
    height:100px;
    margin:8px 12px 8px auto;
    display:inline-block;
    background:url("img/index_small.png");
}

#sm02:hover {
    background:url("img/index_small.png") 0px 101px;
}

#sm03 {
    width:110px;
    height:100px;
    margin:8px 12px;
    display:inline-block;
    background:url("img/bilder_small.png");
}

#sm03:hover {
    background:url("img/bilder_small.png") 0px 100px;
}

#sm04 {
    width:100px;
    height:100px;
    margin:8px 12px;
    display:inline-block;
    background:url("img/flash_small.png");
}

#sm04:hover {
    background:url("img/flash_small.png") 0px 100px;
}

#sm05 {
    width:84px;
    height:100px;
    margin:8px 12px;
    display:inline-block;
    background:url("img/rhythm0_small.png");
}

#sm05:hover {
    background:url("img/rhythm0_small.png") 0px 102px;
}

#sm06 {
    width:110px;
    height:100px;
    margin:8px 12px;
    display:inline-block;
    background:url("img/meinungen_small.png");
}

#sm06:hover {
    background:url("img/meinungen_small.png") 0px 100px;
}

#sm07 {
    width:70px;
    height:100px;
    margin:8px 12px;
    display:inline-block;
    background:url("img/empfehlungen_small.png");
}

#sm07:hover {
    background:url("img/empfehlungen_small.png") 0px 99px;
}

#sm08 {
    width:125px;
    height:100px;
    margin:8px 12px;
    display:inline-block;
    background:url("img/kontakt_small.png");
}

#sm08:hover {
    background:url("img/kontakt_small.png") 0px 100px;
}

#sm09 {
    width:69px;
    height:100px;
    margin:8px auto 8px 12px;
    display:inline-block;
    background:url("img/impressum_small.png");
}

#sm09:hover {
    background:url("img/impressum_small.png") 0px 100px;
}

#content {
    position:relative;
    margin-top:20px;
    width:936px;
    min-height:300px;
    margin:20px auto;
    color:#333;
    font:11pt 'Segoe UI','Frutiger',sans-serif;
}

#contentleft {
    width:250px;
    text-align:center;
    float:left;
}

#contentright {
    width:658px;
    float:left;
    text-align:left;
}

.aempfehlungen {
    font:16pt  'Segoe UI','Frutiger',sans-serif;
    color:#1c1298;
}
a {
    color:#1c1298;
}

.fn {
    width:200px;
    color:#AAA;
    border:1px solid #AAA;
    margin-bottom:4px;
    font-family: 'Segoe UI','Frutiger',sans-serif;
    font-size:10pt;
}

#fm {
    width:200px;
    height:118px;
    color:#AAA;
    border:1px solid #AAA;
    font-family: 'Segoe UI','Frutiger',sans-serif;
    font-size:10pt;
}

#fv {
  position:absolute;
  left:-1000px;
  top:-1000px;
  width:0;
  height:0;
  overflow:hidden;
  display:inline;
}

#fb{
  width:70px;
  color:#00f;
  cursor:pointer;
  border:0px;
  background:#F8F8F8;
}

.textgrey {
    color:#aaa;
}

.blue {
    color:#4246c2;
}

.red {
    color:#f00;
}

.green {
    color:#0f0;
}

#col1 {
    width:340px;
    float:left;
    border-right:1px solid #aaa;
}

#col2 {
    width:547px;
    float:left;
    text-align:center;
}

#col3 {
    width:20px;
    float:left;
}

#info {
    color:#aaa;
    font:10pt 'Segoe UI','Frutiger',sans-serif;
    margin-bottom:10px;
    width:320px;
}

#details {
    color:#000;
}

#selections {
    width:340px;
    padding-top:5px;
    padding-bottom:5px;
    margin-bottom:5px;
    border-top:1px dotted #aaa;
    border-bottom:1px dotted #aaa;
}

#sel_gal {
  display:inline;
}

#sel_count {
  display:inline;
  font-size:9pt;
}

#browse_th {
  display:inline;
  float:right;
}

#browse_th_prev {
    width:20px;
    height:20px;
    border:0px;
    background:url("img/left.png") 0px 0px;
    display:inline-block;
    margin-bottom:5px;
    margin-right:5px;
}

#browse_th_prev:hover {
    width:20px;
    height:20px;
    border:0px;
    background:url("img/left.png") 0px 19px;
    display:inline-block;
}

#browse_th_next {
    width:20px;
    height:20px;
    margin-right:5px;
    border:0px;
    background:url("img/right.png") 0px 0px;
    margin-bottom:5px;
    display:inline-block;
}

#browse_th_next:hover {
    width:20px;
    height:20px;
    margin-right:5px;
    border:0px;
    background:url("img/right.png") 0px 19px;
    display:inline-block;
}

#browse_img_prev {
    width:20px;
    height:20px;
    border:0px;
    background:url("img/left.png") 0px 0px;
    display:inline-block;
    margin-bottom:5px;
}

#browse_img_prev:hover {
    width:20px;
    height:20px;
    border:0px;
    background:url("img/left.png") 0px 19px;
    display:inline-block;
}

#browse_img_next {
    width:20px;
    height:20px;
    border:0px;
    background:url("img/right.png") 0px 0px;
    display:inline-block;
}

#browse_img_next:hover {
    width:20px;
    height:20px;
    border:0px;
    background:url("img/right.png") 0px 19px;
    display:inline-block;
}

#browse_img_ov {
    width:20px;
    height:20px;
    border:0px;
    background:url("img/ov.png") 0px 20px;
    display:inline-block;
    margin-bottom:5px;
}

#browse_img_ov:hover {
    width:20px;
    height:20px;
    border:0px;
    background:url("img/ov.png") 0px 0px;
    display:inline-block;
}

.th_img {
    width:100px;
    height:100px;
    margin:4px;
    border:1px solid #aaa;
}

.th_img:hover {
    width:100px;
    height:100px;
    margin:4px;
    border:1px solid #00f;
}

#login {
    display:inline;
    float:right;
}

form {
  display:inline;
}

.formSelect {
    color:#000;
    background:#FFF;
    border:1px solid #AAA;
    font-family: 'Segoe UI','Frutiger',sans-serif;
    font-size:8pt;
}

.formLabel {
    color:#AAA;
    font-family: 'Segoe UI','Frutiger',sans-serif;
    font-size:10pt;
}

.formButton {
    color:#00F;
    font-family: 'Segoe UI','Frutiger',sans-serif;
    font-size:11pt;
    width:50px;
    background:#FFF;
    border:1px solid #00AA00;
}

.formOption {
    color:#000;
    font-family: 'Segoe UI','Frutiger',sans-serif;
    font-size:8pt;
}

#gal_navi {
  text-align:center;
  height:30px;
  margin:5px 0px 10px 0px;
}

#gal_selcount {
  font-family: 'Segoe UI','Frutiger',sans-serif;
  font-size:8pt;
  text-decoration:none;
  color:#000;
  margin:0px 10px 0px 0px;
}

#gal_selcount select {
  font-family: 'Segoe UI','Frutiger',sans-serif;
  font-size:8pt;
  color:#000;
  background:#fff;
  border:1px solid #000;
  margin-right:2px;
}

#gal_selcount button {
  height:20px;
  width:20px;
  border:0px;
  color:#00f;
  vertical-align:middle;
  cursor:pointer;
}

#gal_selgal {
  font-family: 'Segoe UI','Frutiger',sans-serif;
  font-size:8pt;
  text-decoration:none;
  color:#000;
  margin:0px 10px 0px 0px;
}

#gal_selgal select {
  font-family: 'Segoe UI','Frutiger',sans-serif;
  font-size:8pt;
  color:#000;
  background:#fff;
  border:1px solid #000;
  margin-right:2px;
}

#gal_selgal button {
  height:20px;
  width:20px;
  border:0px;
  color:#00f;
  vertical-align:middle;
  cursor:pointer;
}

#gal_showimg {
  font-family: 'Segoe UI','Frutiger',sans-serif;
  font-size:8pt;
  color:#000;
}

#gal_showimg {
  margin:auto;
}
  
#gal_showimg th {
  text-align:left;
  font-size:11pt;
  font-weight:bold;
  color:#00f;
  background:#fff;
  padding:2px;
}  

#gal_showimg img {
  padding:10px;
  background:#fff;
  border:1px solid #000;
}
  
#gal_showth {
  margin:auto;
}

#gal_showth td {
  padding:6px;
  background:#fff;
  border:1px solid #000;
  text-align:center;
  width:80px;
  height:80px;
}

#gal_showth td:hover {
  background:#00f;
}

#gal_showth img {
  border:1px solid #000;
}

#login_form_small {
  display:inline;
  color:#aaa;
  font-family: 'Segoe UI','Frutiger',sans-serif;
  font-size:7pt;
  float:right;
  margin:0px;
  vertical-align:top;
}

#login_form_small input {
  width:100px;
  height:15px;
  border:1px solid #aaa;
  background:#fff;
  font-size:7pt;
}

#login_form_small button {
  width:40px;
  height:14px;
  border:0px;
  color:#00f;
}