html,body {
  background:#FDFDFD;
  margin:0px;
  padding: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;
  font-family:"Frutiger","Segoe UI",sans-serif;
  font-size:10pt;
  color:#999;
  margin-top:5px;
  float:right;
}

#form_login {
  margin:auto;
  text-align:center;
}

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

#form_login button {
  width:150px;
  height:20px;
  border:1px solid #999;
  background-color:#aaa;;
  cursor:pointer;
  color:#3c3f8f;
  margin:5px auto 5px auto;
}

#form_login button:hover {
  background-color:#3c3f8f;
  color:#aaa;
}

#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;
}

a:hover {
  text-decoration:none;
}

.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:150px;
  height:20px;
  border:1px solid #999;
  background-color:#aaa;;
  cursor:pointer;
  color:#3c3f8f;
  margin:5px auto 5px auto;
}

#fb:hover {
  background-color:#3c3f8f;
  color:#aaa;
}

.textgrey {
    color:#999;
}

.blue {
    color:#3c3f8f;
}

.red {
    color:#bc2222;
}

.green {
    color:#3caf3f;
}

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

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

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

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

#details {
    color:#000;
}

#selections {
    width:280px;
    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;
}

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

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

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

#gal_setlimit button {
  height:20px;
  width:20px;
  border:0px;
  display:inline-block;
  vertical-align:middle;
  text-align:center;
  cursor:pointer;
  background:url("img/accept.png") 0px 0px;
}

#gal_setlimit button:hover {
  cursor:pointer;
  background:url("img/accept.png") 0px 19px;
}

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

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

#gal-choosegallery-form button {
  height:20px;
  width:20px;
  border:0px;
  display:inline-block;
  vertical-align:middle;
  text-align:center;
  cursor:pointer;
  background:url("img/accept.png") 0px 0px;
}

#gal-choosegallery-form button:hover {
  cursor:pointer;
  background:url("img/accept.png") 0px 19px;
}

#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;
}

.gal-th-img {
  display:inline-block;
  max-width:120px;
  max-height:120px;
  margin:5px;
  padding:5px;
  background-color:#EEE;
  border:1px solid #aaa;
}

.gal-th-img:hover {
  background-color:#aaa;
}

#comment-div {
  display:block;
  position:relative;
  width:400px;
  margin:30px auto;
}

#comment-form {
}

#comment-form input {
  display:block;
  width:200px;
  height:20px;
  margin:5px;
  font-family:"Segoe UI","Frutiger",sans-serif;
  font-size:8pt;
  color:#999;
}

#comment-form textarea {
  display:block;
  width:400px;
  height:100px;
  margin:5px;
  font-family:"Segoe UI","Frutiger",sans-serif;
  font-size:10pt;
  color:#999;
  border:1px solid #aaa;
  background:#fff;
}

#comment-form button {
  width:150px;
  height:20px;
  border:1px solid #999;
  background-color:#aaa;;
  cursor:pointer;
  color:#3c3f8f;
  margin:5px auto 5px auto;
}

#comment-form button:hover {
  background-color:#3c3f8f;
  color:#aaa;
}

.comment-hl {
  display:block;
  background-color:#3c3f8f;
  width:396px;
  padding:2px;
  color:#fff;
  font-family:"Segoe UI","Frutiger",sans-serif;
  font-size:10pt;
  text-align:left;
}

.comment-co {
  display:block;
  width:396px;
  color:#999;
  font-family:"Segoe UI","Frutiger",sans-serif;
  font-size:10pt;
  text-align:left;
  margin:5px auto 15px auto;
}