/* ///////////////////////////////////////////////////////////////////////////// */ /* PIRANHA */ /* ///////////////////////////////////////////////////////////////////////////// */ div#photoalbum_thumb { float:left; } div#photoalbum_thumb_blue { width: 548px; margin-left: 378px; } div#photoalbum_thumb_red { width: 548px; margin-left: 378px;} div#photoalbum_thumb_blue .photoalbum_thumb_condition { border: 1px solid #666666; margin-bottom: 5px; margin-right: 5px;} div#photoalbum_thumb_blue .photoalbum_thumb_condition_active { border: 2px solid #5aa7d3; margin-bottom: 5px; margin-right: 5px;} div#photoalbum_thumb_red .photoalbum_thumb_condition { border: 1px solid #666666; margin-bottom: 5px; margin-right: 5px;} div#photoalbum_thumb_red .photoalbum_thumb_condition_active { border: 2px solid #981219; margin-bottom: 5px; margin-right: 5px;} div#menu_blue div.submenu_active_first A:link, div#menu_blue div.submenu_active_first A:visited, div#menu_blue div.submenu_active_first A:active, div#menu_blue div.submenu_active A:link, div#menu_blue div.submenu_active A:visited, div#menu_blue div.submenu_active A:active, div#menu_blue div.submenu_active_last A:link, div#menu_blue div.submenu_active_last A:visited, div#menu_blue div.submenu_active_last A:active { color: #5aa7d3; background: url(/tmpl/piranha/images/linie_rot.png) no-repeat center left; padding-left: 10px; line-height: 15px; } div#menu_blue div.submenu_active_first A:hover, div#menu_blue div.submenu_active A:hover, div#menu_blue div.submenu_active_last A:hover { background: url(/tmpl/piranha/images/linie_rot_unten.png) no-repeat center left; padding-left: 10px; line-height: 15px; } div#menu_red div.active A:link, div#menu_red div.active A:visited, div#menu_red div.active A:active { color: #981219; background: url(/tmpl/piranha/images/linie_blau.png) no-repeat center left; padding-left: 10px; line-height: 15px; } div#menu_red div.active A:hover { background: url(/tmpl/piranha/images/linie_blau_unten.png) no-repeat center left; padding-left: 10px; line-height: 15px; } div#menu_blue A:link, div#menu_blue A:visited, div#menu_blue A:active { color: #5aa7d3; background: url(/tmpl/piranha/images/clear.png) no-repeat center left; padding-left: 10px; line-height: 15px} div#menu_blue A:hover { background: url(/tmpl/piranha/images/linie_rot_unten.png) no-repeat center left; padding-left: 10px; line-height: 15px} div#menu_red A:link, div#menu_red A:visited, div#menu_red A:active { color: #981219; background: url(/tmpl/piranha/images/clear.png) no-repeat center left; padding-left: 10px; line-height: 15px } div#menu_red A:hover { color: #981219; background: url(/tmpl/piranha/images/linie_blau_unten.png) no-repeat center left; padding-left: 10px; line-height: 15px} .submenu, .submenu_active { padding-left: 11px; } .submenu_first, .submenu_active_first { padding-left: 11px; padding-top: 6px; } .submenu_last, .submenu_active_last { padding-left: 11px; padding-bottom: 6px; } .spacer { float: left; padding-right: 33px;} .spacer_right { float: right; } #p_grafik { position: absolute; left: 75px; top: 120px; } #p_foto { position: absolute; left: 178px; top: 120px; } #home { position: absolute; left: 337px; top: 95px; } #vita { position: absolute; left: 410px; top: 95px; } #service { position: absolute; left: 478px; top: 95px; } #kunden { position: absolute; left: 565px; top: 95px; } #ausstellungen { position: absolute; left: 650px; top: 95px; } #download { position: absolute; left: 783px; top: 95px; } #kontakt { position: absolute; left: 889px; top: 95px; } A.red_link:link, A.red_link:visited, A.red_link:active{ color: #981219; background: url(/tmpl/piranha/images/clear.png) no-repeat center left; padding-left: 10px; line-height: 15px} A.red_link:hover { color: #981219; background: url(/tmpl/piranha/images/linie_blau_unten.png) no-repeat center left; padding-left: 10px; line-height: 15px } A.red_line:link, A.red_line:visited, A.red_line:active { color: #5aa7d3; background: url(/tmpl/piranha/images/clear.png) no-repeat center left; padding-left: 10px; line-height: 15px} A.red_line:hover { background: url(/tmpl/piranha/images/linie_rot_unten.png) no-repeat center left; padding-left: 10px; line-height: 15px} A.red_link_active:link, A.red_link_active:visited, A.red_link_active:active{ color: #981219; background: url(/tmpl/piranha/images/linie_blau.png) no-repeat center left; padding-left: 10px; line-height: 15px} A.red_link_active:hover { color: #981219; background: url(/tmpl/piranha/images/linie_blau_unten.png) no-repeat center left; padding-left: 10px; line-height: 15px } A.red_line_active:link, A.red_line_active:visited, A.red_line_active:active { color: #5aa7d3; background: url(/tmpl/piranha/images/linie_rot.png) no-repeat center left; padding-left: 10px; line-height: 15px} A.red_line_active:hover { background: url(/tmpl/piranha/images/linie_rot_unten.png) no-repeat center left; padding-left: 10px; line-height: 15px} .nav_table { width: 608px; font-family: Helvetica, Arial, Tahoma, sans-serif; font-size: 11px; color: #5aa7d3; margin-bottom: 90px; line-height: 15px} .tv_cam_table { width: 210px; background-color: #FFFFFF; margin-left: 45px; margin-bottom: 45px; margin-right: 45px; line-height: 15px } .main_blue_table { font-family: Helvetica, Arial, Tahoma, sans-serif; font-size: 11px; width: 604px; height: 401px; margin-top: 0px; border-left: 2px solid #5aa7d3; border-top: 2px solid #5aa7d3; border-right: 2px solid #5aa7d3; padding-left: 50px; padding-right: 50px; padding-top: 50px; padding-bottom: 30px; margin-left: 8px; } .main_red_table { font-family: Helvetica, Arial, Tahoma, sans-serif; font-size: 11px; width: 604px; height: 401px; margin-top: 0px; border-left: 2px solid #981219; border-top: 2px solid #981219; border-right: 2px solid #981219; padding-left: 50px; padding-right: 50px; padding-top: 50px; padding-bottom: 30px; margin-left: 8px; } .main_blue_foto_table { font-family: Helvetica, Arial, Tahoma, sans-serif; font-size: 11px; width: 604px; height: 401px; margin-top: 0px; border-left: 2px solid #5aa7d3; border-top: 2px solid #5aa7d3; border-right: 2px solid #5aa7d3; margin-left: 8px; } .main_red_foto_table { font-family: Helvetica, Arial, Tahoma, sans-serif; font-size: 11px; width: 604px; height: 401px; margin-top: 0px; border-left: 2px solid #981219; border-top: 2px solid #981219; border-right: 2px solid #981219; margin-left: 8px; } #menu_blue { position:absolute; top:142px; left:172px; height:150px; text-transform: uppercase; text-align: left; z-index:1; line-height: 15px} #menu_red { position:absolute; width: 126px; top:142px; left:-8px; height:150px; text-transform: uppercase; text-align: right; z-index:1; line-height: 15px} .kontakt_table { font-family: Helvetica, Arial, Tahoma, sans-serif; font-size: 11px; line-height: 15px; width:490px;} .ausstellungen_table { font-family: Helvetica, Arial, Tahoma, sans-serif; font-size: 11px;line-height: 15px } .kunden_table { font-family: Helvetica, Arial, Tahoma, sans-serif; font-size: 11px; line-height: 15px} /* ///////////////////////////////////////////////////////////////////////////// TRENNLINIE ///////////////////////////////////////////////////////////////////////////// */ body { margin-top: 60px; margin-left: 0px; margin-right: 0px; font-family: Helvetica, Arial, Tahoma, sans-serif; font-size: 11px; background-color: #FFFFFF; color: #5aa7d3; line-height: 15px} hr { color: #DBDBDB; height : 1px; width: 100%} /* ///////////////////////////////////////////////////////////////////////////// FÜR IFRAME Vorschau ///////////////////////////////////////////////////////////////////////////// */ .iframe { scrollbar-base-color: #FFFFFF; scrollbar-3dlight-color: #FFFFFF; scrollbar-arrow-color: #DBDBDB; scrollbar-darkshadow-color: #FFFFFF; scrollbar-face-color: #FFFFFF; scrollbar-highlight-color:#FFFFFF; scrollbar-shadow-color: #FFFFFF; scrollbar-track-color: #FFFFFF; } /* ///////////////////////////////////////////////////////////////////////////// MAILEINBELDUNG ///////////////////////////////////////////////////////////////////////////// */ .slide { position:absolute; top:5%; left:30%; background-color: #FFFFFF; color: #7E1616; width:600px; padding: 5px; BORDER-BOTTOM: #DBDBDB 1px solid; BORDER-LEFT: #DBDBDB 1px solid; BORDER-RIGHT: #DBDBDB 1px solid; BORDER-TOP: #DBDBDB 1px solid; } /* ///////////////////////////////////////////////////////////////////////////// LINKS5aa7d3 ///////////////////////////////////////////////////////////////////////////// */ /* alle nicht speziell zugeordneten Link */ a:link { color: #981219; text-decoration:none; font-weight:normal; font-family: Helvetica, Arial, Tahoma, sans-serif; font-size:11px; ; line-height: 15px} a:visited { color: #981219; text-decoration:none; font-weight:normal; font-family: Helvetica, Arial, Tahoma, sans-serif; font-size:11px; ; line-height: 15px} a:hover { color: #981219; text-decoration:none; font-weight:normal; font-family: Helvetica, Arial, Tahoma, sans-serif; font-size:11px; ; line-height: 15px} a:active { color: #981219; text-decoration:none; font-weight:normal; font-family: Helvetica, Arial, Tahoma, sans-serif; font-size:11px; ; line-height: 15px} /* alle normalen Links */ a.normal:link { color: #981218; text-decoration:none; font-family: Helvetica, Arial, Tahoma, sans-serif; font-size:11px; line-height: 15px} a.normal:visited { color: #981218; text-decoration:none; font-family: Helvetica, Arial, Tahoma, sans-serif; font-size:11px; line-height: 15px} a.normal:hover { color: #981218; text-decoration:none; font-family: Helvetica, Arial, Tahoma, sans-serif; font-size:11px; line-height: 15px } a.photo:link { color: #FFFFFF; text-decoration:none; font-family: Helvetica, Arial, Tahoma, sans-serif; font-size:11px; line-height: 15px} a.photo:visited { color: #FFFFFF; text-decoration:none; font-family: Helvetica, Arial, Tahoma, sans-serif; font-size:11px; line-height: 15px} a.photo:hover { color: #FFFFFF; text-decoration:none; font-family: Helvetica, Arial, Tahoma, sans-serif; font-size:11px; line-height: 15px } a.marked:link { color: #5aa7d3; text-decoration:none; font-family: Helvetica, Arial, Tahoma, sans-serif; font-size:11px; line-height: 15px} a.marked:visited { color: #5aa7d3; text-decoration:none; font-family: Helvetica, Arial, Tahoma, sans-serif; font-size:11px; line-height: 15px } a.marked:hover { color: #5aa7d3; text-decoration:none; font-family: Helvetica, Arial, Tahoma, sans-serif; font-size:11px; line-height: 15px } a.sitemap:link { color: #981218; text-decoration:none; font-family: Helvetica, Arial, Tahoma, sans-serif; font-size:11px; line-height: 15px } a.sitemap:visited { color: #981218; text-decoration:none; font-family: Helvetica, Arial, Tahoma, sans-serif; font-size:11px; line-height: 15px } a.sitemap:hover { color: #981218; text-decoration:none; font-family: Helvetica, Arial, Tahoma, sans-serif; font-size:11px; line-height: 15px } /* ///////////////////////////////////////////////////////////////////////////// KLASSEN ///////////////////////////////////////////////////////////////////////////// */ /* Hauptklassen */ .photo { color:#FFFFFF; font-family: Helvetica, Arial, Tahoma, sans-serif; font-size:11px; } .normal, .error, .button { background-color:#FFFFFF; color:#5AA7D2; font-family: Helvetica, Arial, Tahoma, sans-serif; font-size:11px; line-height:15px} .hidden { background-color:#FFFFFF; color:#5AA7D2; font-family: Helvetica, Arial, Tahoma, sans-serif; font-size:11px; line-height:15px} .negativ { background-color:#EFEFEF; color:#5AA7D2; font-family: Helvetica, Arial, Tahoma, sans-serif; font-size:11px; line-height: 15px} .menu { color:#5AA7D2; font-family: Helvetica, Arial, Tahoma, sans-serif; font-size:11px;line-height: 15px } .login { color:#5AA7D2; font-family: Helvetica, Arial, Tahoma, sans-serif; font-size:11px; line-height: 15px} .mini { color:#5AA7D2; font-family: Helvetica, Arial, Tahoma, sans-serif; font-size:10px; line-height: 15px} .marked_negativ { color:#7E1616; font-family: Helvetica, Arial, Tahoma, sans-serif; font-size:11px;} .marked { color:#981218; font-family: Helvetica, Arial, Tahoma, sans-serif; font-size:11px; line-height: 15px} .start_big { color:#5AA7D2; font-family: Helvetica, Arial, Tahoma, sans-serif; font-size:11px;font-weight:bold;} .header { color:#5AA7D2; font-family: Helvetica, Arial, Tahoma, sans-serif; font-size:18px; line-height:20px; font-weight:bold;} .startpage { color:#5AA7D2; font-family: Helvetica, Arial, Tahoma, sans-serif; font-size:18px; line-height:20px; font-weight:bold;} .startpage_border { color:#5AA7D2; font-family: Helvetica, Arial, Tahoma, sans-serif; font-size:14px; line-height:15px; font-weight:bold;} .startpage_marked { color:#5AA7D2; font-family: Helvetica, Arial, Tahoma, sans-serif; font-size:14px; line-height:15px; font-weight:bold;} .dot {background: url(/img/base/dot.gif) left top no-repeat; padding-left: 15px;} /* einige Überschriften */ .form_headline { background-color:#7e1616; color:#FFFFFF; font-family: Helvetica, Arial, Tahoma, sans-serif; font-size:11px; text-decoration:none; border-color:#666666;font-weight:bold; } .normal_head { background-color:#FFFFFF; color:#454545; font-family: Helvetica, Arial, Tahoma, sans-serif; font-size:11px;font-weight:bold; } .normal_left { background-color:#FFFFFF; color:#454545; font-family: Helvetica, Arial, Tahoma, sans-serif; font-size:11px;font-weight:bold; } .normal_title {background-color:#FFFFFF; color:#7E1616; font-size: 18px; line-height: 18px; font-family: Helvetica, Arial, Tahoma, sans-serif; text-decoration: none; } .normal_subtitle {background-color:#FFFFFF; color:#7E1616; font-size: 13px; line-height: 26px; font-family: Helvetica, Arial, Tahoma, sans-serif; text-decoration: none; } /* Warnungen */ .disabled { color:#CCCCCC; font-family: Helvetica, Arial, Tahoma, sans-serif; font-size:11px; text-decoration:none; } .warning { color:#FF9900; font-family: Helvetica, Arial, Tahoma, sans-serif; font-size:11px; text-decoration:none; border-color:#666666;font-weight:bold; } .errorStackError { color:#990000; font-family: Helvetica, Arial, Tahoma, sans-serif; font-size:11px; text-decoration:none; border-color:#666666;font-weight:bold; } .errorStackWarning { color:#FF9900; font-family: Helvetica, Arial, Tahoma, sans-serif; font-size:11px; text-decoration:none; border-color:#666666;font-weight:bold; } .errorStackSuccess { color:#009900; font-family: Helvetica, Arial, Tahoma, sans-serif; font-size:11px; text-decoration:none; border-color:#666666;font-weight:bold; } .ready { color:#009900; font-family: Helvetica, Arial, Tahoma, sans-serif; font-size:11px; text-decoration:none; border-color:#666666; } .update { color:#009900; font-family: Helvetica, Arial, Tahoma, sans-serif; font-size:11px; text-decoration:none; border-color:#666666; ;font-weight:bold; } .tag_cloud_link { padding: 3px; text-decoration: none; } .tag_cloud_link:link { color: #81d601; } .tag_cloud_link:visited { color: #019c05; } .tag_cloud_link:hover { color: #ffffff; background: #69da03; } .tag_cloud_link:active { color: #ffffff; background: #ACFC65; } .tag_cloud_text {font-size:50px; font-family:sans-serif;} .tag_cloud_winner {color: #0000FF;} .tag_cloud_looser {color: #FF0000;} /* ///////////////////////////////////////////////////////////////////////////// TAGS ///////////////////////////////////////////////////////////////////////////// */ .tags {color:#61718C; font-family: Helvetica, Arial, Tahoma, sans-serif; font-size:7pt;} a.tags:link { color: #61718C; text-decoration:none; font-weight:bold; font-family: Helvetica, Arial, Tahoma, sans-serif; font-size:7pt; } a.tags:visited { color: #61718C; text-decoration:none; font-weight:bold; font-family: Helvetica, Arial, Tahoma, sans-serif; font-size:7pt; } a.tags:hover { color: #61718C; text-decoration:none; font-weight:bold; font-family: Helvetica, Arial, Tahoma, sans-serif; font-size:7pt; } /* ///////////////////////////////////////////////////////////////////////////// FORM STYLES ///////////////////////////////////////////////////////////////////////////// */ .form_editor {}; .form_ro_editor { background-color:#FFFFFF; color:#AAAAAA; BORDER-BOTTOM: #DBDBDB 1px solid; BORDER-LEFT: #DBDBDB 1px solid;BORDER-RIGHT: #DBDBDB 1px solid;BORDER-TOP: #DBDBDB 1px solid; }; .form_highlight { background-color:#EDEDED; color:#454545; font-family: Helvetica, Arial, Tahoma, sans-serif; font-size:11px; text-decoration:none; border-color:#666666; } .form_listDisabled { color:#990000; font-family: Helvetica, Arial, Tahoma, sans-serif; font-size:11px; text-decoration:none; border-color:#666666; } .form_error { color:#7E1616; font-family: Helvetica, Arial, Tahoma, sans-serif; font-size:11px; text-decoration:none; border-color:#666666; font-weight:bold; } .form_headline { background-color:#7e1616; color:#FFFFFF; font-family: Helvetica, Arial, Tahoma, sans-serif; font-size:11px; text-decoration:none; font-weight:bold; height:20px; line-height: 15px } .form_subheadline { background-color: #cccccc; color: #454545; font-family: Helvetica, Arial, Tahoma, sans-serif; font-size: 11px; text-decoration: none; font-weight: bold; height: 20px; line-height: 15px; } /* Übersichten */ .form_head { background-color:#FFFFFF; color:#454545; font-family: Helvetica, Arial, Tahoma, sans-serif; font-size:11px; text-decoration:none; border-color:#666666;font-weight:bold; } .form_head2 { background-color:#FFFFFF; color:#454545; font-family: Helvetica, Arial, Tahoma, sans-serif; font-size:11px; text-decoration:none; border-color:#666666;font-weight:bold; } .form_list1 { background-color:#FFFFFF; color:#454545; font-family: Helvetica, Arial, Tahoma, sans-serif; font-size:11px; text-decoration:none; border-color:#666666; } .form_list2 { background-color:#EFEFEF; color:#454545; font-family: Helvetica, Arial, Tahoma, sans-serif; font-size:11px; text-decoration:none; border-color:#666666; } /* ///////////////////////////////////////////////////////////////////////////// FORMS ///////////////////////////////////////////////////////////////////////////// */ .form_input { background: #FFFFFF; BORDER-BOTTOM: #DBDBDB 1px solid; BORDER-LEFT: #DBDBDB 1px solid; BORDER-RIGHT: #DBDBDB 1px solid; BORDER-TOP: #DBDBDB 1px solid; color : #454545; } .form_input_small { background: #FFFFFF; BORDER-BOTTOM: #DBDBDB 1px solid; BORDER-LEFT: #DBDBDB 1px solid; BORDER-RIGHT: #DBDBDB 1px solid; BORDER-TOP: #DBDBDB 1px solid; color : #454545; font-size:9px; } input.normal, select.normal, input.login, iframe.normal { background: #FFFFFF; BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM: 2px solid #5AB0D3; BORDER-RIGHT-WIDTH: 0px; WIDTH: 200px; color : #454545; } textarea.normal { background: #FFFFFF; border: 2px solid #5AB0D3; WIDTH: 200px; color : #454545; } .send_button { border: 0px solid #FFFFFF; background-color: #FFFFFF; width: 60px; COLOR: #5AB0D3; } button.normal, input.button { background: #FFFFFF; BORDER-BOTTOM: #DBDBDB 1px solid; BORDER-LEFT: #DBDBDB 1px solid; BORDER-RIGHT: #DBDBDB 1px solid; BORDER-TOP: #DBDBDB 1px solid; color : #454545; width: 120px; } input.error, select.error, textarea.error { background: #FFFFFF; BORDER-BOTTOM: #7E1616 1px solid; BORDER-LEFT: #7E1616 1px solid; BORDER-RIGHT: #7E1616 1px solid; BORDER-TOP: #7E1616 1px solid; color : #454545; } /* ///////////////////////////////////////////////////////////////////////////// TABLE BORDERS ///////////////////////////////////////////////////////////////////////////// */ fieldset { padding: 10px; color: #7e1616; BORDER-BOTTOM: #DBDBDB 1px solid; BORDER-LEFT: #DBDBDB 1px solid; BORDER-RIGHT: #DBDBDB 1px solid; BORDER-TOP: #DBDBDB 1px solid; }