/** initialisierung *************************************************************************************************************************************/

body { margin: 0; padding: 0; background-color: #ECEBE9; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; }

/** header *************************************************************************************************************************************/

#head_container { width: auto; height: auto; padding: 0px; background: url("sitemap/images/background_logo.png") repeat-x; z-index: 3; }
#header { border: 0px solid; width: 980px; margin: 0px auto 0px auto; }
#logo a { display: block; background: url("sitemap/images/hinnendahl.com.png") 0px 20px no-repeat; height: 146px; width: 530px; margin: 0px auto 0px auto; padding-top: 20px; }
#logo a span { visibility: hidden; }

/** main navigation *************************************************************************************************************************************/

#main_navi { font-size: 12px; width: 980px; height: 70px; margin: 0px auto; padding: 0px; }

#main_navigation { position: relative; margin: 0px 0px 0px 70px; list-style-type: none; z-index: 100; letter-spacing: -0.3px; }
#main_navigation li { position: relative; float: left; height: 42px; }

#main_navigation li a,
#main_navigation li span { color: #FAFAFA; text-shadow: 0px 0px 2px #000000; display: block; float: left; padding: 12px 10px 10px 10px; font-weight: bold; text-decoration: none; outline: 0; }
#main_navigation li span { cursor: pointer;}

#main_navigation li a:hover { color: #FFFFFF; text-decoration: none; background: url("sitemap/images/navi_select.png") no-repeat center 3px; }
#main_navigation ul li a:hover { color: #FFFFFF; text-decoration: none; background: none !important; /** für IE8 */ }

/** aktiver eintrag */

#main_navigation li a.current_page_item_active { color: #333333; text-shadow: 0px 0px 4px #FFFFFF; background: url("sitemap/images/navi_select.png") no-repeat center 3px; }

/** grafik nicht auf untermenü übertragen */

#main_navigation ul li a:hover { background-image: none; }

/** untermenü als block anzeigen */

#main_navigation li ul { background-color: #444444; position: absolute; visibility: hidden; float: none; top: 36px; left: 0px; width: 180px; margin: 0; padding: 5px 10px 6px 10px; z-index: 999; border: 1px solid #555555; border-bottom-width: 1px; border-top: 2px solid #333333; -moz-opacity: 0.95; -ms-filter:"alpha(opacity=95)"; filter:alpha(opacity=95); opacity: 0.95;  box-shadow: 0px 5px 15px #555555; -webkit-box-shadow: 0px 5px 15px #555555; -moz-box-shadow: 0px 5px 15px #555555;  }
#main_navigation li:hover ul,
#main_navigation li.iehover ul { visibility: visible; }

#main_navigation ul li { display: block; float: left; clear: both; margin: 0; padding: 0; width: 100%; height: auto; line-height: 100%; overflow: hidden; white-space: normal; border-bottom: 1px solid #777777; background: none; }

/** child link und hover */

#main_navigation li ul li a { color: #CCCCCC; display: block; float: none; font-weight: normal; background-image: none; padding: 6px 0; white-space: normal; text-shadow: 0.5px 0.5px 0.5px #000000; }
#main_navigation li ul li a:hover { color: #FFFFFF; }

/** letztes child li */

#main_navigation li ul li.current_page_item_last,
#main_navigation li ul li.last_li { border-bottom: none; }

/** active child li */

#main_navigation li.current_page_item ul li a,
#main_navigation li.current_page_parent ul li a { text-decoration: none; }
#main_navigation li ul li.current_page_item a,
#main_navigation li ul li.current_page_item_last a { padding-left: 12px; color: #FFFFFF; font-weight: bold; background: url("sitemap/images/navi_sub_select.png") no-repeat left 7px;}

/** inhalt *************************************************************************************************************************************/

#main_content_fullpage { border: 0px solid; width: 980px; height: auto; margin: 10px auto 50px auto; font-size: 12px; }

#main_content_left { border: 0px solid #000; width: 240px; float: left; margin-right: 25px; }
#main_content_left .side_menu { padding: 5px 0px 10px 0px; margin: 0px 0px 20px 0px; width: 230px; color: #333; line-height: 150%; background-color: #F7F6F3; border: 1px solid #D5D5D5; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; box-shadow: 0px 0px 15px #CCCCCC; -webkit-box-shadow: 0px 0px 15px #CCCCCC; -moz-box-shadow: 0px 0px 15px #CCCCCC; }


#main_content_right { border: 0px solid #000; width: 710px; float: left; }

/** artikel design für cms */

.artikel { font-size: 12px; width: 925px; padding: 8px 25px; margin-bottom: 30px; color: #333333; line-height: 150%; background-color: #F7F6F3; border: 1px solid #D5D5D5; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; box-shadow: 0px 0px 15px #DDDDDD; -webkit-box-shadow: 0px 0px 15px #DDDDDD; -moz-box-shadow: 0px 0px 15px #CCCCCC; }

/** listen square */
.artikel ul { list-style-type: square; color: #FF6600; }
.artikel li span { color: #544F43; }

/** footer *************************************************************************************************************************************/

#footer_container { width: auto; padding-top: 0px; background: url("sitemap/images/footer_bg.png") repeat-x; height: auto; z-index: 2;  clear:both; }
#footer_inner { background: url("sitemap/images/footer_bg_light.png") no-repeat; width: 980px; height: auto; margin: 0 auto; }
#footer { margin: 0px auto 0px auto; padding-top: 20px; width: 980px; text-shadow: 1px 1px 1px #333333; }


#footer a,
#footer_text a { color: #FF6600; text-decoration: none; outline: 0; }
#footer a:hover,
#footer_text a:hover { color: #544F43; text-decoration: none; }

#footer_text { color: #999999; margin-top: 26px; text-align: center; font-size: 10px; font-weight: bold; }
#footer_dark_trans { clear:both; border-top: 1px dashed #666666; margin:0; padding:0; width: 100%; min-width: 980px; height:70px; background: url("sitemap/images/footer_dark_trans.png") repeat; }

#footer .footer_block { width: 280px; height: auto; float: left; margin: 20px 68px 30px 0px; padding: 0px; }

#footer .last { float:left; margin: 20px 0px 30px 0px; }

#footer .footer_block hr { border: none; border-bottom: 1px solid #666666; border-top: 1px solid #333333; padding: 0px; margin: 6px 0px 1px 0px; }

#footer .footer_block h1 { font-size: 18px; color: #CCCCCC; margin: 0; padding: 0; letter-spacing: 0px; text-shadow: 1px 1px 1px #333333; }
#footer .footer_block h2 { font-size: 14px; color: #888888; margin: 0; padding: 0; letter-spacing: 0px; border: none; }

#footer .footer_block ul { margin: 0; padding: 0px; font-size: 12px; }
#footer .footer_block li { border-bottom: 1px dashed #333333; list-style-type: none; padding: 5px 0px;}
#footer .footer_block li a { color: #CCCCCC; text-decoration: none; outline: 0; display: block; padding: 5px 4px; }

#footer .footer_block li a:hover,
#footer .footer_block .current_page_item a { color: #FF6600; }

#footer .rss_feed_abo { font-size: 12px; color: #CCC; }
#footer .rss_feed_abo a { color: #CCC; }
#footer .rss_feed_abo a:hover { color: #FF6600; }

/** stile & klassen *************************************************************************************************************************************/

.side hr { border: none; border-top: 1px solid #777; border-bottom: 1px solid #FFF; }

.Stil1 { color: #FF6600; }
.Stil2 { color: #ECEBE9; }
.Stil3 { color: #544F43; }
h1 { font-size: 18px; color: #544F43; text-align: left; letter-spacing: -0.6px; }
h2 { font-size: 14px; color: #544F43; text-align: left; letter-spacing: -0.3pt; }
h3 { font-size: 14px; color: #544F43; text-align: left; letter-spacing: -0.5pt; }
h4 { font-size: 8pt; color: #544F43; }

.h2_padding { padding-top: 20px; }

a { color: #544F43; text-decoration: none; outline: 0; }
a:hover { color: #FF6600; text-decoration: none; outline: 0; }

.absatz { margin-bottom: 30px; }

/** diverses *************************************************************************************************************************************/

.dot { color: #FF6600; border-bottom-width: 1px; border-bottom-style: dotted; }
.w3c_xhtml { background: url("sitemap/images/w3c_xhtml.png") no-repeat 0px 0px; display: inline; width: 90px; height: 16px; }

.underline { border-bottom: 1px dashed #FF6600; }
.linie { border-top: 1px dotted #544F43; margin-top: 10px; }

.hr_line { border: none; border-top: 1px solid #999999; border-bottom: 1px solid #FFFFFF; }
.hr_line_light { margin-top: 15px; border: none; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #FFFFFF; }

.php_icon { background: url("sitemap/images/php.png") no-repeat 0px 0px; padding: 12px 20px 12px 15px; }
.w3c_link { background: url("sitemap/images/w3c.png") no-repeat 0px 0px; padding: 3px 15px 7px 19px; }

.clear { clear: both; margin: 0; padding: 0; }
.teaser_image { float: left; margin-right: 10px; }

.img { background-color: #FFFFFF; border: 1px solid #CCCCCC; padding: 5px; }
.no_border { border:none; }
.center_vertical { vertical-align: middle; border: none;}

acronym { border-bottom: 1px dotted #FF6600; cursor: help; }

/** *************************************************************************************************************************************/

/** seiten-navi headline */
.side_menu h2 { text-align: center; letter-spacing: -1px; font-style: normal; font-weight: bold; font-size: 18px; border: none; color:#544F43; text-shadow: 0.5px 0.5px 0px #FFFFFF; padding: 10px 10px 0px 10px; margin: 0px; }

/** seiten-navi liste */
.side_navi_ul ul { margin: 0; padding: 0px; font-size: 12px; }
.side_navi_ul li { border-bottom: 1px dashed #AAA; list-style-type: none; padding: 4px 0px;}

/** hover und active */
.side_navi_ul li a { color: #544F43; text-shadow: 0.5px 0.5px 0px #FFFFFF;  text-decoration: none; outline: 0; display: block; padding: 0px 0px 0px 15px; }
.side_navi_ul li a:hover,
.side_navi_ul .current_page_item a { color: #FF6600; }

/** letzes li element */
.side_navi_ul li.current_page_item_last_li a { color: #FF6600; }
.side_navi_ul li.current_page_item_last_li,
.side_navi_ul li.last_li { border-bottom: none; }

.php-resource { width: 100%; padding-top: 20px; text-align: center; border:0px solid;}

.kontakt_panel { width: 190px; margin: 0px auto 0px auto; }


/** votings */
.vote_select { color: #555555; text-shadow: 0px 1px 0px #FFFFFF; width: 150px; padding: 4px; background: url('sitemap/kontakt/kontaktformular/data/images/input_gradient.jpg') repeat-x #EEEEEE; -moz-border-radius: 3px; -webkit-border-radius: 5px; border-radius: 5px; border:1px solid #EEE; border-bottom:1px solid #FFF;  box-shadow: inset 2px 2px 4px #BBBBBB; -webkit-box-shadow: inset 2px 2px 4px #BBBBBB; -moz-box-shadow: inset 0px 1px 1px #BBBBBB; }
.vote_select:hover { background: #E5E5E5; text-shadow: none;}
.vote_select:focus { background: #FFFFFF; }

.vote_output { float: left; width: 300px; }
/*#beschreibung { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14pt; }
*/
#wert_rahmen { margin-top: 5px; border: 1px solid #555555; background: #CCC; width: 100px; float: left; }
#wert_innen { height: 18px; background: #D69033; background-image: url("./sitemap/images/vote_bg.png"); background-repeat: repeat-x; border-right: 1px solid #666; }
#wert_zahl { width: 100px; padding-top: 4px; text-align: center; position: absolute; color: #FFFFFF; font-size: 12px; font-weight: bold; margin-top: -5px; text-shadow: 1px 1px 1px #000; }
#ergebnis { float: left; margin: 6px 0 10px 20px; }