@import url(3c_layout.css);
@import url(3c_core.css);

#myAutoComplete {
    width:40em; /* set width here or else widget will expand to fit its container */
    padding-bottom:2em;
}

.button1 {
  margin:3px 0px 3px 30px;
  padding: 1px;
}
	/* General styles */
body {
        margin:0;
        padding:0;
        border:0;			/* This removes the border around the viewport in old versions of IE */
        width:990px;
        background:#fff;
        min-width:600px;    /* Minimum width of layout - remove line if not required */
			    /* The min-width property does not work in old versions of Internet Explorer */
	font-size:100.1%;
	font-family: Verdana, tahoma, geneva, sans-serif;
}
a {
	color:#369;
}
	a:hover {
		color:#fff;
		background:#369;
		text-decoration:none;
	}
    p {
        margin:.4em 0 .8em 0;
        padding:0;
    }
	img {
		margin:10px 0 5px;
	}


/* Header styles */
    #header {
	position:absolute;
        width:990px;
	height:65px;
	background:#fff;
        clear:both;
        float:left;
	border-bottom:2px solid #000;
}
	#header p,
	#header h1,
	#header h2 {
	    padding:.4em 15px 0 15px;
        margin:0px;
	}
#header .logo {
	background:#fff;
	width:200px;
	float:left;
	text-align:center;
}
#header .menu {
	background:#0f0;
	width:790px;
	flo1at:left;
	margin-left:200px;
	margin-top:30px;
}

#header ul {
    float:left;
    width:99%;
    list-style:none;
    margin:5px 20px 0 0;
    padding:0;
}
	#header ul li {
	    display:inline;
	    list-style:none;
	    margin:0;
	    padding:0;
	}
	#header ul li a {
	    display:block;
	    float:left;
	    margin:0 0 0 1px;
	    padding:3px 10px;
	    text-align:center;
	    background:#eee;
	    color:#000;
	    text-decoration:none;
	    position:relative;
	    left:15px;
		line-height:1.3em;
	}
	#header ul li a:hover {
	    background:#369;
		color:#fff;
	}
	#header ul li a.active,
	#header ul li a.active:hover {
	    color:#fff;
	    background:#000;
	    font-weight:bold;
	}
	#header ul li a span {
	    display:block;
	}

#suche {
		position:absolute;
		z-ind1ex:99;
		clear:both;
		background:#fff;
		height:30px;
		padding-top:5px;
		margin-top:67px;
		border-bottom:4px solid #000;
		width:990px;
	}
#suche .box {
    float:left;border:0px solid #0f0;
}
#suche .box_left {
    float:left;border:0 px solid #0f0;width:200px;height:100%;padding-top:5px;font-size:11px;color:#f00;
}
#suche .box_left a {
    font-size:11px;color:#f00;
}
#suche .links {
    border:0px solid #00f;text-align:right;
    font-size:9px;
    width:99%;
}

	/* 'widths' sub menu */
	.layoutdims {
		clear:both;
		background:#ff0;
		height:30px;
		border-top:4px solid #000;
		margin:0;
		padding:6px 15px !important;
		text-align:right;
	}
#layoutdi1ms p {
  float:left;
  border:1px solid #f00;
}

.button {
    width:50px;
}


/* column container */
.produkte_mask {
	padding-top:3px;
	position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	clear:both;
	float:left;
        width:100%;				/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
}
.produkt {
	background:#fff;    	/* Right column background colour */
	border-top:1px solid #555;
	border-bottom:1px solid #555;
	padding-bottom: 2px;
	margin-bottom: 4px;
}
.produkt .colmidP {
        float:left;
        width:200%;
        margin-left:-150px; 	/* Width of right column */
        position:relative;
        right:100%;
        background:#fff;    	/* Centre column background colour */
	border-right:1px solid #555;
}
.produkt .colleftP {
        float:left;
        width:100%;
        margin-left:-50%;
        position:relative;
        left:270px;         	/* Left column width + right column width */
        background:#fff;    	/* Left column background colour */
	border-right:1px solid #555;
}
.produkt .col1wrapP {
        float:left;
	width:50%;
	position:relative;
	right:110px;        	/* Width of left column */
	padding-bottom:1em; 	/* Centre column bottom padding. Leave it out if it's zero */
}
.produkt .col1P {
        margin:0 170px 0 120px;     	/* Centre column side padding:
                            	Left padding = left column width + centre column left padding width
                            	Right padding = right column width + centre column right padding width */
        position:relative;
	left:200%;
	overflow:hidden;
}
.produkt .col2P {
        float:left;
        float:right;			/* This overrides the float:left above */
        width:110px;        	/* Width of left column content (left column width minus left and right padding) */
        position:relative;
        right:0px;         	/* Width of the left-had side padding on the left column */
}

