/* ---------------     Reset     --------------- */
* {
    padding : 0;
    margin  : 0;
}
html, body {
    border  : 0 solid;
}
/* Bilder entrahmen */
img {  
	border : 0;
}
li {	
    list-style-type: none;
}

/* ---------------     Gesamte Site    --------------- */
#onlinehaendler_wrapper {
	clear         : both;
    width         : 990px;
    background    : #ffffff;
    padding       : 5px 0 10px 10px;
}

#onlinehaendler_logo {
	float         : left;
    width         : 90px;
    background    : #ffffff;
    padding-left  : 10px;
}

#onlinehaendler_logotext {
	float         : left;
	width         : 360px;
    text-align    : left;
    background    : #ffffff;
    padding-top   : 10px;
}
#onlinehaendler_logobanner {
	float         : left;
	width         : 490px;
    text-align    : right;
    background    : #ffffff;
    padding-top   : 0px;
    padding-right : 0px;
}

#onlinehaendler_main_container {
	clear         : both;
	float         : left;
	width         : 950px;
    text-align    : left;
    background    : #ffffff;
    padding       : 10px 0 10px 10px;
}

#onlinehaendler_leftcol {
	clear         : both;
	float         : left;
	width         : 178px;
    text-align    : left;
    background    : #efefef;
    margin-right  : 10px;
}

#onlinehaendler_leftcol_container {
	float         : left;
	width         : 173px;
    text-align    : left;
    background    : #efefef;
    padding-left  : 5px;
    padding-top   : 7px;
    padding-bottom: 5px;
    border-top    : 1px solid #cccccc;
    border-left   : 1px solid #cccccc;
    border-right  : 1px solid #cccccc;
}

#onlinehaendler_leftcol_container_content {
	float         : left;
	width         : 178px;
    text-align    : left;
    background    : #ffffff;
    padding-top   : 5px;
    border        : 1px solid #cccccc;
}

#onlinehaendler_main {
	float         : left;
	width         : 560px;
    text-align    : left;
    background    : #ffffff;
}

#onlinehaendler_breadcrump {
	clear         : both;
	float         : left;
	width         : 550px;
    text-align    : left;
    background    : #ffffff;
    padding-top   : 5px;
    padding-bottom: 5px;
    padding-left  : 10px;
    margin-bottom : 5px;
    border-bottom : 1px #cccccc dotted;
}

#onlinehaendler_index {
	clear             : both;
	float             : left;
	width             : 560px;
	height            : 333px;
    text-align        : left;
    background-image  : url("/images/shopverzeichnis.jpg");
    background-repeat : no-repeat;  
    margin-bottom     : 8px;
}

#onlinehaendler_banner {
	clear         : both;
	float         : left;
	width         : 560px;
    text-align    : center;
    background    : #ffffff;
    border-bottom : 1px #cccccc dotted;
    margin-bottom : 10px;
}

#banner_img {
    float       : left;
    width       : 160px;
    text-align  : center;
    background  : #ffffff;
}
#banner_text {
    float       : left;
    width       : 400px;
    text-align  : left;
    background  : #ffffff;
}

#onlinehaendler_rightcol {
	float         : left;
	width         : 180px;
    text-align    : center;
    background    : #ffffff;
    margin-left   : 10px;
}

#onlinehaendler_rightcol_container {
	float         : left;
	width         : 173px;
    text-align    : left;
    background    : #efefef;
    padding-left  : 5px;
    padding-top   : 7px;
    padding-bottom: 5px;
    border-top    : 1px solid #cccccc;
    border-left   : 1px solid #cccccc;
    border-right  : 1px solid #cccccc;
}

#onlinehaendler_rightcol_container_content {
	float         : left;
	width         : 178px;
    text-align    : left;
    background    : #ffffff;
    padding-top   : 5px;
    border        : 1px solid #cccccc;
}

#onlinehaendler_bookmarks {
    clear          : both;
    float          : left;
    text-align     : left;
	width          : 560px;
	background     : #ffffff;
}

#onlinehaendler_footer {
    clear          : both;
    float          : left;
    text-align     : center;
	width          : 960px;
	background     : #ffffff;
	padding-top    : 10px;   
	padding-bottom : 50px;   
    border-top     : 1px #cccccc dotted;
}

#onlinehaendler_lasttext {
	clear         : both;
	float         : left;
	width         : 960px;
	background    : #ffffff;
	margin-left   : 5px;
}

/* ---------------     ABC-Index-Feld     --------------- */

