/*---------------------------------------------
      Stylesheets von Bestes-Handwerk.de
---------------------------------------------*/

HTML {
  margin : 0px;}

BODY {
  background-image:url('bestes-handwerk-logo.gif');
  background-color: #eeeeee;
  background-position: top left;
  background-repeat:no-repeat;
  color : black;
  margin : 0px;
  padding : 0px;
  font-family : verdana,arial,helvetica,sans-serif;
  font-size : 100%; }

#head {
  display : none;}

P {		
  max-width : 580px;}

.gzu {
		border : 1px dotted silver; 
		padding : 8px; 
		background-color : #EEEEEE;
		margin-bottom : 14px;
		max-width : 580px;
		clear : both;}
		
.dat {
		color : #000099;
		font-style: italic;
		background-color:white;
		font-weight : normal; }

#logo {
		float:left;
		width : 69%;
		height : 75px;
		padding : 0px; 
		font-family : verdana,arial,helvetica,sans-serif;
		font-size : 0.88em;;
		 }


#kopf {
		float:left;
		width : 30%;
		height : 25px;
		padding : 0px;
		font-family : verdana,arial,helvetica,sans-serif;
		font-size : 0.88em;
		text-align: right; }

#kopf2 {
		width : 30%;
		height : 45px;
		padding : 0px;
		font-family : verdana,arial,helvetica,sans-serif;
		font-size : 0.66em;
		align: center;
		visibility:hidden; 
		background-color: #C8D7F5;
		padding-left:5px;
		padding-top:0px;
		margin-bottom:5px;}

.input {
		display : inline;
  		margin-bottom : 5px;}

#menu {
	float: left;
	width : 18%;
	max-width : 160px;
	border-right : 0px solid black;
	padding-left : 15px;
	margin-top : 0px;
	margin-right : 0px;
	margin-left : 0px;
	line-height : 130%;
	font-family : arial,helvetica,sans-serif;
	font-size : 0.84em;  
	background-color: #C8D7F5;}

#haupt {
		float : left;
		margin-top: 0; 
		width : 55%;

	max-width : 600px;
		background-color : white;
		background-image : none;
		padding-top : 9px;
		padding-left : 12px;
		padding-right : 12px;
		padding-bottom : 12px;
		line-height : 140%;
		color : black;
		font-size : 0.88em;
		background-color: #ffffff;}

#du {
		float : left;
		border : 0px solid blue;
		width : 16%;
		height : 24px;
		padding-left : 10px;
		margin-top : 0px;
		margin-right : 0px;
		margin-left : 0px;

		font-family : verdana,arial,helvetica,sans-serif;
		font-size : 0.9em;
		margin-right : 0px;
		line-height : 120%;
		background-color: #dd5519; }


#vorbrot {
		float : left;
		width : 18%;

	max-width : 160px;
		height : 24px;
		margin : 0px;
		padding-top : 3px;
		padding-left : 15px;
		font-family : verdana,arial,helvetica,sans-serif;
		font-size : 0.8em;
		font-weight : normal;
		background-color: #C8D7F5;}

#brot {
	float : left;margin : 0px;
	width : 78%;
	height : 24px;
	padding-top : 3px;
	padding-left : 12px;
	font-family : verdana,arial,helvetica,sans-serif;
	font-size : 0.8em;
	font-weight : normal;}

#brotstart {
		float : left;
		border : 0px solid red;
		width : 90%;
		margin-left : 18px;
		padding : 4px;
		margin-top : 0px; 

		background-color: #765432;}

#menurechts {
		float: left;
		width : 160px;
		padding-left : 10px;
		padding-top : 8px;
		margin-top : 5px;
		margin-left : 5px;
		margin-right : 0px;
		line-height : 130%;
		font-family : arial,helvetica,sans-serif;
		font-size : 0.8em; 

		background-color: #ffffff;
		border : 1px dotted #272727;}

