/**
  * fredbaumgart.com
  *
  * @copyright       CONSPIC
  * @author          Tobias Bornemann
  * @version         1.0
  *
  * @revision        $Revision$
  * @lastmodified    $Date$
  */



/* PNG IE FIX */
img, div, li { behavior: url(http://www.fredbaumgart.com/_pngfix/iepngfix.htc); border: 0px;
		  }

/**
  * @section general settings
  *
  * This part is for general settings as body, p etc.
  * @see     
  */


	body {
		font-family: "Arial";
		background-color: #5d5d5d;
		color: #F4F4F4;
		text-decoration: none;
		word-spacing: normal;
		text-align: left;
		line-height: 1.6em;
		font-size: 0.7em;
		
		background-color: #f8f8f6;
		background-image: url(../_images/bg_root.png);
		background-repeat: repeat-x;
	}
	
	
	p {
		margin-top: 20px;
	}
	
	h1 {
		font-family: Trebuchet MS;
		font-size: 200%;
		margin-left: -20px;
	}
	
	h2 {
		font-family: Trebuchet MS;
		font-size: 150%;
		color: #ff6501;		
		margin-bottom: 10px;
	}

	h3 {
		margin-bottom: -10px;
	}


	li.list {
		list-style-position: outside;
		list-style-image: url(../_images/li.png);
		margin-left: 20px;
		padding-bottom: 4px;
	}
	
	
	
	a {
		font-size: 105%;
		font-family: Helvetica;
		color: #ff6501;
		text-decoration: none;	
	}
	
	a.footer {
		color: #333;
		font-size: 100%;
		font-family: Helvetica;
		text-decoration: none;	
	}
	
	/**
  * @section Template
  *
  * This section is for template DIVs only!
  * @see     
  */


	
	#head {
		width: 900px;
		height: 109px;
		background-image: url(../_images/bg_head.png);	
		margin: auto;
		border: 0px solid #FFFFFF;
	}
	
	
	#navi {
		width: 855px;
		height: 26px;
		padding-left: 45px;
		padding-top: 8px;
		background-image: url(../_images/bg_navi.png);	
		margin: auto;	
		
	}
		
	
	#teaser {
		width: 900px;
		height: 122px;
		padding-top: 200px;
		background-image: url(../_images/bg_teaser_eng.png);	
		background-repeat: no-repeat;
		margin: auto;			
	}
	
	#shop_teaser {
		color: #a8a8a8;
		font-size: 140%;
		font-weight: bold;
		text-align: right;
		padding-right: 80px;
	}
	
	#navi_tabs {
		padding-top: 97px;
		margin-right: 28px;
		height: 25px;
		width: 445px;
		float: right;
	}
	
	
	#content_root {
		width: 900px;
		background-image: url(../_images/bg_content_root.png);	
		background-repeat: repeat-y;
		margin: auto;
		
	}
	
	
	#content {
		width: 745px;
		padding: 50px;
		background-color: #363737;
		background-image: url(../_images/bg_content.png);	
		background-repeat: no-repeat;
		margin: auto;	
	}
	
		#content_left {
			margin-top: -20px;
			width: 550px;
			float: right;	
		}
		
		#bild {
			float: right;
			border: 2px solid #333;
			margin-left: 20px;
		}
		

				
				.artefakt {
					margin-right: 20px;
					margin-bottom: 20px;
					float: left;
				}
			
			.beschreibung {
					color: #a8a8a8;
			}			
	
	#footer {
		padding-top: 40px;
		width: 900px;
		height: 110px;
		background-image: url(../_images/bg_footer.png);	
		background-repeat: no-repeat;
		margin: auto;	
	}
	
	.impressum {
		margin-top: 10px;
		height: 110px;
		width: 245px;
		padding-top: 90px;
		padding-left: 45px;
		background-image: url(../_images/bg_imprint.png);		
		float: right;	
		color: #333;		
	}
	

	.linksfreunde {
		margin-top: 10px;
		height: 110px;
		width: 245px;
		padding-top: 80px;
		padding-left: 45px;
		background-image: url(../_images/bg_links_friends.png);			
		float: left;
		color: #333;	

	}
	
	.linksgalerien {
		margin-top: 10px;
		height: 110px;
		width: 245px;
		padding-top: 80px;
		padding-left: 45px;
		background-image: url(../_images/bg_links_galleries.png);			
		float: left;
		color: #333;	
	}
	
	.error {
		margin-top: 10px;
		text-align: center;
		background-color:#FF9999;
		border:1px solid #FF3333;
		padding:10px;
		display: none;
	}
		
	.valide {
		background-color:#CCFFCC;
		border:1px solid #66FF66;
		padding:10px;
	}
		
	
	#cssdropdown {	
		margin-top: 2px;
		margin-right: 50px;
		padding-left: 10px;
		padding-right: 10px;
		padding-bottom: 5px;
		float: right;
		background-color: #666666;
	}
	
	li.headlink ul { 
		display: none; 
		padding-top: 10px;
	}
	
	
