/* CSS Document */

a.bestellen { 
text-indent: -100px;
display: block;
width: 120px;
height: 35px; 
background:url(../img/bestellen_button_klein.gif) no-repeat ;
background-position: 0px 0px;}


a.bestellen:hover { 
text-indent: -100px;
display: block;
width: 120px;
height: 35px; 
background:url(../img/bestellen_button_klein.gif) no-repeat ;
background-position: 1px -1px;
}




#headertext {
	position: absolute;
	top: 0px;
	right: 0px;
	width:139px;
	height: 112px;
	background-color: #c8cee4;
	padding: 5px;
	overflow: hidden;
	
	}


#headertext p{
	font-size: 0.9em;
	padding: 5px;
	letter-spacing:normal;
	line-height: 0.9em;
	}

			

#latariaschriftzug, #slogan {width: 173px;
	         text-align: center;
    		padding:4px 0px 0px ;
			height:16px;
			margin:0 ;
			color:#fff;
			background-color: #5377af;
			display:block;
			font-size:95%;
			font-weight: bold;
			/*letter-spacing:0.05em;*/
			line-height:1.0em;
			z-index: 1;
}
#latariaschriftzug{
			float: left;
			}
 #slogan{ 
			float: right;
			width: 148px;
			text-align:center;
			padding:4px 0px 0px 0px;
			z-index: 1;
			letter-spacing:normal;
}




#contentleft { 

text-align:right;

width:154px;

padding: 20px 0 0 0 ;}



#contentleft h4 {



		width: 143px;

    		padding:4px 16px 0px ;

     	

		height:16px;

		margin:0 ;

		

		color:#fff;

		background-color: #5377af;

		display:block;

		font-size:95%;

		font-weight:bold; 

		letter-spacing:0.1em;

		line-height:1.0em;

		

		}

		

#contentleft p {	

		color:#817E65;
		font-size:90%;

		}

		

				

		

#inhaltrechts { 

		text-align:left;

		width:146px;

		padding: 10px 0 0 0 ;

		overflow: visible;
		z-index: 1;

		}

#inhaltrechts p{ 

		text-align:left;

		width:138px;

		padding: 10px 0 0 0 ;

		overflow: hidden;
		z-index: 1;


		}





		







html, body {

		margin:0;

		padding:0;

		border:0;			/* This removes the border around the viewport in old IE */

		width:100%;

		height: 		101%; 

		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 */

		}





#wrapper {

		text-align:		center; 	

		width: 			992px !important;

		width:			992px;

        height:		        710px;

	  	height:			auto !important;

		/*margin:			25px auto 25px auto;*/ /*zentriert auf Bildschirm*/

		margin:			10px auto 25px 10px; /*Am Linken Rand  auf Bildschirm*/

		position:		relative;

		top:			0px;

        left: 			0px;

		}



#titel h2 { color:#FFF; padding: 0px; margin: 0px; letter-spacing:0.15em; font-size:170%;}





#header {

		clear:both;

		margin:0;

		padding:0px !important;

		text-align:right;

		height:122px;

		width:100%;	

		text-align: left;

		}





#logo  {

		position: absolute;

		top: 0px;

		left: 0px;		

		width: 174px;

		height:122px;

		padding: 0px;

		margin: 0px; 

		}

		

#headerimg {

	position: absolute;

		top: 0px;

		left: 174px;

		width:669px;

		height: 122px;

		background-image: url(../img/headerbild.jpg);
		background-repeat:no-repeat;

		}		



#titel {

	position: absolute;

	top: 80px;

	left: 192px;

	height:46px;

	z-index:2;

		}



#hilfsnavigation  {

	visibility:hidden;

		position:absolute;

		top: 239px;

		left: 732px;

		height:36px;

		color:#FF0000;

		}



/* 'widths' sub menu */



#layoutdims {

		clear:both;

		background:#5377af;
		margin:0;

		padding:0px !important;

		text-align:right;

		height:21px;

		width:100%;	

		}

		

		

/* column container */



.colmask {

		position:relative;	/* This fixes the IE7 overflow hidden bug */

		clear:both;

		float:left;

		width:100%;			/* width of whole page */

		overflow:hidden;		/* This chops off any overhanging divs */

		}

/* common column settings */



.colright,

.colmid,

.colleft {

		float:left;

		width:100%;			/* width of page */

		min-height:		500px;

  	    height:		auto !important;

	  	height:			500px;

		position:relative;

		text-align:left;

		}



.col1,

.col2,

.col3 {

		float:left;

		position:relative;

		padding:0 0 0 0;	/* no left and right padding on columns, we just make them narrower instead 

						only padding top and bottom is included here, make it whatever value you need */

		overflow:hidden;

		}

.col1 {

		padding-top:49px;

		/*border: solid #ccc 1px;*/

		}	

		



/* 3 Column settings */



.threecol {

		/*background-image: url(../img/bg_proto.gif);*/

		background-image: url(../img/bg.gif);

		background-repeat:repeat-y;/* right column background colour */

		}



.threecol .colmid {

		right:25%;			/* width of the right column */

		/*background: #099;*/		/* center column background colour */

		}



.threecol .colleft {

		right:52%;			/* width of the middle column */

		/*background:#ffffff;*/	/* left column background colour */

		}



.threecol .col1 {

		width:50%;			/* width of center column content (column width minus padding on either side) */

		left:101%;			/* 100% plus left padding of center column */

		}



.threecol .col2 {

		width:21%;			/* Width of left column content (column width minus padding on either side) */

		left:26.8%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */

		}



.threecol .col3 {

		width:16%;			/* Width of right column content (column width minus padding on either side) */

		left:91%;

		z-index: 1;			/* Please make note of the brackets here:

						(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */

		}



/* Footer styles */



#footer {background-image: url(../img/bg.gif);

		background-repeat:repeat-y;/* right column background colour */

		clear:both;

		float:left;

		width:100%;

		text-align: left;

		/*background: #ffffff;*/

		}





	#footer p {

		padding :20px 0px 20px 100px;

		margin:0;

		color:#999999;

		font-size: 70%;

		font-weight:normal;

		}

		

		



#footer a { 

		text-decoration: none; 

		}

#footer a:hover { 

		text-decoration: underline; 

		}