/* CSS Document */
html, body {
	
	padding: 0;
/*	height: 100%;*/
	margin-top: 2px; /*Abstand vom oberen Browserrand*/
font-family: "Trebuchet MS",Verdana,Arial,sans-serif;
  
	font-size:100.1%; 
	text-align: center;
	background-color:  #333333;	/*  font-family: Arial, Helvetica, sans-serif;*/
	
}

#headbild {
	/*background: url(http://www.geschenke-trolle.de/images/head.jpg);*/
	background: url(http://www.geschenke-trolle.de/images/head-tytter.jpg);
		width: 806px;
		height: 193px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	/*border-left: 2px solid #333333;
border-right: 2px solid #333333;*/
}	

#alles{
background-image:url(http://www.geschenke-trolle.de/images/backli.gif); background-repeat:repeat-y;

padding: 0;
text-align: left;
margin: 0 auto;
background-color:#FFFFFF;
width: 800px;
border-left: 3px solid #000033;
border-right: 3px solid #000033;
border-bottom: 3px solid #000033;
background-color:#FFCCCC;
/*background: #FFFFFF;border:3px solid #C5C58B;filter:DropShadow(color=#FFFFFF, offx=5, offy=5);*/
}

  * html #alles {width: 796px; }/*nur für IE 5.5 - 6.x */
html + body #alles{ width: 796px;  }  /*nur vom IE 5.0 */

#Streifen{/*brauner Streifen*/
background: #8D856E; 
height:25px;
text-align:left;
white-space:nowrap;
border-top: 1px solid #000033;
border-bottom: 1px solid #000033;

}

  * html #Streifen {width: 800px; }/*nur für IE 5.5 - 6.x */
html + body #Streifen { width: 800px;  }  /*nur vom IE 5.0 */
 
.links{
	/*norwegische Trolle #990000;*/
	margin-left: 2px;
	margin-top: 2px;
	float: left;
	background-color: #8D856E; 
	font-size:13px;
}
.links a, .links h1{
	/*norwegische Trolle #990000;*/
	color: #191970;
	font-weight: bold;
	text-decoration:none;
}
.links h1{color:#000000; font-size:13px;}
.rechts { /*Strich zwischen Warenkorb und Kasse*/
/*color:#000000;
	font-size: 12px;*/
	margin-right: 5px;
	margin-top: 3px;
	   float:right;} 		
/*	.rechts a:link, .rechts a:active, .rechts a:visited { Warenkorb Kasse
color: #000033;
	font-size: 13px; font-weight: bold; text-decoration:none;
	} 
		
.rechts a:hover  {
color: #990000;  
background-color: #CCCCFF;
}	*/
/*Ende Streifen*/

#menu { 
position:relative;
 width: 170px; 
padding: 3px 3px 0px 8px; /*oben, rechts, unten, links*/
float: left;

} 

 

#soso {text-align:left; border: 1px solid #000000; padding: 2px}

#content{

margin-left: 180px;
background-color:#FFFFFF;
padding-left:5px; padding-right:5px; 
letter-spacing: normal;
background-color:#FFCCCC;
font-size: 16px; 
}
#werbung{position: relative;
margin-left: 180px;
background-color:#FFFFFF;
padding-left:5px; padding-right:5px; 

}
/*Startseite
.inhtml{font-size: 0.9em}*/

hr{color:#003366;height:1px;}

#content a, #contentnews a {
color:blue;
text-decoration:none;
}
/*p {margin: 0; 
padding: 10px; 
font-size: 0.8em; 
line-height: 1.4em;}*/
 /** html #content {height: 1%;} end hide */ /***** General formatting ****/ 

   #footer {
	position: relative;/**/
		width: 800px;
		height: 80px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 5px;
	font-size: 0.9em;
	
}
  #footlinks { 
  width: 120px;
 float:left;/**/
 text-align: left;
 margin-left: 2px;margin-top: 1px;
 
 }
 
  #footmitte {
/* float:right;*/
 position: relative; 
padding: 0px 0px 0px 130px;/*geht von links nach rechts: 280 content von links*/
text-align:center;
color: #CCCCCC;
/*border:1px solid green;*/
float:left;
 margin-bottom: 5px;
  }
  #footmitte a {text-decoration: none}
 
  #footrechts {
