/*
CSS shopping-schallerbach.at
*/

/* Mal alles auf 0 setzen */
*{margin:0;padding:0;}

body {
	margin-top: 5px;
	background: #d8d2c4 url(images/img01.gif) repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
}

h1, h2, h3 {
	margin: 0;
	letter-spacing: -.05em;
	font-family: "Trebuchet MS", Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
}

h1 {
	font-size: 1.6em;
}

h2 {
	font-size: 1.4em;
}

h3 {
	font-size: 1em;
}

p, ul, ol {
	margin-top: 0;
	line-height: 160%;
}

ul, ol {
    list-style-type: square;
    margin-left: 35px;
}

a {
/*	background: url(../images/img05.gif) repeat-x left bottom; */
	text-decoration: none;
	color: #FF7F00;
}

a:hover {
/*	background: none; */
	color: #8dad2e;
	text-decoration: underline;
}

/* Header */

#header {
	width: 885px;
	height:119px;
	margin: 0 auto;
	background: url('../images/back_rund_oben_neu.gif') no-repeat left top;
}

#impressum {
float: right; 
margin-top: 45px; 
margin-right:30px; 
font-family:Arial, Helvetica, Sans-Serif; 
font-size:10px; 
color: #304284;
}

/* für den IE6 */
* html #impressum { margin-right:15px; }

/* Logo */

#logo {
	float: left;
	height: 150px;
	padding-left:25px;
	padding-top:30px;
}

#titbildzeile {
	width: 876px;
	margin: 0 auto;
	margin-left: 9px;
}

#titbild {
	position:relative;
	float: left;
	width: 332px;
	height: 286px;
	background: #FFFFFF url('../images/back_titblau.gif') repeat-x left top;
/*	margin-left: 5px; */
}
#titeltext {
	float: left;
	width: 280px;
	margin-left: 25px;
	margin-top: 80px;
	font-family: "Arial", Georgia, "Times New Roman", Times, serif;
	color:#ffffff;
	font-size: 2.8em;
}

* html #titeltext { margin-left: 12px; }


#titelsubtext {
	float: left;
	width: 280px;
	margin-left: 25px;
	margin-top: 25px;
	color:#ffffff;
	font-size: 1.8em;
}
* html #titelsubtext { margin-left: 12px; }

#titelsub2text {
	float: left;
	width: 280px;
	margin-left: 25px;
	margin-top: 5px;
	color:#000000;
	font-family: "Arial", Georgia, "Times New Roman", Times, serif;
	font-size: 1.1em;
	font-weight:bold;
}
* html #titelsub2text { margin-left: 12px; }


#bildback {
	background: #FFFFFF url('../images/back_mitte.gif') repeat-y left top;

}

#logo h1 {
	float: left;
	padding-top: 80px;
	padding-left: 25px;
	text-transform: lowercase;
	font-size: 2.9em;
}

#logo p {
	float: left;
	margin: 0;
	padding: 98px 0 0 2px;
	text-transform: lowercase;
	letter-spacing: -.05em;
	font-size: 16px;
	color: #FFFFFF;
} 

#logo a {
	background: none;
	text-decoration: none;
	color: #FFFFFF;
}


/* Menu */ 

#menuzeile {
	width: 876px;
	margin: 0 auto;
	margin-left: 9px;
}

#menu {
	float: left;
	font: bold 1.2em Arial, Helvetica, sans-serif;
	width: 860px;
	height: 41px;
	margin: 0 auto;
/*	margin-left: 9px; */
	margin-top: 2px;
	background: #2E2E2E url(../images/menubutton.gif)
}

#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu li {
	display: inline;
}

#menu a {
	display: block;
	float: left;
	height: 32px;
	padding: 6px 15px 0 15px;
	text-decoration: none;
	color: #CCCCCC;
}

#menu a:hover, #menu .active a {
	background: url(../images/menubutton_hover.gif);
	color: #FFFFFF;
}

/* Page */

#page {
	width: 885px;
	margin: 0 auto;  /* Seite zentrieren */
	background: #FFFFFF url('../images/back_mitte.gif') repeat-y left top;
	padding-top: 0px;
	font-family: "Trebuchet MS", Georgia, "Times New Roman", Times, serif;
}

/* Content */ 