/**
  * @section Main Navigation settings
  *
  * For all settings regarding the main navigation
  * @see     
  */


			/**
		  * @subsection List settings for main navigation
		  *
		  * 
		  * @see     
		  */


				li.navi {
					font-family: Verdana;
					font-size: 120%;
					list-style-position: inside;
					list-style-type: none;
					margin-left: 10px;
					margin-right: 10px;
					float: left;
					text-align: center;
				}
				
				
				li.divider {
					width: 6px;
					height: 33px;
					margin-top: -8px;
					background-image: url(../_images/nav_divider.png);
					list-style-position: inside;
					list-style-type: none;
					float: left;	
				}
			
			
			
			
					/**
		  * @subsection Link settings for main navigation
		  *
		  * 
		  * @see     
		  */

		
				a.navi {
					font-size: 105%;
					font-family: Helvetica;
					color: #F4F4F4;
					text-decoration: none;
				}
				
				
				a.active {
						color: #ff6501;
				}
				
				
				a.navi:hover {
					color: #ff6501;
					text-decoration: none;
				}	
	
	
	
	
/**
  * @section Sub Navigation settings
  *
  * For all settings regarding the tabs!
  * @see     
  */

			/**
		  * @subsection List settings for tab navigation
		  *
		  * 
		  * @see     
		  */	

	
	
				li.navi_sub_active {
					position: relative;
					width: 150px;
					height: 20px;
					text-align: center;
					margin-left: -20px;
					padding-top: 5px;
					padding-right: 10px;
					background-image: url(../_images/bg_navi_sub_active.png);
					float: left;
				}
				
				
				li.navi_sub {		
					position: relative;
					width: 150px;
					height: 20px;
					text-align: center;
					margin-left: -20px;
					padding-top: 5px;
					padding-right: 10px;
					background-image: url(../_images/bg_navi_sub.png);
					float: left;
					z-index: 0;
				}	
				
				li.index3 {
					z-index: 3;
				}
				li.index2 {
					z-index: 2;
				}
				li.index1 {
					z-index: 1;
				}	
				
	
	
	
	
			/**
		  * @subsection Link settings for tab navigation
		  *
		  * 
		  * @see     
		  */
	
				a.sub {
					color: #F4F4F4;
					font-size: 120%;
					font-weight: bold;
					text-decoration: none;		
				}
				
				a.sub_active {
					font-size: 120%;
					font-weight: bold;		
					color: #ff6501;	
					text-decoration: none;	
				}
				
				a.sub:hover {
					font-size: 120%;
					color: #ff6501;	
					text-decoration: none;
				}
	
	
	label {
		margin-bottom: 20px;
		display:block;
		float:left;
		font-size:11pt;
		font-weight:bold;
		padding-top:4px;
		width:130px;
	}


	input.frm, select.frm {
		display:block;
		float:left;
		font-family:"Arial",Verdana,Helvetica;
		font-size:9pt;
		font-weight:bold;
		padding:5px;
		width:200px;
	}
	
	input.plz {
		margin-right: 10px;
		width:50px;
	}
	
	input.ort {
		margin-right: 10px;
		width:126px;
	}



	input.button {
		padding: 5px;
		font-size: 120%;
		font-weight: bold;
		border:1px solid #333;
		color:#FF6700;
		float:right;
		margin-right:15px;
	}
	
	
	.frm_error {
		background-color:#FF9999;
		border:1px solid #FF3333;
		padding:10px;
	}


	.clearfix:after {
	    content: ".";
	    display: block;
	    clear: both;
	    visibility: hidden;
	    line-height: 0;
	    height: 0;
	}	
	
	/* IE-Patches für Clearfix */
.clearfix { display: inline-block; }
/* Vor IE5/Mac verstecken mit dem Commented Backslash Hack \*/
* html .clearfix { height: 1px; }
.clearfix { display: block; }
/* Ende des Versteckspiels für den IE5/Mac */