/* Style Sheet - styles.css 
http://geburtstagsgeschenke.de
Author: Kirstin Ewerling
Date: August 2009
Update: September 2009 */


/* --------------allgemeiner Seitenaufbau---------------------- */

body {
	margin:0;
	padding:0;
	}


img {
		border:none;
		}

.sidebar {
	position:absolute; 
	top:10px; 
	margin-left:820px;
	font:normal 12px/1.5em Arial, Helvetica, sans-serif;
	text-align:center;
	}

	#wrapper {
		font:normal 12px/1.5em Arial, Helvetica, sans-serif;
		margin:auto;
		width:800px;
		border:1px solid #5c5c5c;
		}
	
		#header {
			background:url('/images/headerbg.jpg') no-repeat top left;
			height: 200px;
			border-bottom: 1px solid #5c5c5c;
			}
		
			#logo {
			width:205px;
			text-align:center;
			position:relative;
			top:-1px;
			left:0px;
			}
			
			#mainnav {
				float: left;
				width:205px;
				margin: 25px 25px 10px 0;
				list-style:none;
				padding:5px 0 0 0;
				display: inline;
				border-top: 1px solid #991400;
				border-bottom: 1px solid #991400;
				}
							
			#mainnav h4 {
			background:url('/images/mainnavbg.gif') repeat-x 50%;
			float:left;
			width: 185px;
			display:block;
			padding: 10px;
			margin:0 0 5px 0;
			color: #fff;
			}
			
			.leftnavi{
				float: left;
				width: 205px;
				margin: 0 0 25px 10px;
				list-style:none;
				padding:0;
				display: inline;
				}
					 
			.leftnavi li {
				padding: 2px 0 2px 2px;
				margin: 0;
				}
				
				.leftnavi li.eingerueckt {
				padding: 2px 0 2px 18px;
				margin: 0;
				}

			.leftnavi li.last {
				border-bottom:none;
				}

			.leftnavi li a {
				color:#5c5c5c;
				text-decoration:none;
				font:bold 0.9em/1.8em Arial, Helvetica, sans-serif;
				padding:0;
				margin:0;
				}
			
			.leftnavi li a:hover {
				padding: 0 0 0 0px;
				text-decoration:none;
				color: #991400;
				margin:0;
				}
			
			.leftnavi li a span {
				font-size:1.4em;
				}
				
				
			
				
			
			#content {
					width:550px;
					padding:0;
					margin:10px 10px 10px 0;
					float:left;
					display:inline;
					}
			
					#content h1 {
						font-size:1.6em;
						margin:10px 0 10px 0;
						}
						
					#content h2 {
						font-size:16px;
						}
						
															
					#content .productteaser {
						width:500px;
						padding: 8px;
						float:right;
						margin:0 15px 15px 0;
						border:1px solid #5c5c5c;
						}
						
						.productteaser h2 {
						padding: 5px;
						background: #991400;
						margin: 0;
						color: #fff;
						font-size: 1.4em;
						font-weight: bold;
						}
								
						.productteaser img {
						float: left;
						border: 1px solid #5c5c5c;
						margin-right: 8px;
						}
						
						.productteaser img.noborder {
						float: left;
						border: none;
						margin-right: 8px;
						}
						
						.productteaser p {
						float: left;
						margin: 5px 0 0 0;
						}
						
						a:hover.linklist  {
						font:bold 1.0em Arial, Helvetica, sans-serif;
						color:#cc2006;
						margin: 8px 0 0 0;
						text-decoration:none;
						float: left;
						}

					.productimage {
						float:left;
						margin-right: 8px;
						padding:0 0 0 0;
						}
						
					.groupteaser p {
						float: left;
						margin: 5px 0 0 0;
						}
						
						
						
						
						#content .producttipp {
						width:500px;
						padding: 8px;
						float:right;
						margin:0 15px 15px 0;
						border:1px solid #5c5c5c;
						}
						
						.producttipp h2 {
						padding: 5px;
						background: #666666;
						margin: 0;
						color: #fff;
						font-size: 1.4em;
						font-weight: bold;
						}
								
						.producttipp img {
						float: left;
						border: 1px solid #5c5c5c;
						margin-right: 8px;
						}
						
						.producttipp img.noborder {
						float: left;
						border: none;
						margin-right: 8px;
						}
						
						.producttipp p {
						float: left;
						margin: 5px 0 0 0;
						}
						
						
						
						
											
						#content .groupteaser {
						width:500px;
						height:120px;
						padding: 8px;
						margin:0 15px 15px 0;
						background-color: #f7f7f7;
						}
					
					.groupteaser h2 {
						padding: 0px;
						background: none;
						margin: 0;
						color: #000;
						font-size: 1.0em;
						}
								
					.groupteaser img {
						float: left;
						border: 1px solid #5c5c5c;
						}
						
					.groupimage {
						float:left;
						margin-right: 8px;
						padding:0;
						}
						
					.groupteaser p {
						float: left;
						margin: 0px 0 0 0;
						}
						
					
						
						
						
						
						
						#content .hiddenteaser {
						width:500px;
						height:120px;
						padding: 8px;
						margin:0 8px px 0;
						background-color: #fff;
						}
					
					.groupteaser h2 {
						padding: 0px;
						background: none;
						margin: 0;
						color: #000;
						font-size: 1.0em;
						}
								
					.groupteaser img {
						float: left;
						border: 1px solid #5c5c5c;
						}
						
					.groupimage {
						float:left;
						margin-right: 8px;
						padding:0;
						}
						
					.groupteaser p {
						float: left;
						margin: 0px 0 0 0;
						}
						
						
						
						a.teaserlink {
						font:bold 1.0em Arial, Helvetica, sans-serif;
						color:#000;
						text-decoration:none;

						}
					
					a:hover.teaserlink {
						color:#991400;
						text-decoration: none;
						}
						
						
						
						
						
						
					a.textlink{
						font:bold 1.0em Arial, Helvetica, sans-serif;
						color:#991400;
						margin: 8px 0 0 0;
						text-decoration:none;
						float: right;
						}
					
					a:hover.textlink  {
						color:#991400;
						text-decoration: none;
						padding: 0 10px 0 0;
						}
						
						
						
					
										
					a.textlink span {
						font-size:1.0em;
						}
						
						
						
						
						
						
						
						a.twitterlink{
						font:bold 1.0em Arial, Helvetica, sans-serif;
						color:#666666;
						margin: 8px 0 0 0;
						text-decoration:none;
						float: right;
						}
					
					a:hover.twitterlink  {
						color:#666666;
						text-decoration: none;
						padding: 0 10px 0 0;
						}
						
						
						
					
										
					a.twittertlink span {
						font-size:1.0em;
						}
						
						
						
						
						
						
						
						a.smallink {
						font:bold 1em Arial, Helvetica, sans-serif;
						color:#991400;
						text-decoration:none;
						}
						
						a:hover.smallink  {
						text-decoration: underline;
						}
						
						
						
						
						
						
						a.externlink{
						font:bold 1.0em Arial, Helvetica, sans-serif;
						color:#991400;
						margin: 8px 0 0 0;
						text-decoration:none;
						float: left;
						}
					
					a:hover.externlink  {
						color:#991400;
						text-decoration: none;
						padding: 0 10px 0 0;
						}
					
										
					a.externlink span {
						font-size:1.0em;
						}
						
				
					
					
					
			#footer {
				padding:5px;
				background:url('/images/footerbg.gif') repeat-x top left;
				text-align:right;
				}
			
			#footer a {
				font:normal 0.9em/1.5em Arial, Helvetica, sans-serif;
				text-decoration:none;
				color:white;
				}

			#footer a:hover {
				font:normal 0.9em/1.5em Arial, Helvetica, sans-serif;
				text-decoration:none;
				color:white;
				text-decoration:underline;
				}
					
					
					
	