/* float:right;*/
 position: relative; 
/*padding: 0px 0px 0px 100px;geht von links nach rechts: 180 content von links*/
text-align:right;
/*border:1px solid blue;*/
 margin-bottom: 5px;
  }
  
   
  
  #footlinks  a, #footrechts a, #footer a {color:#6699CC;

text-decoration:none;  }

 #soso, .letter a  {
	/*margin-top:50px;*/
	color: #000000;
	text-decoration: none;
		 font-size: 11px;	
}		

#soso a{color:#666666; text-decoration: none; font-size: 11px;}  	  

.clear-left {
clear:left; /* Wer float sagt, muss auch clear sagen */
font-size:1px; /* Damit das Ganze unsichtbar bleibt */
}

  .clear {
  clear: both;
font-size:1px;
}
/*#p7swapmenu {
	background-color: #E3E0BB;
	border: 1px solid;
	border-color: #E4E9D8 #99A189 #99A189 #E4E9D8;
	
	padding: 6px;
		
	
}*/

/* Turns off Margin, Padding, and Bullets for the Menu List */
#p7swapmenu ul {margin: 0px; padding: 0px;}
#p7swapmenu li {margin: 0px; padding: 0px; list-style-type: none;}


/* Rules to copy if you use the WriteStyles Command */
.closed ul{display:none;}
.open ul{display:block;}/**/

/* Link Styles for the Menu */
.closed a, .open a, .allein a, .p7current a{
	background-repeat: no-repeat;
	background-position: 3px 50%; 
	/*border-bottom: 1px dotted #0000FF;
	display: block;alle borders gleich groß
	border-color: #C9D0AD #848C71 #848C71 #C9D0AD;*/
	color: #000033; 
		font-size: 13px;
	/*padding: 2px 0px 2px 16px; rechts,unten*/           
	padding: 2px 0px 2px 16px;
	line-height: 21px;/**/
	text-decoration: none;/*nicht unterstrichen*/
}