#onlinehaendler_shopverzeichnis_abc_index_feld {
	clear         : both;
	float         : left;
	width         : 540px;
	padding       : 10px;    
	text-align    : center;
    background    : #E7CF7B;
    border        : 1px #E7CF7B solid;
    margin-top    : 5px;
    margin-bottom : 15px;
}

a.onlinehaendler_shopverzeichnis_abc_index {
	color           : #000000;
    text-decoration : underline;
    font-weight	    : bold; 
	font-size  		: 1.2em;
}
a.onlinehaendler_shopverzeichnis_abc_index:hover {
	color           : #000000;
    text-decoration : none;
    font-weight		: bold; 
	font-size 	    : 1.2em;
}

/* ---------------     Such-Feld     --------------- */

#onlinehaendler_shopverzeichnis_suchfeld {
	clear         : both;
	float         : left;
	width         : 540px;
	padding       : 10px;    
	text-align    : center;
    background    : #E7CF7B;
    border        : 1px #E7CF7B solid;
    margin-top    : 5px;
    margin-bottom : 15px;
}

/* ---------------     Werbezonen     --------------- */
#onlinehaendler_shopverzeichnis_werbezone300x250 {
	clear         : both;
	float         : left;
	width         : 304px;
	margin-left   : -4px;
}

/* ---------------     Shopverzeichniseinträge     --------------- */

.onlinehaendler_shopverzeichnis_eintrag {
	clear         : both;
	float         : left;
	width         : 550px;
	padding       : 5px;    
	text-align    : left;
    background    : #ffffff;
    border        : 1px #cccccc solid;
    margin-top    : 10px;
}

.onlinehaendler_shopverzeichnis_thumb {
	clear         : both;
	float         : left;
	width         : 90px;
    background    : #ffffff;
    padding       : 3px;
    border        : 1px #cccccc solid;
    margin-right  : 10px;
}

.onlinehaendler_shopverzeichnis_text {
	float         : left;
	width         : 336px;
    background    : #ffffff;
    margin-right  : 10px;
}

.onlinehaendler_shopverzeichnis_bewertung {
	float         : left;
	width         : 90px;
    background    : #ffffff;
    text-align    : right;
    padding-top   : 30px;
}

.onlinehaendler_shopverzeichnis_thumb_gross {
	clear         : both;
	float         : left;
	width         : 202px;
    background    : #ffffff;
    padding       : 3px;
    border        : 1px #cccccc solid;
    margin-right  : 10px;
}

.onlinehaendler_shopverzeichnis_text_gross {
	float         : left;
	width         : 323px;
    background    : #ffffff;
}

a.onlinehaendler_shopverzeichnis_eintrag_headline {
	color           : #000000;
    text-decoration : underline;
    font-weight	    : bold; 
	font-size  		: 1.2em;
}
a.onlinehaendler_shopverzeichnis_eintrag_headline:hover {
	color           : #000000;
    text-decoration : none;
    font-weight		: bold; 
	font-size 	    : 1.2em;
}

/* ---------------     Tags und Fonts     --------------- */
body {
    font       : 75% Arial, Helvetica, sans-serif;
    text-align : left;
	color      : #000000;
    background : #ffffff;
}

#onlinehaendler_logotext h1 {
    color         : #000000;
    font-size     : 1.8em; 
    letter-spacing: 0.1em; 
	font-weight   : bold;
	display       : inline;
}
#onlinehaendler_logotext h2 {
    color         : #000000;
    font-size     : 1em;  
	font-weight   : normal;
	display       : inline;
}
#onlinehaendler_logotext h6 {
    color         : #000000;
    font-size     : 0.9em; 
    letter-spacing: 0.2em; 
	font-weight   : normal;
	display       : inline;
}

#onlinehaendler_main h1 {
    color         : #000000;
    font-size     : 1.3em; 
    letter-spacing: 0.1em; 
	font-weight   : bold;
}

.onlinehaendler_menueheadline {
    color         : #000000;
    font-size     : 1.1em; 
    letter-spacing: 0em; 
	font-weight   : bold;
	padding-top   : 1px;
	padding-bottom: 1px;
}

/* ---------------     Links     --------------- */
a {
	color           : #000000;
    text-decoration : underline;
}
a:hover {
	color           : #000000;
    text-decoration : none;
}

a.links_wout {
	color           : #000000;
    text-decoration : none;
}
a.links_wout:hover {
	color           : #000000;
    text-decoration : none;
}

.smallink a {
	color           : #000000;
    text-decoration : underline;
}
#smallink a:hover {
	color           : #000000;
    text-decoration : none;
}

#onlinehaendler_logobanner a {
	color           : #000000;
    text-decoration : underline;
}
#onlinehaendler_logobanner a:hover {
	color           : #000000;
    text-decoration : none;
}