#linkeseite {display:inline /*Fix IE floating margin bug*/; float:left; width:350px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
#hauptinhalt {display:inline; /*Fix IE floating margin bug*/; float:left; width:480px; margin:0 0 0 10px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}

/* Content auf Startseite  */ 

/* Top-Content auf Startseite 3 Imagelinks mit Unterschriftung */ 
#topcontent {
/* 	float: left; display:inline; /*Fix IE floating margin bug*/
    
	width: 480px;
	margin-right: 0px;
	margin-top: 30px;
}

#topcontent img{
	padding:10px;
	border: #c4c4c4 1px solid;
	border-bottom: 2px solid gray;
}

.teil1 {
	float: left;
	width: 145px;

}

.teil2 {
	float: left;
	width: 145px;
	margin-left: 20px;

}

.teil3 {
	float: left;
	width: 145px;
	margin-left: 20px;

}

#content {
/* 	float: left; display:inline; /*Fix IE floating margin bug*/
    
	width: 480px;
	margin-right: 0px;
	margin-top:30px;
}

#content img{
	padding:5px;
	border: #c4c4c4 1px solid;
	border-bottom: 2px solid gray;
}

#content h2{
	margin-left:-5px;
}

/* Content 2 auf Startseite 2spaltiger Bereich unten  */ 
#content2 {
/* 	float: left; */
	display:inline; /*Fix IE floating margin bug*/;
	width: 300px;
	margin-right: 0px;
	margin-top:50px;
}

#content2 img{
	padding:5px;
	border: #c4c4c4 1px solid;
	border-bottom: 2px solid gray;
	margin-bottom: 7px;  /* Abstand zum Text */
}

.post-inhalt {
	margin-top: 10px;
	margin-left: 10px;
}

.post-links {
	float: left;
	width: 215px;
	margin-left: 0px;
	padding-right: 18px;
  border-right: 1px solid #dbdbdb;
}

.post-rechts {
	float: right;
	width: 215px;
  margin-right: 10px;
}

.post .title {
	padding: 5px 0 0 35px;
/*	border-bottom: 1px solid #354658;*/
	background: url('../images/titelmarker.gif') no-repeat left bottom;
	color: #000000;
}
.post-links .title {
	padding: 5px 0 0 35px;
	background: url('../images/titelmarker.gif') no-repeat left bottom;
	color: #000000;
}
.post-rechts .title {
	padding: 5px 0 0 35px;
	background: url('../images/titelmarker.gif') no-repeat left bottom;
	color: #000000;
}

.post .title a {
	color: #000000;
}

.post h2 {
	font-size: 1.4em;
}

.post .meta {
	padding: 2px 10px;
	background: #0D0D0D;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	text-transform: uppercase;
	text-align: right;
	font-size: 9px;
}

.post .entry {
	padding: 20px;
	text-align: justify;
}

.post {
	padding: 8px !important;
}
.post_angebote {
	padding: 10px !important;
}


/* Ditto 2 News
------------------------------------------------------------------------------- */

.ditto_recentPost {
/*    auf Startseite */
    margin-left: 30px;
    border-bottom: 1px solid #ccc; 
} 

.ditto_summaryPost {
/*    color: #FF7F00;
    margin-left: 30px; */
    border-bottom: 1px solid #ccc; 
} 
.ditto_summaryPost_angebote {
    border: 1px solid #FBCC1C;
	border-bottom: 3px solid #FBCC1C;
} 


.ditto_summaryPost h3 {
    border-top: 1px solid #ccc; 
    border-bottom: 1px solid #ccc; 
    margin: 0px !important;
    padding: 5px !important;
    font-size: 1.8em;
    font-weight: bold;
    color: #FF7F00;
}
.ditto_summaryPost_angebote h3 {
    margin: 0px !important;
    padding: 5px !important;
    font-size: 1.6em;
    font-weight: bold;
    color: #4A75CA;
}


.ditto_summaryPost a, #ditto_summaryPost a:link, #ditto_summaryPost a:visited {
    color: #FF7F00;
} 
.ditto_summaryPost_angebote a, #ditto_summaryPost a:link, #ditto_summaryPost a:visited {
    color: #4A75CA;
} 



.ditto_summaryPost .ditto_info {
    background-color: #F8F8F8;
    padding: 5px !important;
    font-size: 0.8em;
    color: black;
}
.ditto_summaryPost_angebote .ditto_info {
    background-color: #F8F8F8;
    padding: 5px !important;
    font-size: 0.8em;
    color: red;
}