/* Hover and Active styles for the menu */
.closed a:hover, .open a:hover, .closed a:active, .open a:active, .allein a:hover {
			background-color: #CCCCFF;
		color:#000033;}

.allein a, .p7current a{background-image: url(http://www.geschenke-trolle.de/images/pagemarker.gif);}
	

/* Plus Sign for Trigger Links in Closed State */
.closed a {
	background-image: url(http://www.geschenke-trolle.de/images/menplus.gif);}


/* Minus Sign for Trigger Links in Open State */
.open a {background-image:  url(http://www.geschenke-trolle.de/images/menminus.gif);}


/* Link Styles for the Submenus */
.closed ul a, .open ul a, .open ul a:hover  {
/**/display:block;
	background-color:#E1E1C4;
	background-image: url(http://www.geschenke-trolle.de/images/pagemarker.gif);
	background-repeat: no-repeat; 
	background-position: 0% 50%; /*border: 0;*/
	/*color:black; bei anderer Farbe für open a*/
	font-weight: normal;
	padding-left: 12px; /*padding: 0 0 0 12px; 12 Abstand Bild zur Schrift*/
	 margin-right: 12px; /* Bilder 16 nach rechts*/
	margin-top: 0px; 
	margin-bottom: 0px;
	margin-left: 10px;/* Abstand von vorne*/
	line-height: 16px;
	color:#003366;
}


#idakt {background-color: #CCCCFF;
		color:#000033;}
/* Ende p7*/


a.extern:link { background:url(http://www.geschenke-trolle.de/images/extern.gif) no-repeat center right;  }
        a.extern:visited { background:url(http://www.geschenke-trolle.de/images/extern.gif) no-repeat center right;  }
        a.extern:hover { background:url(http://www.geschenke-trolle.de/images/extern_hover.gif) no-repeat center right;   }
        a.extern:active { background:url(http://www.geschenke-trolle.de/images/extern.gif) no-repeat center right;  }
 
 /*Produkte*/
 h2{
	text-align: center;
	
	color: #B22222;
	font-weight: bold;
	font-size: 1.1em;
	margin-bottom: 2px;
}

 h3{
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	/*color: #B22222;*/
	color:#191970;
	font-weight: bold;
	font-size: 1.0em;
	margin-bottom: 2px;
}

 .tabprodukte{
	font-family: Arial, Helvetica, sans-serif;
		
}
.tdueber {
	/*background-color: #E6E68F;*/
	font-size: 0.9em;
	color: #191970;
	font-weight: bold;
	
	text-align: center;
}
.tdbild,  .tdbild a
{font-size: 0.9em; 
	text-align:center;
	}
	
	.tdbeschr{font-size: 0.8em;
	text-align: center; 
}

.tdbeschr, .tdueber, .tdbild{border-left: 1px solid #999999; border-right: 1px solid #999999;}

.kleiner{font-size: 12px;
	}

.suche{font-size: 10px; color:#999999;
	}

 .preis {color: #B22222;
 font-weight: bold;
}

/* table{ notwendig für einstellbare Fondsgröße
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	
}*/
	.zwischen{
	font-size: 0.8em;
	 font-weight: bold;
	/* line-height: 30px;*/
	margin-top:10px;	
	color:#990000;
	}
	
	.liefer{font-size: 12px;
	color: #666666;
		}
 
	.logoutoben_aktiv{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.3em;
	color: #B22222;
	}
	.logoutoben_inaktiv{font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	color: #666666;}
	
	/*cart.php*/
	.carttabelle  {
	font-family:Arial, Helvetica, sans-serif;
	border-collapse: collapse;/* 2 Rahmen werden zusammengefaßt*/
	font-size: 0.9em;
	text-align: left;
	}
	
	.cartueber {
	background-color: #E6E68F;
	color: #191970;
	font-weight: bold;
	font-size: 1.0em;
	text-align: center;
	 border: 1px solid #003366;
}
	.carttd { border: 1px solid #003366;
	padding-right: 3px;
	text-align: right;}
	
	.carttdklein { border: 1px dotted #CCCCCC;
	font-size: 11px;
	color: #000033;	}
		.linkcartklein a:link, .linkcartklein a:active, .linkcartklein a:visited { /*Warenkorb Kasse*/
color: #000033;
	font-size: 0.9em;} 
	
	.linkcartklein a:hover  {
color: #000033;  
background-color: #CCCCFF;
}
	
	
	.cartsumme {font-size: 0.9em;
	text-align: right;
}/**/
	.PreismitVersand {
	text-align: center;
	font-weight: bold;
	background-color: #CCCCCC;
	color: #990000;
	
}
/*Ende cart.php*/

/*Textfelder*/
.text {
	border-bottom: 2px solid #666666;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-color: #999999;
	border-right-color: #999999;
	border-left-color: #999999;
}
	
/* set millions of background images */
.rbroundbox { background: url(http://www.geschenke-trolle.de/images/nt.gif) repeat; }
.rbtop div { background: url(http://www.geschenke-trolle.de/images/tl.gif) no-repeat top left; }
.rbtop { background: url(http://www.geschenke-trolle.de/images/tr.gif) no-repeat top right; }
.rbbot div { background: url(http://www.geschenke-trolle.de/images/bl.gif) no-repeat bottom left; }
.rbbot { background: url(http://www.geschenke-trolle.de/images/br.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
height: 7px;
font-size: 1px;
}
.rbcontent {margin: 0 3px; }
.rbroundbox { width: 510px; }


/*runde Ecken Warenkorb pink außen, weiß innen*/
div#nifty{width: 510px; margin-right: auto;margin-left: auto;background: #FFFFFF;}
b.rtop, b.rbottom{display:block;background:#FFCCCC; width:100%}
b.rtop b, b.rbottom b{display:block;height: 1px;
    overflow: hidden; background: #FFFFFF}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}


.gaeste{background-color: #CCCCFF;  padding: 2px; width: 570px; font-size: 0.95em;}
.gaeste2{background-color:#FFFFFF;  font-size: 0.95em;}

/*tellfriend*/
#Layer2 {
	position:absolute;
	z-index:3;
		background-color:#FFFFFF;
		visibility: hidden;/**/	
margin-top: -540px;
margin-right: -200px;
	
		}

@media print{
#alles {border: none;}
#headbild,#footer,#Streifen,#menu
{
display: none;
}
}


@media print {
#content {margin-left: 5px;
        display: block;
    }
}