/*  
Theme Name: anywhere-mobile
Description: Website der anywhere-mobile GmbH
Version: 1.0
Author: Lilia Kraft
Author URI: http://www.kraftkreation.de/
*/

* html li {
height: 1em;
}

/* Allgemeine Angaben */
* {padding:0px; margin:0px;font-family: Verdana, Arial, Helvetica, sans-serif;}

body{
	margin: 0 0 0 0;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	color: #949499;
	line-height: 16px;
	background-image: url(images/bg.gif);
	background-repeat:repeat;
	background-color: #ccd7cf;
}

a{
	color: #328f38;
	text-decoration: none;
}
a:hover{
	color: #328f38;
	text-decoration: none;
}
img{
	border:0px;
}
h1 {
	padding: 0px;
	margin: 0px;
}
.hide {
  position: absolute !important;
  top: -6000px !important;
  left: -6000px !important;
  height: 1px !important;
  width: 1px !important;
}
ul,li{ 
	margin:0; 
	padding:0px; 
	list-style-type: none; 
	position: relative;
}
.container{
	margin: 0 auto 0 auto;
	width: 810px;
}
.header{
	margin: 14px 0 0 0;
	width: 810px;
	height: 104px;
	background-image: url(images/bg_head.gif);
	background-repeat:no-repeat;
}
.logo{
	padding:43px 0 0 23px;
	width: 217px;
	height: 42px;

}
.visuals{
	width: 810px;
	height: 192px;
	background-image: url(images/bg_vis.gif);
	background-repeat:repeat-y;
}
.vis1{
	width: 256px;
	height: 192px;
	background-image: url(images/vis1.gif);
	background-repeat:no-repeat;
	float:left;
}
.vis2{
	width: 554px;
	height: 192px;
	background-image: url(images/vis2.jpg);
	background-repeat:no-repeat;
	float:right;
}
.content{
	width:810px;
	background-image: url("images/bg_content.gif");
	background-repeat:repeat-y;
	height:100%;
	overflow:hidden;
}


/* MAINMENU */
#mainmenu { padding: 23px 0 0 69px;float:left; width:187px;}
#mainmenu ul{list-style:none;}
#mainmenu ul li a{background:transparent url("images/mainmenu.gif") no-repeat 0 0;padding: 4px 4px 4px 12px;font-weight:bold;font-size:12px;display:block;}
#mainmenu ul li a:visited{background-position:0 0;display:block;}
#mainmenu ul li a:hover{ background-position:0px -22px; color:#fff;}
#mainmenu ul li a.active{ background-position:0px -22px; color:#fff; display:block;}

/* SUBMENU */
#mainmenu ul li ul li a, 
#mainmenu ul li ul li a:link,
#mainmenu ul li ul li a:visited{
color:#949499; font-size:11px; padding:2px 4px 1px 20px; font-weight:normal; background: transparent url("images/pfeil_off.gif") no-repeat 12px 10px;
}
#mainmenu ul li ul li a:hover{color:#328f38; background: transparent url("images/pfeil_on.gif") no-repeat 12px 10px;}
#mainmenu ul li ul li a.active{font-weight:bold; color:#328f38; background: transparent url("images/pfeil_on.gif") no-repeat 12px 10px;}

/* METAMENU */
#metanav {margin:5px 20px 0 0; float:right;}
*html body #metanav{display:inline;}
#metanav ul{ list-style-type:none;}
#metanav li{float:left;width: 36px; height: 24px;}
#metanav li a{background: transparent url("images/metanav.gif") no-repeat 0 0;}
#metanav li.home a {width:36px; background-position:0 0;}
#metanav li.contact a {width:36px; background-position:-35px 0;}
#metanav li.impressum a {width:36px; background-position:-70px 0;}

#metanav li a{float:left;height:24px;}
#metanav ul li a span{display:none;}


#content-right {
	width:480px;
	margin:0 0 0 35px;
	float:left;
	padding: 27px 27px 0 0;
}

#content-right h1, h2, h3 {
	color: #328f38;
	font-weight:bold;
	font-size:12px;
	text-decoration: none;
}
p.spacer{margin:5px 0 10px 0;}
.post{margin:0 0 20px 0;}

#content-right a{color: #e4ac5d;}
#content-right a:hover{color: #e4ac5d;}
#content-right h1 a{color: #328f38;}
#content-right h1 a:hover{color: #328f38;}

#articles {
	width:480px;
	margin:0 0 0 35px;
	float:left;
	padding: 27px 27px 0 0;
}
#articles h1 a {
	color: #328f38;
	font-weight:bold;
	font-size:12px;
	text-decoration: none;
}
#articles h1 a:hover {
	width:490px;
	color: #328f38;
	font-weight:bold;
	font-size:12px;
	text-decoration: underline;
}
.subheadline {
	width:490px;
	color: #a1c2aa;
	font-weight:normal;
	font-size:9px;
	text-decoration: none;
	padding: 0 0 15px 0;
	clear:both;
}
p.separator{background: transparent url("images/dots.gif") repeat-x bottom left;margin:0 0 20px 0;}
#articles a{color: #e4ac5d;}
#articles a:hover{color: #e4ac5d;}

.footer{
	width: 810px;
	height: 15px;
	background-image: url(images/footer.gif);
	background-repeat:no-repeat;
}