/* --------------impressum.html---------------------- */
			
			dl#impressum {
				float: left;
				width:500px;
				padding:8px;
				margin:10px 0 30px 0;
				border:1px solid #5c5c5c;	
				}

				#impressum dt {
					font-weight:bold;				
					}
				
				#impressum dd {
					line-height:1.3em;
					margin:0;
					}
			
				#impressum dd.break {
					margin-bottom:10px;
					}
			
				#impressum dd img {
					margin-bottom:-6px;
					}



	.notfound {
		height:220px;
		padding-left:20px;
		border:1px solid #cecdcd;
		margin:0 auto;
		}

		
	.bg {
		width:400px!important;
		background:url('/images/notfoundbg.gif') no-repeat 25px 15px;
		padding-left:125px;
		}
	
		
		.notfound h1 {
			font:bold 2em Arial, Helvetica, sans-serif;
			margin-top:20px;
			}
		
		
		.notfound p {
			line-height:15px;
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			width:400px;
			margin-top:20px;
			}
		
		.notfound p a{
		font-weight:bold;
		color:#5c5c5c;}
		
		.notfound p a:hover{
		font-weight:bold;
		color: #991400;
		}
		
		
		
/* Artikel */
#article {
	width:550px;
	padding:0;
	margin:10px 10px 10px 0;
	float:left;
	}	

#article h2{
	clear:both;
	line-height:40px;
	}

#article p{
	font: normal 13px/20px Arial, Helvetica, sans-serif;
	}	

#article p a{
	padding:0;
	margin:0;
	float:none;
	color:#991400;
	font-weight:bold;
	text-decoration:none;
	white-space:nowrap;
	}	

#article p a:hover{
	background:#991400;
	color:#fff;
	padding:5px;
	}

#article img {
	padding:5px;
	border:1px solid #991400;
	}

	
#article img.left {
	float:left;
	margin:0 10px 10px 0;
	}

#article img.right {
	float:right;
	margin:0 0 10px 10px;
	}