.produkt .col3P {
        float:left;
        float:right;			/* This overrides the float:left above */
        width:130px;        	/* Width of right column content (right column width minus left and right padding) */
        margin-right:10px;  	/* Width of right column right-hand padding + left column left and right padding */
        position:relative;
        left:50%;
	text-align:right;
}
.produkt .margin1 {
    border:1px solid #f00;
    overflow:hidden;
    z-index:2;
}
.produkt .col2 .navi {
    border:2px solid #eee;margin:8px;padding:5px;width:170px;
    font-size: 90%;
    
}
.produkt .col2 .google {
    margin:0px;padding:0px;w1idth:170px;
}
.produkt .col2 h2 {
    font-size: 13px;
}
.produkt .col3 h2 {
    padding:5px;
    font-size: 13px;
}




.produkt-preisvergleich {
	background:#fff;    	/* Right column background colour */
	border-top:0px solid #555;
	border-bottom:1px solid #555;
	padding-bottom: 2px;
	margin-bottom: 4px;
	margin-top:15px;
}
.produkt-preisvergleich .colmidP {
        float:left;
        width:200%;
        margin-left:-150px; 	/* Width of right column */
        position:relative;
        right:100%;
        background:#fff;    	/* Centre column background colour */
	border-right:1px solid #555;
}
.produkt-preisvergleich .colleftP {
        float:left;
        width:100%;
        margin-left:-50%;
        position:relative;
        left:370px;         	/* Left column width + right column width */
        background:#fff;    	/* Left column background colour */
	border-right:0px solid #555;
}
.produkt-preisvergleich .col1wrapP {
        float:left;
	width:50%;
	position:relative;
	right:210px;        	/* Width of left column */
	padding-bottom:1em; 	/* Centre column bottom padding. Leave it out if it's zero */
    border:1px solid #00f;
}
.col1P img {
    border:1px solid #00f;
    fl1oat:left;
}
.produkt-preisvergleich .col1P {
        margin:0 170px 0 220px;     	/* Centre column side padding:
                            	Left padding = left column width + centre column left padding width
                            	Right padding = right column width + centre column right padding width */
        position:relative;
	left:200%;
	overflow:hidden;
    
}
.produkt-preisvergleich .col2P {
        float:left;
        float:right;			/* This overrides the float:left above */
        width:210px;        	/* Width of left column content (left column width minus left and right padding) */
        position:relative;
        right:0px;         	/* Width of the left-had side padding on the left column */
}

.produkt-preisvergleich .col3P {
        float:left;
        float:right;			/* This overrides the float:left above */
        width:130px;        	/* Width of right column content (right column width minus left and right padding) */
        margin-right:10px;  	/* Width of right column right-hand padding + left column left and right padding */
        position:relative;
        left:50%;
	text-align:right;
}

/* column container */
.colmask {
	padding-top:100px;
	position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	clear:both;
	float:left;
        width:100%;				/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
}
.colmask1c {
	position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	clear:both;
}

/* malinet 1 column settings */
.malinet1c {
	background:#fff;    	/* Right column background colour */
	float:left;
}
.malinet1c .col1 {
	over1flow:hidden;
	wid1th:100%;
}
.malinet1c .navi {
    border:2px solid #eee;margin:8px;padding:5px;width:170px;
}