.ditto_link {
    font-size: 106%;
    text-align: right;
}
.ditto_paging {
    border-top: 1px solid #ccc;
    padding: 10px; 
    font-size: 86%;
    color: #618100;
}
#ditto_pages .ditto_currentpage {
    border: 1px solid #618100;
    padding: 1px 5px 2px; 
    margin-right: 1px;
    background-color: #9c0; 
    color: #fff;
} 
#ditto_pages .ditto_off {
    border: 1px solid #ccc;
    padding: 1px 5px 2px; 
    margin-right: 1px;
    color: #ccc;
}
#ditto_pages a, #ditto_pages a:link, #ditto_pages a:visited {
    border: 1px solid #9c0; 
    padding: 1px 5px 2px; 
    margin-right: 1px; 
    text-decoration: none !important; 
    color: #618100;
} 
#ditto_pages a:hover {
    background-color: #fff;
    color: #000;
}
#ditto_archivelist ul {
    list-style-type: none; 
    margin-left: 15px; 
    padding-left: 0;
}
#ditto_archivelist ul ul{
    list-style-type: square;
    margin-left: 35px;
} 
#ditto_archivelist .ditto_month {
    font-weight: bold;
}

/* Reflect / News
------------------------------------------------------------------------------- */
.reflect_archive_list { width: 235px; margin-left: 23px; } 
.reflect_archive_list ul { list-style: none !imporant; margin-left: 30px; padding-left: 0; } 
.reflect_archive_list ul ul{ margin-left: 0px; } 
.reflect_archive_list ul ul li { margin-top: -5px; margin-bottom: 0.8em; } 
.reflect_archive_list li a { 
    display:block; 
    padding:5px 5px 5px 10px; 
    margin:0 0 1px 0; 
    background-color:#f6f6f6; 
    border-right:10px solid #fff; 
    color:#666; 
    text-decoration:none; 
    border-left:2px solid #ddd; } 
.reflect_archive_list li a:hover { background-color:#eee; color:#333; border-right:10px solid #eee; }



/* Sidebar */

#sidebar {
    display:inline; /*Fix IE floating margin bug*/;
	float: left;
	width: 280px;
	margin-top: 30px;
	margin-right: 10px;
	margin-left: 10px;
	padding-top: 0px;
	color: #000000;
}

#sidebar-back a, #sidebar a:link, #sidebar a:visited {
    color: #000000;
}

#sidebar-back a:hover {
    text-decoration:underline;
}

#sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#sidebar li {
}

#sidebar li ul {
	padding: 23px;
}

#sidebar li li {
	background: url('../images/img05.jpg') no-repeat left 50%;
	padding-left: 10px;
}

#sidebar h2 {
	padding: 5px 22px;
	background: url('../images/img04.jpg') no-repeat 50% bottom;
	font-size: 1.5em;
	color: #000000;
}

#sidebar p {
	padding: 0 10px 0 20px;
}

/* Suche */

#suchen {
    margin-left: 200px;
	border: 0px solid gray;
	height: 55px;

}

#search {
	margin-top: 85px;
    margin-left: 20px;
/*    padding-bottom: 30px; */
	position:relative; 
	float: right;
/*	_margin-top: 10px;
	padding-right: 15px; */
	width:300px;
	height: 15px;
	z-index:900;
/*	border-bottom: 1px solid #B6B9C0; */

}

#search img {display: none;}

#search-directory {
	position:absolute;
	top:226px;
	left:5px;
	width:496px;
	height:32px;
	overflow:hidden;
	z-index:400;
}
#search fieldset, #sidebarlogin fieldset{
	border: none;
	margin: 0px;
	padding: 0px;
}
#search form, #sidebarlogin form {
	border: none;
	margin: 0px;
	padding: 0px;
}


#search label, #sidebarlogin label {
color: #444444;
}

/* Suchtext eingeben */

#search input, #sidebarlogin input {
	border-top: 1px solid #75767B;
	border-left: 1px solid #75767B;
	border-bottom: 1px solid #B6B9C0;
	border-right: 1px solid #B6B9C0;
	height: 19px;
	padding-left: 4px;
}