#weiter {
		width : 100%;
		margin-top : 26px;
		padding: 0px;
		font-size : 0.9em; 

		background-color: #005511;}

#fuss {
		float : left ;
		width : 100%;
		border : 0px solid red;
		margin-top : 12px;
		text-align : center;
		font-family : arial,helvetica,sans-serif;
		font-size : 0.9em;
		margin-bottom : 14px;}

#werbung {
	width : 100%;
	margin-bottom : 0px;
	padding-top : 10px;
	margin-top : 12px;
	font-family : arial,helvetica,sans-serif;
	font-size : 1.1em;
	background-color : transparent;
	border : 0px dotted #272727; 		}

#form {
	margin-top : 10px; 
	background-color: #998822;}

#mg {
	text-decoration:none
	font-weight:bold;
	line-height:100%;
	font-family : arial,helvetica,sans-serif;
}

H1 {
	font-family : arial,helvetica,sans-serif;
	font-size : 28px;
	padding-bottom : 2px;
	line-height : 110%;}

H2 {
	font-family : arial,helvetica,sans-serif;
	font-size : 22px;
	padding-bottom : 0px;
	line-height : 100%;}

H3 {
  font-family : arial,helvetica,sans-serif;
  font-size : 18px;
  color : red;
  background-color:white;
  font-weight : normal;}


ul { 
  list-style : circle;			 }

li { 
  line-height : 180%;		 }


.kopfnav{
	color:#0a468f;
	font-family:verdana, arial;
	font-weight:400;
	font-size:10px;
	text-decoration:none; }

A {
  outline: none;}

A:link {
  color : #0A468F;
  font-weight: bold;
  text-decoration: underline;
  background-color : transparent; }

A:visited {
  color : #1F5BA3;
  font-weight: bold;
  text-decoration: underline;
  background-color : transparent; }

A:hover {
  color: #FF6906;
  font-weight: bold;
  text-decoration: none;
  background-color : transparent;}

A:active {
  color: red;
  text-decoration: none;
  background-color : transparent; }


.uns {
  display : none; }

.rah {
  border : 1px dotted #949494; }

.illu {
  margin-right : 10px; 	 }

TABLE {
		line-height : 120%;
		font-family : verdana,arial,helvetica,sans-serif;
		font-size : 0.95em; 
		padding : 2px;}
		
.phpdigHighlight {
		font-weight: bold;}

DFN {
	font-style: normal;  }
	
	
	
.boxin {
padding  : 4px; 
border : 0px solid black; 
line-height : 150%; }

.boxin2 {
padding  : 4px; 
font-size:88%; 
border : 0px solid black; 
line-height : 150%; }

.ueber {
font-size: 20px;
line-height : 120%;}

.pic {
border : 1px solid silver;
margin-right:12px;
clear:left;}

.tm {
background-color : #D0E0FE; 
color:black;
padding : 3px;}

.lis { 
list-style : circle;
font-size : 90%;
margin-top: -10px;}

.an { 
font:menu;
color: #C0C0C0;
margin-left : 110px;  }


	/* Big box with list of options */
	#ajax_listOfOptions{
		position:absolute;	/* Never change this one */
		width:270px;	/* Width of box */
		height:250px;	/* Height of box */
		overflow:auto;	/* Scrolling features */
		border:1px solid #0A468F;	/* Dark green border */
		background-color:#FFF;	/* White background color */
		text-align:left;
		font-size:0.9em;
		z-index:100;
	}
	#ajax_listOfOptions div{	/* General rule for both .optionDiv and .optionDivSelected */
		margin:1px;		
		padding:1px;
		cursor:pointer;
		font-size:0.9em;
	}
	#ajax_listOfOptions .optionDiv{	/* Div for each item in list */
		
	}
	#ajax_listOfOptions .optionDivSelected{ /* Selected item in the list */
		background-color:#0A468F;
		color:#FFF;
	}
	#ajax_listOfOptions_iframe{
		background-color:#F00;
		position:absolute;
		z-index:5;
	}