p {margin-bottom:15px;}
a{ color: #007bcf;outline: 0;}
a:hover{ text-decoration: underline;}

h1,
.head1 {
	font-size: 17px;
	font-weight: 700;
	color: #444;
	margin:0px 0px 5px 0px;
	padding: 0px;
	line-height:19px;
    font-family: "Trebuchet MS";    
	}




h2,
.head2 {
	font-size:12px;
	font-weight: 700;
	color: #007bcf;
	margin:0px 0px 5px 0px;
	padding: 0px;
	}

h2 a,
.head2 a {
	color: #007bcf;
	}


h3,
.head3 {
	font-size:13px;
	font-weight: 700;
	color: #2d3049;
	margin:0px 0px 5px 0px;
	}


h4,
.head4 {
    font-size:13px;
    font-weight: 100;
    color: #000;
    margin: 0px;
    }




.line {
    height:3px;
    margin: 10px 0px 12px;
    line-height:1px;
    background : url(http://www.onindir.com/images/line.gif) #fff repeat-x center center;
    }



.xtraline {
	height:10px;
	margin: 10px 0px 12px;
	line-height:1px;
	background : url(http://www.onindir.com/images/line-xtra.gif) #fff repeat-x center center;
	}


.fine {font-size: 9px;
	color:#aaa;
	line-height: 120%;
	}

.small,
.small th,
.small td {font-size: 9px;}

.abstand_r {margin-right:20px !important;}
.abstand_l {margin-left:20px !important;}

    





.arrow {background: url(http://www.onindir.com/images/arrow.gif) no-repeat 0px 2px transparent;padding-left:13px;}




/*####
##### Boxen */

div.box_xxl,
div.bbox_xxl,
div.box_xl,
div.box_xl2,
div.bbox_xl,
div.bbox_xl2,
div.box_l,
div.bbox_l,
div.box_m,
div.bbox_m,
div.box_s ,
div.bbox_s,
div.box_xs ,
div.bbox_xs {
	float:left;
	margin-bottom: 5px;
	}
    
    
    div.box_xxl .header,
    div.box_xl .header,
    div.box_xl2 .header,
    div.box_l .header,
    div.box_m .header,
    div.box_s .header,
    div.box_xs .header {
        display: block;
        margin: 0;
        padding: 8px 10px 13px;
        background-position: left bottom;
        font-size: 18px;
        line-height: 20px;
        font-weight: 700;
        font-family: "Trebuchet MS";
        color: #444;
        }
        

    div.bbox_xxl .header,
    div.bbox_xl .header,
    div.bbox_xl2 .header,
    div.bbox_l .header,
    div.bbox_m .header,
    div.bbox_s .header,
    div.bbox_xs .header{
        padding: 11px 10px 20px;
        margin: 0px;
        font-size: 16px;
        font-weight: 100;
        color: #fff;
        overflow: hidden;
        font-family: "Trebuchet MS";
        }
        div.bbox_xxl .header a,
        div.bbox_xl .header a,
        div.bbox_xl2 .header a,
        div.bbox_l .header a,
        div.bbox_m .header a,
        div.bbox_s .header a,
        div.bbox_xs .header a{
            color: #fff;
            }
        
        
    div.box_xxl .content,
    div.bbox_xxl .content,
	div.box_xl .content,
	div.box_xl2 .content,
	div.bbox_xl .content,
	div.bbox_xl2 .content,
	div.box_l .content,
	div.bbox_l .content,
	div.box_m .content,
	div.bbox_m .content,
	div.box_s .content,
	div.bbox_s .content,
    div.box_xs .content,
    div.bbox_xs .content{
		padding: 10px 10px 25px;
        background-position: left bottom; 
		}

div.box_xxl,
div.bbox_xxl {width:820px;}
    div.box_xxl .header {background-image: url(http://www.onindir.com/images/boxen/box_xxl_header.gif);}
    div.bbox_xxl .header {background-image: url(http://www.onindir.com/images/boxen/bbox_xxl_header.gif);}
    div.box_xxl .content,
    div.bbox_xxl .content {width:800px; background-image: url(http://www.onindir.com/images/boxen/box_xxl_footer.gif);}
        
div.box_xl2,
div.bbox_xl2 {width:700px;}  
    div.box_xl2 .header {background-image: url(http://www.onindir.com/images/boxen/box_xl_header2.gif);}
    div.bbox_xl2 .header {background-image: url(http://www.onindir.com/images/boxen/bbox_xl_header2.gif);}
	div.box_xl2 .content,
	div.bbox_xl2 .content {width:680px; background-image: url(http://www.onindir.com/images/boxen/box_xl_footer2.gif);} 
        
div.box_xl,
div.bbox_xl {width:800px;}  
    div.box_xl .header {background-image: url(http://www.onindir.com/images/boxen/box_xl_header.gif);}
    div.bbox_xl .header {background-image: url(http://www.onindir.com/images/boxen/bbox_xl_header.gif);}
	div.box_xl .content,
	div.bbox_xl .content {width:780px; background-image: url(http://www.onindir.com/images/boxen/box_xl_footer.gif);} 

div.box_l,
div.bbox_l {width:500px;}
    div.box_l .header {background-image: url(http://www.onindir.com/images/boxen/box_l_header.gif);}
    div.bbox_l .header {background-image: url(http://www.onindir.com/images/boxen/bbox_l_header.gif);}
	div.box_l .content,
	div.bbox_l .content {width:480px; background-image: url(http://www.onindir.com/images/boxen/box_l_footer.gif);} 

div.box_m,
div.bbox_m {width:240px;}
    div.box_m .header {background-image: url(http://www.onindir.com/images/boxen/box_m_header.gif);}
    div.bbox_m .header {background-image: url(http://www.onindir.com/images/boxen/bbox_m_header.gif);}
	div.box_m .content,
    div.bbox_m .content {width:220px; background-image: url(http://www.onindir.com/images/boxen/box_m_footer.gif);} 


div.box_s,
div.bbox_s {width:300px;}
    div.box_s .header {background-image: url(http://www.onindir.com/images/boxen/box_s_header.gif);}
    div.bbox_s .header {background-image: url(http://www.onindir.com/images/boxen/bbox_s_header.gif);}
    div.box_s .content,
    div.bbox_s .content {width:280px; background-image: url(http://www.onindir.com/images/boxen/box_s_footer.gif);} 

div.box_xs,
div.bbox_xs {width:180px;}
    div.box_xs .header {background-image: url(http://www.onindir.com/images/boxen/box_xs_header.gif);}
    div.bbox_xs .header {background-image: url(http://www.onindir.com/images/boxen/bbox_xs_header.gif);}
    div.box_xs .content,
    div.bbox_xs .content {width:160px; background-image: url(http://www.onindir.com/images/boxen/box_xs_footer.gif);} 
    
div.box_xxl_out {width:820px;float:left;}
div.box_xl_out {width:800px;float:left;}
div.box_xl2_out {width:700px;float:left;}
div.box_l_out {width:500px;float:left;}
div.box_m_out {width:240px;float:left;}
div.box_s_out {width:300px;float:left;}
div.box_xs_out {width:180px;float:left;}








/*################# box t (TEASER)*/

div.box_t {
    width: 300px;
	float:left;
    background: url(http://www.onindir.com/images/boxen/bbox_xxl_header.gif) left top no-repeat transparent;
	overflow: hidden;
    }
	div.box_t2  {
		float:left;
		padding: 10px 10px 15px;
		width: 280px;
		}
	div.box_t3 *  {
		margin: 0;
		}
            div.box_t3 .fine {color: #ccc;}
            div.box_t3 .head1  {margin-bottom: 7px;}
            div.box_t3 .teaser_bild {text-align: center;margin-bottom: 7px;}
            div.box_t3 .fliesstext {margin-bottom: 7px;}
            div.box_t3 .arrow {margin-bottom: 7px;}


		 div.box_t.no-fine .fine {display: none;}
		 div.box_t.no-bild .teaser_bild {display: none;}
		 div.box_t.border-bild .teaser_bild img {border: 2px solid #ddd;padding: 1px;}
		 div.box_t.no-fine .fine {display: none;}
		 
		 div.box_t.no-box , 
		 div.box_t.no-box .box_t2, 
		 div.box_t.no-box .box_t3 {background: none transparent;}




ul {margin-bottom:15px;}
	li {background: url(http://www.onindir.com/images/li.gif) no-repeat 0px 2px transparent;padding-left:13px;}
	ul.luftig	li {margin-bottom:3px;}






.infobox {position: relative; }

.infobox div{
    display: none;
    width:240px;
    padding: 5px 3px 5px 5px;
    background-color: #edf7ff;
    position: absolute;
    right: 0px;
    font-size:10px;
    line-height: 11px;
    border-right: 2px solid #f5e6d1;
    border-bottom: 2px solid #dfd0bb;
    }

.infobox:hover div {display: block; }


/*####
##### REITER */
/*REITER*/

ul.header{
    width: 100%;
    margin: 0px !important;
    padding:0px 0px 8px !important;
    overflow: auto;
	background: left bottom url(http://www.onindir.com/images/boxen/box_m_header.gif) transparent no-repeat;  
	}

    div.box_xxxl ul.header {background-image: url(http://www.onindir.com/images/boxen/box_xxxl_header.gif);}
    div.box_xxl ul.header {background-image: url(http://www.onindir.com/images/boxen/box_xxl_header.gif);}
    div.box_xl ul.header {background-image: url(http://www.onindir.com/images/boxen/box_xl_header.gif);}
    div.box_xl2 ul.header {background-image: url(http://www.onindir.com/images/boxen/box_xl_header2.gif);}
    div.box_l ul.header {background-image: url(http://www.onindir.com/images/boxen/box_l_header.gif);}
    div.box_m ul.header {background-image: url(http://www.onindir.com/images/boxen/box_m_header.gif);}
    
    
ul.header li {
	float:left;
	background: left top url(http://www.onindir.com/images/boxen/reiter_l.gif) transparent no-repeat;
	margin: 0px -5px 0px 10px !important;
	padding:0px !important; 
	cursor: pointer;
	}


ul.header li a,
ul.header li span{
	float:left;
	display:block;
	padding:8px 13px 6px;
	background: right top url(http://www.onindir.com/images/boxen/reiter_r.gif) transparent no-repeat;
	font-size: 18px; 
    font-family: "Trebuchet MS";    
	font-weight: 100;
	color:#333;
	}




ul.header li.active {
	background-image: url(http://www.onindir.com/images/boxen/reiter_l_active.gif);
    background-position: left top;
	}


ul.header li.active a,
ul.header li.active span {
    background-image: url(http://www.onindir.com/images/boxen/reiter_r_active.gif) !important;
    background-position: right top;
    color: #000;
    }



/*##### REITER */
/*REITER*/

ul.alphabet{
    margin: 0px !important;
    padding:0px 0px 9px !important;
    overflow: auto;
    background: left bottom url(http://www.onindir.com/images/boxen/box_m_header.gif) transparent no-repeat;  
	}

    div.box_xxxl ul.alphabet {background-image: url(http://www.onindir.com/images/boxen/box_xxxl_header.gif);}
    div.box_xxl ul.alphabet {background-image: url(http://www.onindir.com/images/boxen/box_xxl_header.gif);}
    div.box_xl ul.alphabet {background-image: url(http://www.onindir.com/images/boxen/box_xl_header.gif);}
    div.box_xl2 ul.alphabet {background-image: url(http://www.onindir.com/images/boxen/box_xl_header2.gif);}
    div.box_l ul.alphabet {background-image: url(http://www.onindir.com/images/boxen/box_l_header.gif);}
    div.box_m ul.alphabet {background-image: url(http://www.onindir.com/images/boxen/box_m_header.gif);}
    
    ul.alphabet li {
        float:left;
        background: left top url(http://www.onindir.com/images/boxen/reiter_l.gif) transparent no-repeat;
        margin: 0px -8px 0px 10px !important;   
        padding:0px;
        cursor: pointer;
        }
    
    ul.alphabet li a,
    ul.alphabet li span{
        float:left;
        display:block;
        padding:5px 8px 3px; 
        background: right top url(http://www.onindir.com/images/boxen/reiter_r.gif) transparent no-repeat;
        font-size:11px;
        font-weight: 100;
        color:#000;
        text-align: center;
        }
    

    
    
    ul.alphabet li.active,
    ul.alphabet li.active:hover {
         background-image: url(http://www.onindir.com/images/boxen/reiter_l_active.gif) !important;   
         margin-bottom: -1px !important;
        
        }
    
    
    ul.alphabet li.active a,
    ul.alphabet li.active:hover a,
    ul.alphabet li.active span,
    ul.alphabet li.active:hover span {
        background-image: url(http://www.onindir.com/images/boxen/reiter_r_active.gif) !important;
        background-position: right top;
        width:28px;
        color: #000;
        font-weight: 700;
        }




table {width: 100%;margin-bottom:15px;}

td, th {vertical-align: top;padding:2px 1px;}



.google_table tr:hover td {background-color: #fafafa;}

.preis {
	background: #fff url(http://www.onindir.com/images/icons/preis.gif) center center no-repeat;
	height:16px;
	padding-top:4px;
	width:55px;
	font-family: Verdana, sans-serif;
	font-size: 11px;
	color: #111;
	text-align: center;
	float: left;
    }


/*##########
###########
##################################### BLAETTERFUNKTION*/

DIV.blaetterfunktion {
    width:100%;
    float: left;
    height: 25px;
    }


    DIV.blaetterfunktion a,
    DIV.blaetterfunktion span {
        float:left;
        background: left top url(http://www.onindir.com/images/boxen/blatt.gif) transparent no-repeat;   
        padding:2px 0px 0px;
        line-height: 10px;
        width: 27px;
        height: 15px;
        text-align:center;
        font-size: 10px;
        margin: 0px 1px;
        }


    DIV.blaetterfunktion span {
        color: #bbb;
        font-weight: 700;
        }


    DIV.blaetterfunktion span.active {
        color: #000;   
        }



            

    
.ic_lupe {
    background: url(http://www.onindir.com/images/icons/lupe.png) 0px 1px no-repeat;
    padding-left: 20px; 
    }

/*##########
#################### INPUTS*/

input {padding:1px 0px 3px 0px;
	margin-bottom:3px;
	}




a.button,
button {
    background: url(http://www.onindir.com/images/layout/button.gif) top left no-repeat #195c94;
    color:#fff;
    font-size:10px;
    font-weight:100;
    line-height:13px;
    text-align:center;
    border: 0;
    cursor:pointer;
	float: left;
	display:block;
    margin: 0px 0px 0px 1px;
    }

a.button span,
button span{
    background: url(http://www.onindir.com/images/layout/button_r.gif)  top right no-repeat;
    line-height:13px;
	text-align:center;
    cursor:pointer;
    }


    a.button {
		padding:0px;
		margin:0px;
		}

        a.button span{
			display:block;
			margin:0px;
			padding:4px 7px 6px 7px;
            }


    button{
        padding:0px 0px 0px 0px !important;
		margin:0px 0px 0px 0px;
        }

        button span {
            display:block;
            float:right;
            margin: -1px -3px -1px 0px;
            padding: 5px 7px 5px 4px;
            }

/*hover für alle*/
a.button:hover,
button:hover {background-color:#02457d;}






/*TAG CLOUD*/

.tagcloud-box {background: url(http://www.onindir.com/images/boxen/rbox_b.gif)  #2780be  right top repeat-x !Important;}


.tagcloud-box a,
.tagcloud-box a {color: #fff;}

UL.tagcloud {padding:0px;text-align: center;}


	    UL.tagcloud LI {
            list-style-type: none;
            display: inline;
            padding: 2px;
            background:none transparent;
            line-height: 16px;
            }
            UL.tagcloud LI SPAN {display: none;}
            UL.tagcloud LI.level1 a {color:#95c0e1;font-size: 9px;}
            UL.tagcloud LI.level2 a {color:#64a4d6;font-size: 11px;}
            UL.tagcloud LI.level3 a {color:#3b8ccd;font-size: 12px;}
            UL.tagcloud LI.level4 a {color:#95c0e1;font-size: 14px;font-weight:700;}
            UL.tagcloud LI.level5 a {color:#3b8ccd;font-size: 18px;font-weight:700;}
            UL.tagcloud LI.level6 a {color:#007bcf;font-size: 20px;font-weight:100;}
            UL.tagcloud LI.level7 a {color:#007bcf;font-size: 22px;font-weight:700;}




.order_box{
	background-color: #edf7ff;
	margin-bottom: 4px;
	width: 100%;
	}

.order_box td{padding: 0px 2px;}
.order_box a{color:#007bcf;font-size: 11px;}


.order {
	width:10px;
	height:16px;
	float:left;
	margin: 1px 4px 0px 0px;
	}
	.order_o{
		background: url(http://www.onindir.com/images/order_o.gif) 0px 0px transparent no-repeat;
		display: block;
		width:10px;
		height:8px;
		}

	.order_u{
		background: url(http://www.onindir.com/images/order_u.gif) 0px 0px transparent no-repeat;
		display: block;
		width:10px;
		height:8px;
		}

	.order_u:hover,
	.order_o:hover {background-position: -20px 0px;background-color: transparent;}

	.order_u.active,
	.order_o.active{background-position: -10px 0px;}




.hiddenwrap {
    font-size: 1px;
    letter-spacing: -1px;
    line-height: 1px;
    }



    
            
.error_message {
    background-color:#ffe8ec;
    padding:5px;
    color:#ff5657;
    font-size: 11px;
    border-top: 1px solid #fff;
    border-right: 1px solid #f8e2e6;
    border-bottom: 1px solid #ead5d9;
    border-left: 1px solid #f8e2e6;
    }
.success_message {
    background-color:#eeffee;
    font-size: 11px;  
    padding:5px;
    color:#12be00;
    border-top: 1px solid #fff;
    border-right: 1px solid #e0f2e6;
    border-bottom: 1px solid #d3e4d9;
    border-left: 1px solid #e0f2e6;
    }
    
.error_message p, 
.success_message p  {margin-bottom:10px;}
    
    
    
/*##########
#################### EROL TABLE'S*/
    .right,
    .thright th,
    .tdright td {text-align:right !important;}
    .left,
    .thleft th,
    .tdleft td {text-align:left !important;}
    .center,
    .thcenter th,
    .tdcenter td {text-align:center !important;}
    .top,
    .thtop th,
    .tdtop td {vertical-align:top !important;}
    .bottom,
    .thbottom th,
    .tdbottom td {vertical-align:bottom !important;}
    .justify,
    .thjustify th,
    .tdjustify td {text-align:justify !important;}
    .vcenter,
    .thvcenter th,
    .tdvcenter td {vertical-align:middle !important;}
    .nob,
    .thnob th,
    .tdnob td {border: 0px solid !important;}

	.both {clear:both;}

	.float,
	ul.lifloat li 	{float:left;}

	.floatr {float:right !important;}
	img.float {float:left;margin:2px 6px 0px 0px;}
	img.floatr {float:right;margin:2px 0px 0px 6px;}
    img.border{border: 2px solid #f1efe1;padding: 1px;}
	.break {font-size:1px;letter-spacing:-1px;line-height:1px;} /*klass für umbruch bei langen wörtern*/
    .fly {display:block;text-indent: -9999px;width: 1px;height:1px;}



/*##########
#################### FARBEN*/
	.color0,
	.thcolor0 th,
	tr.color0 th {color:#333 !important;}
	.color1,
	.thcolor1 th,
	tr.color1 th {color:#007bcf !important;}
	.color2,
	.thcolor2 th,
	tr.color2 th {color:#c43001 !important;}
	.bgcolor1,
	.tdbgcolor1 td,
	tr.bgcolor1 td {background-color:#edf7ff !important;}
	.bgcolor2,
	.tdbgcolor2 td,
	tr.bgcolor2 td {background-color:#f5f5f5  !important;}
	.bgcolor3,
	.tdbgcolor3 td,
	tr.bgcolor3 td {background-color:#fff !important;}




/* jQuery SEO Links */
.symlink{ color: #007bcf !important;outline: 0; cursor: pointer;}
.symlink:hover{ text-decoration: underline;}



















	 ul.comment_list li.clearfix { margin:0 18px; }
	 ul.comment_list #first_comment { background-color:#FFF; padding:15px 0 0 0; }
div.comment_list { background:#FFF; display:block; overflow:hidden; width:auto; }
	ul.comment_list { background:#FFF; padding-bottom:18px; line-height:18px; }
		ul.comment_list li { border-bottom:1px solid #efefef; padding:8px 0 3px; position:relative; }
		ul.comment_list li li { border:none; }
		ul.comment_list .user { float:left; text-align:center; width:100px; margin-right:6px; }
			ul.comment_list li .user p { margin:0; }
			ul.comment_list .user .avatar span { display:block; }
			ul.comment_list .user .avatar_image { width:100px; height:100px; margin:0 0 5px 0; }
			ul.comment_list .title_box { padding:0 0 0 10px; margin-left:5px; text-align:left; font-size:10px; }
				ul.comment_list .title_box h5 { font:bold 16px "Trebuchet Ms"; background:#DEF4D5; margin-left:-10px; padding:2px 50px 2px 10px; border-bottom:1px solid #bcd7b1; position:relative; }
					ul.comment_list .title_box h5 a { margin-right:50px; }
				ul.comment_list .average_box
				ul.comment_list .user a { font-size:10px; }
				ul.comment_list .user a span { font-size:13px; font-weight:bold; }
				ul.comment_list .user a:hover span { text-decoration:underline; }
				ul.comment_list .body { margin-left:10px; }
				ul.comment_list .date { color:inherit; }
ul.comment_list { display:block; overflow:hidden; width:auto; }
ul.comment_list .average_box { padding:4px 0; font-size:18px; }