.button {
margin: 3px;
-moz-box-shadow: inset 0px 1px 0px 0px #a4e271;
-webkit-box-shadow: inset 0px 1px 0px 0px rgb(121, 5, 51);
box-shadow: inset 0px 1px 0px 0px rgb(226, 113, 136);
background-color: #a2494d;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
border: 1px solid rgb(83, 11, 28);
display: inline-block;
color: #ffffff;
font-family: Verdana;
font-size: 12px;
font-weight: normal;
padding: 4px 8px;
text-decoration: none;
}

/* LAYOUT NEU */

#menu_foot{ position:relative; margin-top:30px; width:1024px; height:25px;z-index:112; text-align:center; }

.menu_foot, .menu_foot li a{margin:0;padding:.2em .2em 0;position:relative;text-decoration:none;font:normal 10pt Arial,Helvetica,sans-serif; color:#6c6c6c;}
.menu_foot ul{list-style-type:none; margin-top:-10px; }
.menu_foot li{float:left;  height:22px;  color:#6c6c6c;  text-decoration:none;text-align:center;line-height:2.1em; vertical-align:left;  margin-left:20px;}
.menu_foot a:link, .menu_foot a:visited{color:#6c6c6c; text-decoration:none;display:block; }
.menu_foot a:hover{color:#ab2b2c;z-index:500;  height:20px;
  -o-transition:color .3s ease-out, background 1s ease-in;
  -ms-transition:color .3s ease-out, background 1s ease-in;
  -moz-transition:color .3s ease-out, background 1s ease-in;
  -webkit-transition:color .3s ease-out, background 1s ease-in;
  /* ...and now override with proper CSS property */
  transition:color .3s ease-out, background 1s ease-in;
 }

.menu_foot-used{color:#ab2b2c;z-index:500;  height:22px;  margin-left:0px; margin-top:-1px;  text-align:center; line-height:1.5em;  }


#sidebar-spacer {
	position:relative;
	top:-11px;
	width: 190px;
	background-image:url(../images/sidebar_spacer.png);
	background-repeat:repeat-y;
	z-index:122;
}


.normaltext ul li{ color: #3b3b3b; margin-left:18px;  }

* {
	margin:0;
	padding:0;
}
h2 {
	padding:1em 0 0 0;
}
p {
	line-height:1.4em;
}
p + p {
	text-indent:0em;
}
body {
	font-size:100%;
	text-align:center;
	background:#4988c1;
	background-image:url(../imglib/templates/bg_liguriaplus.jpg);
	background-repeat:repeat-x;
	font-size:9pt;
	background-attachment:fixed;
}
pre {
	display:block;
	margin:1em 0 0 0;
	width:488px;
}
pre code {
	background:#eee;
	display:block;
	padding:10px;
}
.r {
	float:right;
	padding:0 0 10px 20px;
}


/* Landscape mode (default) */

#logo{position:absolute; left:-2px; top:52px; z-index:999; cursor:pointer;}
#slogan{position:absolute; right:25px; top:10px; z-index:999;}
#menu_top{
position:absolute;
font-size:100%;
text-align:center;
width:1024px;
height:65px;
margin-left:1px;
top:213px;
z-index:999;
background-image:url(../imglib/templates/liguriaplus-band.png);
}	

#menu_top_inhalt{ margin-left:20px;}

#menu_footer{
position:relative;
font-size:100%;
text-align:center;
width:1024px;
height:65px;
margin-left:1px;
bottom:102px;
z-index:30;
background-image:url(../imglib/templates/liguriaplus-band.png);
font-size:10pt;
letter-spacing: 1px;
}


	
.line{background-color:#8c1f04; height:5px; margin-left:30px; margin-right:30px;}
#wrap {
	margin:0 auto;
	width:1024px;
	position:relative;
	overflow:hidden;
	text-align:left;
border:0px dotted #ff0080;
}


#wrap2 {
	margin:0 auto;
	width:995px;
	overflow:hidden;
	position:relative;
	text-align:left;
	background:#ffffff;

	-webkit-box-shadow:  0px 0px 3px 2px #575757;
    box-shadow:  0px 0px 3px 2px #575757;
}


#header {
	float:left;
	width:995px;
	height:269px;
	padding:10px 0 0 0;
	background-image:url(../imglib/templates/liguriaplus-header-motiv.jpg);
	border-bottom:1px solid #000;
	border:0px dotted #ff0080;
}
#header h1 {
	padding:10px 30px 0 30px;
}
#header p {
	padding:0 30px;
	line-height:1.4em;
}
#content {
	float:left;
	width:980px;

	position:relative;
	left:768px;

}
#main {
	float:left;
	width:940px;
	position:relative;
	right:738px;
	padding:10px 0;
	border:0px dotted #ff0080;
}
#side {
	float:right;
	width:216px;
	position:relative;
	right:788px;
	padding-bottom:20px;
}
#sidea,
#sideb,
#sidec {
	clear:left;
	float:left;
	width:216px;
}
#footer {
	clear:both;
	float:left;
	width:980px;
	border-top:1px solid #000;
	border:0px dotted #ff0080;
	z-index:800;
}
#footer p {
	padding:20px 30px;
}

@media only screen and (orientation:portrait){
	/* portrait mode */
	#header,
	#wrap{width:1024px;}
	#wrap2{width:995px;}
	#footer {
		width:980px;
	}
	
	#content {
		left:0;

	}
	#main {
		float:left;
		width:940px;
		position:relative;
		right:0;
		left:30px;
		padding:20px 0;
	}
	#side {
		clear:left;
		float:left;
		width:768px;
		right:0;
		padding-bottom:20px;
		background:#eee;
	}
	#sidea {
		clear:none;
		width:216px;
		float:left;
		position:relative;
		left:30px;
		padding-top:20px;
	}
	#sideb {
		clear:none;
		width:216px;
		float:left;
		position:relative;
		left:60px;
		padding-top:20px;
	}
	#sidec {
		clear:none;
		width:216px;
		float:right;
		position:relative;
		right:30px;
		padding-top:20px;
	}
}