/* ---------------     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 {
	clear         : both;
	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_breadcrump_without_banner {
	clear         : both;
	float         : left;
	width         : 550px;
    text-align    : left;
    background    : #ffffff;
    padding-top   : 5px;
    padding-bottom: 5px;
    padding-left  : 10px;
    border-bottom : 1px #cccccc dotted;
    margin-bottom : 10px;
}

.onlinehaendler_news {
	float         : left;
	width         : 550px;
    text-align    : left;
    background    : #ffffff;
    margin-bottom : 20px;
}
.onlinehaendler_news_bild_grey {
	float         : left;
	width         : 198px;
    text-align    : center;
    background    : #ffffff;
    margin-right  : 5px;
    padding       : 10px;
    border        : 1px #cccccc solid;
}
.onlinehaendler_news_bild {
	float         : left;
	width         : 220px;
    text-align    : center;
    background    : #ffffff;
    margin-right  : 5px;
}
.onlinehaendler_news_text {
	float         : left;
	width         : 323px;
    text-align    : left;
    background    : #ffffff;
    
    /* Fix für den Internet Explorer, um doppelte Buchstaben am Ende zu vermeiden  */
   	margin-right  : -3px;
}

#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;
}

/* ---------------     Userbewertungsprofil     --------------- */
#onlinehaendler_userbewertungsprofil {
	clear         : both;
	float         : left;
	width         : 560px;
    text-align    : left;
    background    : #ffffff;
}

#onlinehaendler_userbewertungsprofil_leftcol {
	float         : left;
	width         : 188px;
    height        : 105px;
    text-align    : center;
    background    : #efefef;
    padding       : 10px 5px 0 5px;    
    border        : 1px #cccccc solid;
    margin-top    : 5px;
    margin-bottom : 10px;
}
#onlinehaendler_userbewertungsprofil_centercol {
	float         : left;
	width         : 249px;
    height        : 105px;
    text-align    : left;
    background    : #efefef;
    padding       : 5px;    
    border-top    : 1px #cccccc solid;
    border-bottom : 1px #cccccc solid;
    border-right   : 1px #cccccc solid;
    margin-top    : 5px;
    margin-bottom : 10px;
}
#onlinehaendler_userbewertungsprofil_container1 {
	float         : left;
	width         : 140px;
	background    : #ffffff;
	padding-left  : 5px;
}
#onlinehaendler_userbewertungsprofil_container2 {
	float         : left;
	width         : 104px;
	background    : #ffffff;
}
#onlinehaendler_userbewertungsprofil_main {
	clear         : both;
	float         : left;
	width         : 560px;
	text-align    : left;
    background    : #ffffff;
}

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

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

.onlinehaendler_userbewertung_kommentar {
	clear         : both;
	float         : left;
	width         : 428px;
	padding-left  : 20px;    
	text-align    : left;
    background    : #ffffff;
    margin-top    : 5px;
    margin-bottom : 5px;
}

.onlinehaendler_useroptions {
	clear         : both;
	float         : left;
	width         : 454px;
	text-align    : left;
    background    : #efefef;
    border-left   : 1px #cccccc solid;
    border-right  : 1px #cccccc solid;
    border-bottom : 1px #cccccc solid;
    padding       : 2px;
    margin-bottom : 5px;
}

/* ---------------     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;
}

/* ---------------     Überschriften Zitate Bannerbereich    --------------- */
#banner_text h4 {
    margin     : 0.2em 0 0 0;
    font-size  : 3.0em;
    font-family: Arial, Helvetica, sans-serif;
    font-style : italic;
    color      : #185DA5;
}
#banner_text h5 {
    margin     : 0 0 0 3em;
    font-size  : 1.1em;
    font-family: Arial, Helvetica, sans-serif;
    font-style : italic;
    color      : #185DA5;
}
#banner_text h6 {
    margin     : 0 0 0 1em;
    font-size  : 1.8em;
    font-family: Arial, Helvetica, sans-serif;
    font-style : italic;
    color      : #185DA5;
}

/* ---------------     Überschriften Zitate index.php    --------------- */
#onlinehaendler_index h4 {
    margin     : 0.5em 0.5em 0 0;
    font-size  : 3.0em;
    font-family: Arial, Helvetica, sans-serif;
    font-style : italic;
    color      : #185DA5;
}
#onlinehaendler_index h5 {
    margin     : 0 5.2em 0 0;
    font-size  : 1.1em;
    font-family: Arial, Helvetica, sans-serif;
    font-style : italic;
    color      : #185DA5;
}
#onlinehaendler_index h6 {
    margin     : 0.2em 1.6em 0 0;
    font-size  : 1.8em;
    font-family: Arial, Helvetica, sans-serif;
    font-style : italic;
    color      : #185DA5;
}

#onlinehaendler_index p {
	padding-right : 25px;
}
/* ---------------     Links     --------------- */
a {
	color           : #000000;
    text-decoration : underline;
}
a:hover {
	color           : #000000;
    text-decoration : none;
}

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

/* ---------------     Userhome Hinweis     --------------- */
.onlinehaendler_userhome_hinweis {
	clear         : both;
	float         : left;
	width         : 538px;
	text-align    : left;
    background    : #FEBFBF;
    border        : 1px #ff0000 solid;
    padding       : 10px;
    margin-bottom : 10px;
}

.onlinehaendler_userhome_hinweis_light {
	clear         : both;
	float         : left;
	width         : 538px;
	text-align    : left;
    background    : #CCFF99;
    border        : 1px #33FF00 solid;
    padding       : 10px;
    margin-bottom : 10px;
}

/* ---------------     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-size  : 1.2em;
	font-weight: bold; 
}
.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;
}

/* ---------------     Navbar 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;
}

/* ---------------     User-Nav Mitgliederbereich links    --------------- */

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

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

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

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

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

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