.malinet3c {
	background:#fff;    	/* Right column background colour */
}
.malinet3c .colmid {
        float:left;
        width:200%;
        margin-left:-250px; 	/* Width of right column */
        position:relative;
        right:100%;
        background:#fff;    	/* Centre column background colour */
}
.malinet3c .colleft {
        float:left;
        width:100%;
        margin-left:-50%;
        position:relative;
        left:450px;         	/* Left column width + right column width */
        background:#fff;    	/* Left column background colour */
	border-right:0px solid #00f;
}
.malinet3c .col1wrap {
        float:left;
	width:50%;
	position:relative;
	right:220px;        	/* Width of left column */
	padding-bottom:1em; 	/* Centre column bottom padding. Leave it out if it's zero */
}
.malinet3c .col1 {
        margin:0 235px;     	/* Centre column side padding:
                            	Left padding = left column width + centre column left padding width
                            	Right padding = right column width + centre column right padding width */
        position:relative;
	left:200%;
	overflow:hidden;
    font-size: 80%;
    
}
.malinet3c .col2 {
        float:left;
        float:right;			/* This overrides the float:left above */
        width:200px;        	/* Width of left column content (left column width minus left and right padding) */
        position:relative;
        right:0px;         	/* Width of the left-had side padding on the left column */
    font-size: 70%;
    }
.malinet3c .col2 .navigation {
    padding:5px;
    margin:20px 10px 10px 10px;
    border:1px solid #ddd;
}

.malinet3c .col3 {
        float:left;
        float:right;			/* This overrides the float:left above */
        width:250px;        	/* Width of right column content (right column width minus left and right padding) */
        margin-right:0px;  	/* Width of right column right-hand padding + left column left and right padding */
        position:relative;
        left:50%;
}
.malinet3c .margin1 {
    border:1px solid #f00;
    overflow:hidden;
    z-index:2;
}
.malinet3c .col2 .navi {
    border:2px solid #eee;margin:8px;padding:5px;width:170px;
    font-size: 90%;
    
}
.malinet3c .col2 .google {
    margin:0px;padding:0px;w1idth:170px;
}
.malinet3c .col2 h2 {
    font-size: 13px;
}
.malinet3c .col3 h2 {
    padding:5px;
    font-size: 13px;
}
#preisvergleich { border: 0px solid #0f0; }
#preisvergleich div.produkt { width:110px;min-height:195px;max-height:195px;overflow:hidden;padding:2px;margin:2px;border:1px solid #ddd;float:left;text-align: center; }
#preisvergleich div.produkt div.PreisvergleichShop { font-size: 11px; margin:0px;overflow:hidden;max-height:13px;min-height:13px;}
#preisvergleich div.produkt a { font-size: 11px; margin:0px;overflow:hidden;max-height:13px;min-height:13px;}
#preisvergleich div.produkt { font-size: 9px; }
#preisvergleich div.produkt h3 { font-size: 9px; margin:0px;overflow:hidden;max-height:23px;min-height:23px;}
.preisvergleich div.preis { border: 1px solid #f00; float:none; }

#produktempfehlung { overflow:hidden;font-size:11px;width:220px;min-height:70px;float:left;border:1px solid #ddd;padding:5px;margin:20px 5px 5px 5px; background:#fff; }
#produktempfehlung img { float:left;margin-right:4px; }
#produktempfehlung h2 {height:10px;}
#produktempfehlung h3 {height:10px;}
#produktempfehlungSmall { overflow:hidden;font-size:11px;width:180px;min-height:70px;float:left;border:1px solid #f00;padding:5px;margin:5px; background:#fff; }
#produktempfehlungSmall img { float:left;margin-right:4px; }
#produktempfehlungSmall h2 {height:10px;}
#produktempfehlungSmall h3 {height:10px;}

#produktvergleich { font-size:10px; }
#produktvergleich_sheet { font-size:10px;float:left; }
#produktvergleich_sheet th { 
color:#f00; font-size:11px; text-align:center;
 }
#produktvergleich_sheet td { 
text-align:center;
 }
#produktvergleich_sheet th img { 
width:100px; height:100px; }
#produktvergleich th { font-size:10px;vertical-align: top; }

.Testurteile { border:0px solid #f00;font-size:10px; }
.Testurteile img { padding:2px; margin: 2px;}

.txt1 {
  width:310px;
}
/* Footer styles */
#footer {
    clear:both;
    float:left;
    width:100%;
    border-top:1px solid #000;
}
#footer p {
    padding:10px;
    margin:0;
}

