/* CSS Document */

@font-face { font-family: 'lithogrb'; src: url('../lithogrb.ttf') format('truetype'); }

.c5t_comment_form_table { border:none; }
.c5t_comment_form_field { border:none; text-align: left; }
.c5t_comment_form_label { border:none; text-align: left; }
.c5t_comment_form_submit { border:none; }
.c5t_comment_item_title { font-size:1.2em; color:#3f88df; text-transform:uppercase; }
.c5t_comment_item_text { margin-top:10px; margin-bottom:10px; font-size: 130%; }

#bodycont { margin:0; padding:0; padding-bottom:20px; font-family:Verdana, Arial, Helvetica, sans-serif; background-color:#F0F0FF; font-size: small; color:#323E58 }

a:link { color:#323E58; font-weight:bold }
a:visited { color:#81818E; font-weight:bold }
a:hover { text-decoration:none; color: #171DD9 }
a:active { text-decoration:none; color:#000000; }

h1 { font-size:150%; }
h2 { font-size:120%; }

#headerbox { border:1px solid #323E58; margin-right:10px; margin-top:10px; margin-left:10px; height:83px; padding-left:173px; background-color:#B2C1E0}
#frameheader { margin-top:15px; margin-left:10px; font-size:130%; font-weight:bold; font-family:lithogrb; line-height: 130%; text-shadow: 0.1em 0.1em 0.2em #EAEAF9; }
#topnavibox { border-bottom:1px solid #323E58; border-right:1px solid #323E58; border-left:1px solid #323E58; height:37px; margin-right:21px; margin-top:0px; margin-left:10px; padding-left:180px; background:url(../grfx/frame/shadow.gif) top left repeat-x; background-color:#D3DBF0; }
#toplist { list-style:none; float:left; margin-top:0px; margin-left:0px; }
#home, #sitemap, #kontakt, #suche { float:left; margin-left:2px; padding:10px 10px 0px 10px; text-decoration:none; font-weight:bold; }
#suche { float:right; margin-top:-5px; }
#lupe { vertical-align:middle; }

#ersatz { border:1px solid #323E58; margin-left:16px; margin-top:4px; width:125px; height:67px; background-color:#D3DBF0; text-align:center; }
#ersatztext { display: none; visibility: hidden; }

#content{ margin-left:155px; margin-right:20px; margin-top:-60px; border:1px solid #323E58; background:#EAEAF9; padding-left:40px; padding-top:25px; padding-right:40px; padding-bottom:20px; }

#sprache { position:absolute; top: 211px; margin-left:16px; border:1px solid #323E58; width:125px; height:40px; background-color:#D3DBF0; overflow:hidden; }
#english { font-weight:bold; margin-left:10px; margin-top:10px}

#navibox { position:absolute; top: 257px; margin-left:16px; border:1px solid #323E58; width:125px; height:450px; background:#D3DBF0 url(../grfx/frame/navibild.jpg) bottom left no-repeat; }
#navilistheader { display:none;}
#navilist { list-style:none; margin-top:10px}
#gegend, #reise, #uns, #interaktiv, #aktiv, #acco { margin-left:-30px; margin-right:10px; padding-top:10px; padding-bottom:10px; border-bottom:1px solid #323E58; }
#sonst { border-bottom:none }
#uns { padding-top:0px;}

.english { font-weight:bold; text-decoration:none; }
.underline { text-decoration:underline; }
.likelink { cursor:pointer; text-decoration:underline; color:#81818E; }

#buttons { position:absolute; top: 701px; list-style:none; }
#xhtml, #css { margin-left:24px; }
#friendly { margin-left:72px; }
#cssboxheader { display:none;}

#turm { position:absolute; top:10px; margin-left:10px; width:183px; height:197px; background-image:url(../grfx/frame/turmlogo.gif) }
#headerbild { position:absolute; top:10px; right:10px; width:298px; height:90px; background-image:url(../grfx/frame/bilder.jpg) }
#desc table { border:none; font-size:9px; } 
/* #desc td { margin:0; padding:1px; border:none; font-size:9px; } */

caption { font-size:12px; }

#printfooter { display:none; }
    .s { color: black; background-color: black; }
    .w { color: white; background-color: #EAEAF9; }
    
/* pics responsive 640 max */
#livepic { width: 100%; max-width: 640px; height: auto;}
.livepic_rahmen { padding:4px; border:1px solid #323E58; }

/* pis responsive no max */
#maxpic { width: 100%; max-width: 99%; height: auto;}

/* grfx responsive */
#responsegrfx { width: 100%; height: auto;}

/* iframe responsive */
.resp-container { position: relative; overflow: hidden; padding-top: 56.25%; max-width: 748px; max-height: 670px;}
#responsiveiframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* copied page styles */
#headerbild { background-image:url(../grfx/frame/dbilder.jpg) }
#stoupa { float:left; margin-top:-22px; } 
#kalogria { float:right; margin-top:-22px; }
#stoupa img { padding:4px; border:1px solid #000000; background-color:#eee; }
#kalogria img { padding:4px; border:1px solid #000000; background-color:#eee; }
#news { clear:both; padding-top:5px; text-align:center; }
#google { padding-top:5px; }
#werbung { float:right; margin-right:0px; margin-top:-10px; }
#anzeige { border:1px solid #323E58; padding:1px; background:#eee; }
#werbung p { margin-top:0px; margin-bottom:1px; font-size:smaller; text-align:right; }
.imgborder { padding:4px; border:1px solid #323E58; }
.fett { font-weight:bold }
.hochgelegt { font-weight:bold; font-size:15px; margin-top:-8px; }
.grfett { font-weight:bold; font-size:130%; }
.small { font-size:smaller; }
.big { font-size:110%; }
.vbig { font-size:125%; }
.links { text-align:left; }
.rechts { text-align:right; }
.center { text-align:center; }
.fllinks { float:left; }
.flrechts { float:right; }
.center { text-align:center; }
.rot { color:#bb0000; }
.cam { height: 100px; width: 150px; padding: 7px; }
#weather { float:left; width:25%; } 
#bottomright { float:right; width:40%; }
#footer { clear:both; }
#hoeher { margin-top:-6px; font-size:16px;}
#unten { margin-bottom:-6px; }
#rahmen_links { border:1px solid #323E58; padding:10px; font-size:14px; }
#rahmen_rechts { border:1px solid #323E58; padding:10px; font-size:14px; text-align:right; }
#rahmen_center { border:1px solid #323E58; padding:10px; font-size:14px; text-align:center; }
.Stil1 {	color: #FF0000; font-weight: bold;}
.eco { background-color:#eee; }