A {color:#06c;}
A:link, A:active, A:visited {color:#06c; text-decoration:underline;}
A:hover {color:#000; text-decoration:underline;}

BODY {background:#fff; font-size:12px; line-height:130%; margin:0 auto; padding:15px; text-align:center; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;}
H1 {font-size:22px; line-height:140%; padding:0; margin:7px 0; font-weight:normal; color:#333;}
H2 {font-size:17px; line-height:120%; font-weight:normal; color:#666;}
H3 {font-size:15px; line-height:110%; padding:10px 0 5px 0; margin:7px 0; font-weight:normal; color:#666;}
H4 {font-size:14px; font-weight:bold; color: #666;}

BR {clear:both;}
HR {color:#ccc; border:none; height:1px; background-color:#ccc;}
#footer HR {color:#f60; border:none; height:1px; background-color:#f60;}

#main P img {margin:5px 10px 10px 0; border:1px #333 solid;}

#topic {background:#f60; width:980px; height:37px; text-align:left; padding:10px; margin:0 auto; clear:both;}
.logo {width:600px; text-align:left; font-size:22px; line-height:130%; color:#fff; padding:5px 0 5px 10px; margin:0; float:left;}
.slogan {width:300px; font-size:12px; color:#fff; padding:5px 20px; margin:5px 0; text-align:left; float:right; border-left:1px #fff solid;}

#page {width:980px; text-align:left; padding:0; margin:0 auto; clear:both;}
#main {width:620px; text-align:left; padding:0; float:left;}
#colon {width:330px; text-align:left; padding:15px 0; float:right;}
#footer {width:980px; text-align:left; padding:15px 0; margin:0 auto; clear:both;}

.mg {color:#999; font-size:11px;}

/*INDEX PAGE*/
#indx_top {width:820px; height:20px; text-align:left; padding:5px 0; color:#333; font-size:11px; margin:0 auto; clear:both;}
#indx_main {background:#fff; width:820px; text-align:left; padding:15px 15px 0 15px; margin:0 auto; clear:both;}
#indx_foot {width:820px; text-align:left; padding:5px 15px 40px 15px; color:#999; font-size:11px; margin:0 auto; clear:both;}
#indx_foot a, #indx_foot a:link, #indx_foot a:active, #indx_foot a:visited {color:#999;}
#indx_foot a:hover {color:#333; text-decoration:underline;}

.podfls {background:#f70; text-align:center; padding:5px 0 0 0; margin:0 auto; clear:both;}
.poda {width:490px; float:left; padding:0;}
.podb {width:300px; float:right; padding:0 0 5px 10px; color:#666; font-size:10px; border-left:1px #ccc dashed;}

.prinzip {background:#f3efe4; font-size:16px; color:#369; line-height:150%; padding:10px; margin:5px auto; border:1px #ddd5bd solid; clear:both;}

/*HostCMS*/
.table_border_hostcms, .table_border_hostcms td {padding:3px; font-size:11px; border-collapse:collapse; empty-cells:show; border:1px solid #ccc; vertical-align:middle; color:#333;}
.table_border_hostcms a:link, .table_border_hostcms a:hover, .table_border_hostcms a:visited {color:#333;}
.tr_hostcms_title {background-color: #EFEEEA; color:#333; font-weight: bold;}

/* FOR FOTO */
.ActivePage, .inActivePage {width:50px; background:white; text-align:center; font-size:70%; font-weight:600;}

.inActivePage  {background:#ccc; cursor:pointer; cursor:hand; height:18px;}
.inActivePage a {color:#fff; text-decoration:none;}

#thumbnail {text-align:center; margin:10px 10px 0 0; float:left;}
#thumbnail a {background-color: #eee; padding:5px;}
#thumbnail img {border:1px solid #ccc; margin:5px;}
#thumbnail a:visited {background:#cde;}
#thumbnail a:hover {background:#f50;}

.hand {cursor:pointer; cursor:hand}
.arrows {margin:20px}
.arrows td {width:50px; height:18px; background:#f50; color:#fff; font-weight:600; font-size:90%;}