@import "reset.css";

/* BASIC */


body  		{
    			font-family: Verdana, Arial, sans-serif;
    			font-size:  11px;
				line-height: 17px;
    			background: url(images/bodybg.jpg) repeat-x #fff;
    			color: #232323;
    			}
  
div.clear		{
			clear:both;
			}


/* Header */

#container		{width: 1002px;}


#headerspacer	{
			width: 163px;
			height: 54px;
			float: left;
			}
  
#headernavi	{
			width: 479px;
			height: 54px;
			float: left;
			}
  
#headerlogo	{
			width: 360px;
			height: 54px;
			float: left;
			}

/* image */
  
#navi			{
			width: 163px;
			height: 335px;
			background-color: #d3cec1;
			padding-top: 10px;
			float: left;
			}




#tveinbindung	{
			width: 477px;
			height: 345px;
			background-color: #d3cec1;
			border-left: 1px solid #efefef;
			border-right: 1px solid #efefef;
			overflow: hidden;
			float: left;
			}

#hintergrundbild{
			width: 360px;
			height: 345px;
			background:url(images/kuechen-hintergrundbild.jpg) #c9c0af no-repeat;
			float: left;
			}

			
			
			
/* Content */			

 
#spacer		{
			width: 163px;
			min-height: 400px;
			float: left;
			}

#content		{
			width: 476px;
			padding-top: 10px;
			min-height: 400px;
			float: left;
			}

#logospalte	{
			width:170px;
			padding: 20px;
			float: left;
			xborder: 1px solid #ddd;
			}


#prevpic	{
			width:120px;
			height:96px;
			float: left;
			}
#prevtext	{
			width:280px;
			height:96px;
   			padding: 5px 40px 8px 10px;
			float: left;
			xborder: 1px solid #ddd;
			}





div.hr		{
			border-bottom: 1px solid #efefef;
			clear:both;
   			margin: 0 30px 20px 0;
			}


/* TYPOGRAFIE */


h1			{
   			font-size:  18px;
			line-height: 20px;
   			color: #BCB49F;
   			padding: 10px 0 12px 0;
			}

h3			{
   			color: #454545;
			font-weight: bold;
   			padding: 0 0 4px 0;
			}

h4			{
   			color: #454545;
   			}


p			{
   			color: #454545;
   			padding: 0 30px 8px 2px;
			}

.bold		{
			font-weight: bold;
			}





/* NAVIGATION */


a:link		{
			color: #d10019;
			text-decoration: none;
			}
a:hover		{
			color: #898989;
			text-decoration: underline;
			}

a:visited	{
			color: #d10019;
			text-decoration: none;
			}


#headernavi a{
	color: #51514F;
	text-decoration: none;
	font-size: 11px;
	font-style: normal;			
	margin: 6px 12px 6px 0;
	float: left;
	display: block;
	}

#headernavi a:hover{
	text-decoration: underline;	
}



#navi a{
	font-size: 11px;
	font-weight: bold;
	font-style: normal;			
	text-decoration: none;
	color: #51514F;
	display: block;
	height: 20px;
	padding-left: 11px;
	line-height: 19px;
	}

#navi a:hover{
	text-decoration: none;
	color: #828273;
	}

#navi a:visited{
	text-decoration: none;
	}
	
	
	
/* FORMULAR */


input				{
					vertical-align: middle;
					border-top:  1px solid #cccccc; 
					border-right:  1px solid #cccccc; 
					border-bottom:  1px solid #cccccc; 
					border-left:  1px solid #cccccc;
					margin-bottom:12px;
					font-size: 11px;
					color: #545454;
					}

					
.img				{
					border: 0;
					margin-left: 3px;
					}					

.size40				{
					width: 40px;
					height: 18px;
					margin: 0 0 12px 12px;
					}
					
.size115			{
					width: 115px;
					height: 16px;
					padding: 3px 0 0 5px;
					margin: 0 0 12px 12px;
					}

.size250			{
					width: 250px;
					height: 16px;
					padding: 3px 0 0 5px;
					margin: 6px 0 6px 0px;
					}		


.size50				{
					width: 50px;
					height: 16px;
					padding: 3px 0 0 5px;
					margin: 6px 0 6px 0px;
					}	
					
.size179			{
					width: 179px; /* kombination auf 250 */
					height: 16px;
					padding: 3px 0 0 5px;
					margin: 6px 0 6px 12px;
					}	
					
.radio				{
					border:  1px solid #cccccc; 
					margin: 4px 8px 6px 0;
					vertical-align: middle;
					}						

.box				{
					border:  1px solid #cccccc; 
					margin: 4px 8px 6px 0;
					vertical-align: middle;
					}	
					
.submit				{
					width: 257px;
					padding: 3px 0 3px 5px;
					margin: 6px 0;
					}
					
select				{
					width: 257px;
					height: 18px;
					padding: 3px 0 0 5px;
					margin: 6px 0 6px 0px;
					vertical-align: middle;
					border-top:  1px solid #cccccc; 
					border-right:  1px solid #cccccc; 
					border-bottom:  1px solid #cccccc; 
					border-left:  1px solid #cccccc;
					font-size: 11px;
					color: #545454;
					}

textarea.size250	{
					width: 250px;
					height: 100px;
					padding: 3px 0 0 5px;
					margin: 6px 0 6px 0px;
					vertical-align: middle;
					border-top:  1px solid #cccccc; 
					border-right:  1px solid #cccccc; 
					border-bottom:  1px solid #cccccc; 
					border-left:  1px solid #cccccc;
					font-size: 11px;
					color: #545454;
					}