.merchants {
  clear:left;display:block;border-top:1px solid #0f0;width:100%;padding:2px;background:#fff;
}
.merchants div.offername {
  display:block;float:left;width:420px;backgr1ound:#eee;padding-top:5px;
}
.merchants .merchantLogo {
  text-align: center;
  padding:5px;
}
.merchants .merchantLogo img {
  fl1oat:left;padding-right:3px;
}
.merchants a {
  border-top:1px solid #fff;
  background:#fff;
  display:block;text-decoration: none;
}
.merchants a:hover {
  border-top:1px solid #f00;
  background:#ccc;text-decoration: underline;
  color:#000;
}

div.produkt-logo {float:left; width:110px;height:146px;}
div.produkt-logo img {width:100px;}
.produkt-info {font-size:12px;font-weight:normal;font-family: Verdana,Arial, Helvetica, sans-serif;}
div.produkt-info {display:inline;margin-right:10px;fo1nt-size:0.9em; margin:5px 0 0 0; width:200px;}
.produkt-info h2 {font-weight:normal;}
.produkt-info h3 {font-size:16px;font-weight:bold;}
.kategorie-info {font-size:12px;font-weight:normal;font-family: Verdana,Arial, Helvetica, sans-serif;}
div.kategorie-info {display:inline;margin-right:10px;fo1nt-size:0.9em; margin:5px 0 0 0; width:200px;}

.sdesc{margin:0px;color:#aaa;height:8.0em;overflow:hidden;line-height:1.3em;}
.sdesc a {text-decoration:none;}
.descexpand{height:auto;}
.sdesc .attributes{text-transform:capitalize;}
a.moredetails{c1olor:#888a8b;text-decoration:none;font-size:0.9em}
.sdesc a.moredetails{padding-left:20px;}
a.moredetails:hover{text-decoration:underline}
a.fdlink{text-decoration:none;padding-left:12px;}
a.fdlink:hover{text-decoration:underline}

.linklistingAds a:hover {
    color:#000;
}
.linktitle h1 a:hover {
    text-decoration:underline;
}
.linklisting h2.linktitle {
    text-align:left;
    padding:10px 0px 2px 0px;
    margin:0px;
}
.linklisting .linkdescription {
    text-align:left;
    padding:0px 0px 10px 0px;
    margin-bottom:10px;
    border-bottom:1px solid #eee;
}
/* --------------------WERBUNG------------------- */
#werbung{height:90px;width:530px;border:1px solid #0f0;}
#werbung_bg{background-color:#eee;border:1px solid #b4d0dc;height:88px;width:726px}
#werbungen{left:1px;top:1px;width:726px;border:1px solid #f00;}
#werbungen ul{list-style:none;}
#werbungen ul li{float:left;height:88px;margin:3px 0px 3px 11px;overflow:hidden;width:227px}
.linktipp{margin:0px 0px;}
.werbungtext{font-size:12px;font-weight:bold;line-height:14px;max-height:15px;overflow:hidden;padding:0px;}
.werbungtext a {padding:0px; color:#0000cc;}
.werbungbody{color:#6f6f6f;display:block;font-size:12px;line-height:14px;max-height:44px;overflow:hidden;padding-top:2px;}
.werbunglink{color:#008000;font-size:10px;line-height:12px;overflow:hidden;white-space:nowrap}
.adurl{cursor:pointer;}
#hinweis{border:2px solid #ff0000;height:16px;text-align:right;font-size:10px;}
/* --------------------WERBUNG ENDE------------------- */
.werbungEnd{width:520px;}
.werbung_bgEnd{background-color:#fff;border:0px solid #b4d0dc;width:518px;}
.werbungenEnd{left:1px;top:10px;width:500px;padding-top:25px;}
.werbungenEnd ul{list-style:none;}
.werbungenEnd ul li{margin:3px 0px 3px 2px;overflow:hidden;padding-bottom:1px;}
#hinweisEnd{height:16px;text-align:right;font-size:10px;padding:5px; border:1px solid #0f0;}