/* ---------------     Sonstiges     --------------- */
p {
    font-size: 1.0em;
}
.bold {
	font-weight: bold; 
}
.bold_blue {
	font-weight: bold; 
	color      : #185DA5;
}
.bold_grey {
	font-weight: bold; 
	color      : #000000;
}
.big {
	font-size  : 1.2em;
}
.bigbold {
	font-weight: bold; 
	font-size  : 1.2em;
}
.small {
	font-size  : 0.8em;
}
.small_grey {
	font-size     : 0.8em;
    color         : #dddddd;
}
.font_error {
	font-weight: bold;
	font-size  : 1em;
    color      : #FF0000;
}
/* Deaktivierte Input-Felder */
.deact_input {
    background : #efefef;
}

.marker_rot {
    background-color: #FF0000;
    color           : #000000;
}

.marker_gruen {
    background-color: #00FF00;
    color           : #000000;
}

.marker_gelb {
    background-color: #FFFF00;
    color           : #000000;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++ Site-Navigation ++++++++++++++++++++++++++++*/

/* ---------------     Topnav    --------------- */

#onlinehaendler_topnav {
    clear         : both;
    padding       : 0 0 0 0;
    background    : #ffffff;
}

/* ---------------     Topnav Navigations-Menü     --------------- */

#onlinehaendler_topnav_menu {
    float 	      : right;
    margin-right  : 0px;
}

#onlinehaendler_topnav_menu ul {
    list-style: none;
}

#onlinehaendler_topnav_menu li {
    float          : left;
    width          : 125px;
    text-align     : center;
    margin-right   : 2px;
    list-style-type: none;
}

#onlinehaendler_topnav_menu a {
    display         : block;
    padding-top     : 1px;
    padding-bottom  : 1px;
    padding-left    : 5px;
    padding-right   : 5px;
    font-size       : 0.9em;
    letter-spacing  : 0.05em;
    color           : #666666;
    font-weight     : normal;
    text-decoration : none;
    background      : #efefef;
    border          : 1px solid #cccccc;
}

#onlinehaendler_topnav_menu a:hover {
    font-size       : 0.9em;
    letter-spacing  : 0.05em;
    color           : #000000;
    font-weight     : normal;
    text-decoration : none;
    background      : #cccccc;
    border          : 1px solid #cccccc;
}

#onlinehaendler_topnav_menu li.current a {
    font-size       : 0.9em;
    letter-spacing  : 0.05em;
    color           : #000000;
    font-weight     : normal;
    text-decoration : none;
    background      : #cccccc;
    border          : 1px solid #cccccc;
}

#onlinehaendler_topnav_menu li.current a:hover {
    font-size       : 0.9em;
    letter-spacing  : 0.05em;
    color           : #000000;
    font-weight     : normal;
    text-decoration : none;
    background      : #cccccc;
    border          : 1px solid #cccccc;
}

#onlinehaendler_topnav_menu li.highlight a {
    font-size       : 0.9em;
    letter-spacing  : 0.05em;
    color           : #ff0000;
    font-weight     : bold;
    text-decoration : none;
    background      : #efefef;
    border          : 1px solid #cccccc;
}

#onlinehaendler_topnav_menu li.highlight a:hover {
    font-size       : 0.9em;
    letter-spacing  : 0.05em;
    color           : #ff0000;
    font-weight     : bold;
    text-decoration : none;
    background      : #cccccc;
    border          : 1px solid #cccccc;
}

/* ---------------     Navbar     --------------- */

#onlinehaendler_navbar {
    clear       : both;
    width       : 960px;
    padding     : 5px 0 5px 0;
    background  : #ffffff;
}

/* ---------------     Navigations-Menü     --------------- */

#onlinehaendler_navbar_menu {
    float : left;
}

#onlinehaendler_navbar_menu ul {
    list-style: none;
}

#onlinehaendler_navbar_menu li {
    float          : left;
    width          : 160px;
    text-align     : center;
    margin-right   : 2px;
    list-style-type: none;
}

#onlinehaendler_navbar_menu a {
    display         : block;
    padding-top     : 9px;
    padding-bottom  : 5px;
    padding-left    : 7px;
    padding-right   : 7px;
    font-size       : 1.1em;
    letter-spacing  : 0.05em;
    color           : #000000;
    font-weight     : bold;
    text-decoration : none;
    background      : #efefef;
}

#onlinehaendler_navbar_menu a:hover {
    font-size       : 1.1em;
    letter-spacing  : 0.05em;
    color           : #000000;
    font-weight     : bold;
    text-decoration : none;
    background      : #cccccc;
}

