/*
Theme Name: picoCMS
Theme URI: http://stereophone.de/
Description: Klassisches CMS Template mit Page/Subpage Navigation
Author: stereophone
Author URI: http://stereophone.de/
*/

body {
background: #efefef;
margin: 0px;
padding: 10px 0 10px; 0;
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
text-align:center;
font-size: 12px;
border: 1px;
line-height: 18px;
}

a {
font-weight: bold;
text-decoration:none;
color: #5A7800;
}

h1 {
	margin:0px;
	}
h2 {
margin: 0;
border-bottom: solid 1px #ccc;
padding-bottom: 3px;
}

td {
	padding-top: 10px;
}
#interface {
width: 800px;
margin: 0 auto;
text-align:left;
padding:0;
}

#head {
width: 800px;
height: 120px;
background: #fff url(pics/header.jpg);
margin: 0px;
padding: 0px;
border-top: 1px solid #d0d0d0;
border-left: 1px solid #d0d0d0;
border-right: 1px solid #d0d0d0;
}

#head h1 {
color: #5A7800;
padding-top: 20px;
text-align: center;
} 
.description {text-align: center;}

img {
	padding:3px;
	border:2px solid #C9C9C9;
	background:#FFF;
	margin-right: 10px;
    margin-bottom: 10px;
}

#menu {
width: 800px;
height: 30px;
background-image: url(pics/menu.jpg); 
background-repeat:repeat-x;
border-left: 1px solid #d0d0d0;
border-right: 1px solid #d0d0d0;
}


#menu a {
  float: left;
  color: #f8f8f8;
  padding-top: 5px;
  height: 18px;
  padding-left: 12px;
  padding-right: 12px;
  text-decoration: none;
  }


#menu a:hover {
  background: url(pics/menu_hover.jpg) repeat-x bottom;
  padding-left: 11px;
  padding-right: 11px;
  padding-bottom: 7px;
  border-left: 1px solid #aaaaaa;
  border-right: 1px solid #aaaaaa;
  }

#menu li { display: inline; margin: 0; text-align: center; }

#menu ul { list-style: none; margin: 0; padding: 0;  }

#container {
width: 800px;
padding-top:10px;
background: #FFFFFF;
border-left: 1px solid #d0d0d0;
border-right: 1px solid #d0d0d0;
}

#navi {
float:left;
width: 800px;
height: 30px;
background: #fff;
}

#navibox {
width: 800px;
background: #fff;


}
#navibox ul{
	margin-top:3px;
margin-left: 10px;
padding: 0;
}
#navibox li{
display: inline;
list-style-type:none;
width: 180px;
height: 22px;
background: #d9ffaf;
margin-bottom: 5px;
border-left: solid 5px #0C8C0C;
padding-left: 5px;
padding-right:5px;
padding-bottom:5px;
padding-top: 5px;

}

#navibox li:hover{
background: #F3EAC5;
border-left: solid 5px #5A7800;
}


#content {
float:left;
width: 800px;
background: #fff;

}

#contentbox {
width: 790px;
background: #fff;
margin-left: 10px;
margin-bottom: 10px;
}

#footer {
clear:both;
width: 800px;
height: 30px;
background: #b7e288;
border-right: 1px solid #d0d0d0;
border-bottom: 1px solid #d0d0d0;

}

#footerlink{
float:right;
margin: 6px 10px 0 10px;
}
#custom_contact_form{
	width: 500px;
	padding: 10px;
	border: 1px solid #A5A5A5;
	margin-bottom: 10px;
}
.input.button { 
	padding:2px 5px;
	font: 12px/12px 'Trebuchet MS', Arial, sans-serif ; 
	color: #ffffff;
	border: 1px solid #ccc;
	background-color: #D4FFAA; 
	}
.input.button:hover { 
	padding:2px 5px;
	font: 12px/12px 'Trebuchet MS', Arial, sans-serif ; 
	color: #ffffff;
	border: 1px solid #ccc;
	background-color: #AAFF00; 
	}