#search select {
	border-top: 1px solid #75767B;
	border-left: 1px solid #75767B;
	border-bottom: 1px solid #B6B9C0;
	border-right: 1px solid #B6B9C0;
	height: 19px;
}
#search textarea {
	border-top: 1px solid #75767B;
	border-left: 1px solid #75767B;
	border-bottom: 1px solid #B6B9C0;
	border-right: 1px solid #B6B9C0;
	height: 19px;
}

#search-txt {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 57px;
    height: 21px;
    color: #ffffff;
    font-size: 13px;
    line-height: 23px;
}


/* Sucheingabe-Feld */

#ajaxSearch_input {
    position: absolute;
    top: 0px;
    left: 240px;
    width: 165px;
    height: 19px;
}

/* Suchbutton */

#ajaxSearch_submit {
    width: 23px !important;
    height: 22px !important;
    margin: 0 !important;
    border: 0 !important;
    background: transparent  url(images/such_button.gif) no-repeat center top;
    padding: 22px 0 0 !important;
    cursor: pointer; /* hand-shaped cursor */
    cursor: hand; /* for IE 5.x */
    position: absolute;
    top: 0px;
    left: 400px;
}



#dirsearch-txt {
position: absolute;
top: 220px;
left: 0px;
width: 118px;
height: 21px;
color: #4E5760;
font-size: 13px;
line-height: 23px;
}

#dirsearch-inp {
position: absolute;
top: 0px;
left: 123px;
width: 201px;
height: 18px;
}

#dirsearch-btn {
position: absolute;
top: 0px;
left: 329px;
width: 70px;
height: 21px;
}

#dirsearch-txt2 {
position: absolute;
top: 3px;
left: 405px;
width: 170px;
height: 21px;
color: #4E5760;
}

#dirsearch-txt2 a {
color: #4E5760;
}

#join {
position: relative;
}
    #join-inp {
    margin-top: 5px;
    width: 158px;
    height: 18px;
    }
    #join-btn {
    margin-top: 5px;
    width: 120px;
    height: 21px;
    }


#ajaxSearch_form {
           color: #444;
           width: auto;
       }
       #ajaxSearch_input {
           width: auto;
           display: inline;
           height: 17px;
           border: 1px solid #ddd;
           border-left-color: #c3c3c3;
           border-top-color: #7c7c7c;
           background: #fff url(images/input-bg.gif) repeat-x top left;
           margin: 0 3px 0 0;
           padding: 3px 0 0;
           vertical-align: top;
       }
       #ajaxSearch_submit {
           display: inline;
           height: 22px;
           line-height: 22px;
       }
       #ajaxSearch_output {
           border: 1px solid #444;
           padding: 10px;
           background: #fff;
           display: block;
           height: auto;
           vertical-align: top;
       }
       .AS_ajax_result {
           color: #444;
           margin-bottom: 3px;
       }
       .AS_ajax_resultLink {
           text-decoration: underline;
       }
       .AS_ajax_resultDescription{
           color: #555;
       }
       .AS_ajax_more {
           color: #555;
       }

/* Link-Footer */ 

#link-footerzeile {
	width: 876px;
	margin: 0 auto;
	margin-left: 9px;
}

#link-footer {
	float: left;
	font: bold 1.2em Arial, Helvetica, sans-serif;
	width: 860px;
	height: 100px;
	margin: 0 auto;
/*	margin-left: 9px; */
	margin-top: 2px;
	background:#FFFFFF;
}

#link-footer ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#link-footer li {
	display: inline;
}
#link-footer img {
	border: 0px;
}

#link-footer a {
/* 	display: block; */ 
	float: left;
	height: 100px;
	padding: 6px 24px 0 24px;
	text-decoration: none;
	color: #CCCCCC;
}

#link-footer a:hover, #link-footer .active a {
	color: #FFFFFF;
}




/* Footer */

#footer {
	width: 885px;
	margin: 0 auto;
	padding: 10px 0;
	height: 60px;
	background: url('../images/back_rund_unten2.gif') no-repeat left top;
 /*    display: inline; IE Hack */
	font-family: Arial, Helvetica, sans-serif;
	color: #909090;
}

#footer p {
	margin: 0;
	line-height: normal;
	font-size: 9px;
	text-transform: uppercase;
	text-align: center;
}

#footer a {
	color: #909090;
}

.clearer {
clear: both;
}

.clear-line {
clear: both;
margin: 20px 0 20px 0; 
border-bottom: 1px solid #dbdbdb; 
width: 480px;
}