#onlinehaendler_navbar_menu li.current a {
    font-size       : 1.1em;
    letter-spacing  : 0.05em;
    color           : #000000;
    font-weight     : bold;
    text-decoration : none;
    background      : #cccccc;
}
#onlinehaendler_navbar_menu li.current a:hover {
    font-size       : 1.1em;
    letter-spacing  : 0.05em;
    color           : #000000;
    font-weight     : bold;
    text-decoration : none;
    background      : #cccccc;
}

#onlinehaendler_navbar_abschluss {
	clear           : both;
	float           : left;
	width           : 960px;
    padding-top     : 2px;
    border-top      : 1px solid #cccccc; 
}

#onlinehaendler_navbar_werbung {
	clear            : both;
	float            : left;
	width            : 960px;
    padding-top      : 2px;
    padding-bottom   : 2px;
    text-align       : center;
}

#onlinehaendler_navbar_werbung2 {
	float            : left;
	width            : 960px; 
    text-align       : center;
    background       : #ffffff;
}

#onlinehaendler_navbar_infoline {
	clear            : both;
	float            : left;
	width            : 960px;
    border-top       : 1px solid #0ec6ff; 
    border-bottom    : 1px solid #0ec6ff; 
    padding-top      : 3px;
    padding-bottom   : 3px;
    background       : #0ec6ff;
    color            : #ffffff;
}
#onlinehaendler_navbar_infoline1 {
	float            : left;
	width            : 190px;
	padding-left     : 10px;
}
#onlinehaendler_navbar_infoline2 {
	float            : left;
	width            : 360px; 
}
#onlinehaendler_navbar_infoline3 {
	float            : left;
	width            : 390px; 
	text-align       : right;
	padding-right    : 10px;
	/* Fix für den Internet Explorer, um doppelte Buchstaben am Ende zu vermeiden  */
   	margin-right  : -3px;
}

#onlinehaendler_navbar_infoline a {
	color           : #ffffff;
    text-decoration : underline;
    font-weight     : bold;
    letter-spacing  : 0.1em;
}
#onlinehaendler_navbar_infoline a:hover {
	color           : #ffffff;
    text-decoration : none;
    font-weight     : bold;
    letter-spacing  : 0.1em;
}

/* ---------------     Navigations-Menü rechts    --------------- */

#onlinehaendler_mainnav {
    float 		  : left;
    width         : 168px;
    padding       : 0 5px 5px 5px;
    background    : #ffffff;
}

#onlinehaendler_mainnav li {
    float          : left;
    list-style-type: none;
    width          : 164px;
    margin         : 2px;
}

#onlinehaendler_mainnav a {
    display         : block;
    padding         : 2px;
    background-color: #ffffff;
    color           : #000000;
    text-decoration : none;
    border-bottom   : 1px solid #cccccc;
}

#onlinehaendler_mainnav a:hover {
    padding         : 2px;
    background-color: #cccccc; 
    color           : #000000;
    text-decoration : none;
    border-bottom   : 1px solid #cccccc;
}

#onlinehaendler_mainnav li.current a {
	padding         : 2px;
    background-color: #cccccc; 
    color           : #000000;
    text-decoration : none;
    border-bottom   : 1px solid #cccccc;
}

#onlinehaendler_mainnav li.current a:hover {
	padding         : 2px;
    background-color: #cccccc; 
    color           : #000000;
    text-decoration : none;
    border-bottom   : 1px solid #cccccc;
}

/* ---------------     Navigations-Menü links    --------------- */

#onlinehaendler_mainnav_left {
    float 		  : left;
    width         : 168px;
    padding       : 0 5px 5px 5px;
    background    : #ffffff;
}

#onlinehaendler_mainnav_left li {
    float          : left;
    list-style-type: none;
    width          : 164px;
    margin         : 2px;
}

#onlinehaendler_mainnav_left a {
    display         : block;
    padding         : 2px;
    background-color: #ffffff;
    color           : #000000;
    text-decoration : none;
    border-bottom   : 1px solid #cccccc;
}

#onlinehaendler_mainnav_left a:hover {
    padding         : 2px;
    background-color: #cccccc; 
    color           : #000000;
    text-decoration : none;
    border-bottom   : 1px solid #cccccc;
}

#onlinehaendler_mainnav_left li.current a {
	padding         : 2px;
    background-color: #cccccc; 
    color           : #000000;
    text-decoration : none;
    border-bottom   : 1px solid #cccccc;
}

#onlinehaendler_mainnav_left li.current a:hover {
	padding         : 2px;
    background-color: #cccccc; 
    color           : #000000;
    text-decoration : none;
    border-bottom   : 1px solid #cccccc;
}