/*  
Theme Name: Media Art eXperience
Theme URI: http://www.max-web.de/
Description: Das Media Art eXperience-Layout.
Version: 8.0
Author: Stefan Max Kube
Author URI: http://www.max-web.de/

*/

html {
	background: #bbb url(gfx/bg-karo.gif);
	margin: 0;
	padding: 0;

}

body {

	margin: 0;
	padding: 0;
	font-family: verdana;
	
	
	
}


#startseite {
	position: absolute;
	top: 20px;
	left: 200px;
	width: 200px;
	height: 200px;
	border: 1px solid #000000;
	margin: 0px;
	padding: 0px;
	background-color: #ffffff;
	
}

#content {
	position: absolute;
	top: 160px;
	left: 420px;
	width: 500px;
	/*height: 500px;*/
	border: 1px solid #000000;
	-moz-border-radius-bottomright: 20px;
	margin: 0px;
	padding: 0px;
	background: #ffffff url(gfx/content-bg.jpg) no-repeat 250px 150px;
}

#content .innercontent {
	padding-left: 10px;
	padding-right: 10px;
}

#druck {
	position: absolute;
	top: 20px;
	left: 450px;
	width: 120px;
	height: 120px;
	border: 1px solid #000000;
	margin: 0px;
	padding: 0px;
	background-color: #ffffff;
}

#bild {
	position: absolute;
	top: 20px;
	left: 610px;
	width: 120px;
	height: 120px;
	border: 1px solid #000000;
	margin: 0px;
	padding: 0px;
	background-color: #ffffff;
}

#web {
	position: absolute;
	top: 20px;
	left: 770px;
	width: 120px;
	height: 120px;
	border: 1px solid #000000;
	margin: 0px;
	padding: 0px;
	background-color: #ffffff;
}


#ueber {
	position: absolute;
	top: 240px;
	left: 200px;
	width: 90px;
	height: 90px;
	border: 1px solid #000000;
	margin: 0px;
	padding: 0px;
	background-color: #ffffff;
}

#kontakt {
	position: absolute;
	top: 240px;
	left: 310px;
	width: 90px;
	height: 90px;
	border: 1px solid #000000;
	margin: 0px;
	padding: 0px;
	background-color: #ffffff;
}

#ref {
	position: absolute;
	top: 350px;
	left: 200px;
	width: 90px;
	height: 90px;
	border: 1px solid #000000;
	margin: 0px;
	padding: 0px;
	background-color: #ffffff;
}

#meinung {
	position: absolute;
	top: 350px;
	left: 310px;
	width: 90px;
	height: 90px;
	border: 1px solid #000000;
	margin: 0px;
	padding: 0px;
	background-color: #ffffff;
}

#imp {
	position: absolute;
	top: 460px;
	left: 200px;
	width: 90px;
	height: 90px;
	border: 1px solid #000000;
	margin: 0px;
	padding: 0px;
	background-color: #ffffff;
}

#kunden {
	position: absolute;
	top: 460px;
	left: 310px;
	width: 90px;
	height: 90px;
	border: 1px solid #000000;
	margin: 0px;
	padding: 0px;
	background-color: #ffffff;
}

#menu a {
	font-size: 0.65em;
	padding: 0px;
	font-family: verdana;
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	color: #000;

}


#links {
	position: absolute;
	top: 740px;
	left: 200px;
	width: 200px;
	/*height: 200px;*/
	border: 1px solid #000000;
	margin: 0px;
	padding: 0px;
	background-color: #ffffff;
	font-family: verdana;
	line-height: 1.1em;
	padding-bottom: 0.5em;

}

#links .boxtitle {
	font-size: 0.65em;
	padding: 0px;
	font-family: verdana;
	text-decoration: none;
	color: #000;
	margin-bottom: 0.4em;
}



#twitter {
	position: absolute;
	top: 640px;
	left: 200px;
	width: 200px;
	height: 80px;
	border: 1px solid #000000;
	margin: 0px;
	padding: 0px;
	background: #ffffff url(gfx/menu/twitter.jpg) no-repeat 0px 0px;
	font-family: verdana;
	line-height: 1.1em;

}



#twitter img {
	border: 0;
	border-bottom: 1px solid #c0c0c0;



}

#twitter  img:hover {
	border-bottom: 1px solid #ffffff;

}


#twitter p {
	text-align: center;
}

#twitter .boxtitle {
	font-size: 0.65em;
	padding: 0px;
	font-family: verdana;
	text-decoration: none;
	color: #000;
	margin-bottom: 0.4em;
}

#aktuelles {
	position: absolute;
	top: 570px;
	left: 200px;
	width: 200px;
	height: 50px;
	border: 1px solid #000000;
	margin: 0px;
	padding: 0px;
}


#aktuelles a {
	background-image: url(gfx/menu/aktuelles.jpg);
}

#aktuelles a:hover {
	background-image: url(gfx/menu/aktuelles-hover.jpg);
}

#aktuelles a:focus {
	background-image: url(gfx/menu/aktuelles-hover.jpg);
}

#aktuelles a#on {
	background-image: url(gfx/menu/aktuelles-hover.jpg);
}

#startseite a {
	background-image: url(gfx/menu/start.jpg);
}

#startseite a:hover {
	background-image: url(gfx/menu/start-hover.jpg);
}

#startseite a:focus {
	background-image: url(gfx/menu/start-hover.jpg);
}

#startseite a#on {
	background-image: url(gfx/menu/start-hover.jpg);
}

#druck a {
	background-image: url(gfx/menu/druck.jpg);
}

#druck a:hover {
	background-image: url(gfx/menu/druck-hover.jpg);
}

#druck a:focus {
	background-image: url(gfx/menu/druck-hover.jpg);
}

#druck a#on {
	background-image: url(gfx/menu/druck-hover.jpg);
}


#bild a {
	background-image: url(gfx/menu/bild.jpg);
}

#bild a:hover {
	background-image: url(gfx/menu/bild-hover.jpg);
}

#bild a:focus {
	background-image: url(gfx/menu/bild-hover.jpg);
}

#bild a#on {
	background-image: url(gfx/menu/bild-hover.jpg);
}

#web a {
	background-image: url(gfx/menu/web.jpg);
}

#web a:hover {
	background-image: url(gfx/menu/web-hover.jpg);
}

#web a:focus {
	background-image: url(gfx/menu/web-hover.jpg);
}

#web a#on {
	background-image: url(gfx/menu/web-hover.jpg);
}

#ueber a {
	background-image: url(gfx/menu/ueber.jpg);
}

#ueber a:hover {
	background-image: url(gfx/menu/ueber-hover.jpg);
}

#ueber a:focus {
	background-image: url(gfx/menu/ueber-hover.jpg);
}

#ueber a#on {
	background-image: url(gfx/menu/ueber-hover.jpg);
}

#kontakt a {
	background-image: url(gfx/menu/kontakt.jpg);
}

#kontakt a:hover {
	background-image: url(gfx/menu/kontakt-hover.jpg);
}

#kontakt a:focus {
	background-image: url(gfx/menu/kontakt-hover.jpg);
}

#kontakt a#on {
	background-image: url(gfx/menu/kontakt-hover.jpg);
}

#ref a {
	background-image: url(gfx/menu/ref.jpg);
}

#ref a:hover {
	background-image: url(gfx/menu/ref-hover.jpg);
}

#ref a:focus {
	background-image: url(gfx/menu/ref-hover.jpg);
}

#ref a#on {
	background-image: url(gfx/menu/ref-hover.jpg);
}

#meinung a {
	background-image: url(gfx/menu/meinung.jpg);
}

#meinung a:hover {
	background-image: url(gfx/menu/meinung-hover.jpg);
}

#meinung a:focus {
	background-image: url(gfx/menu/meinung-hover.jpg);
}

#meinung a#on {
	background-image: url(gfx/menu/meinung-hover.jpg);
}

#imp a {
	background-image: url(gfx/menu/imp.jpg);
}

#imp a:hover {
	background-image: url(gfx/menu/imp-hover.jpg);
}

#imp a:focus {
	background-image: url(gfx/menu/imp-hover.jpg);
}

#imp a#on {
	background-image: url(gfx/menu/imp-hover.jpg);
}

#kunden a {
	background-image: url(gfx/menu/kunden.jpg);
}

#kunden a:hover {
	background-image: url(gfx/menu/kunden-hover.jpg);
}

#kunden a:focus {
	background-image: url(gfx/menu/kunden-hover.jpg);
}

#kunden a#on {
	background-image: url(gfx/menu/kunden-hover.jpg);
}



/*inhaltsformate*/
#content p {
	padding-bottom: 0.5em;
	font-size: 0.9em;
	line-height: 155%;
	font-family: verdana;
}

#content h1, h2, h3, h4, h5, h6 {
	font-family: Georgia, "Times New Roman";
	font-style: italic;
	margin: 0;
	padding-bottom: 0.5em;
	padding-top: 0.2em;
}

.headimage {
	margin: 0px;
	display: block;
	border-bottom: 1px solid #ccc;
}


/*Begin: formular styles */
form {
padding: 0.25em;
font-size: 0.9em;

}

/*End: formular styles */

img.bild
{
	padding: 3px;
	border: 1px solid #999;
	background: lightblue;
	margin: 5px 0 5px;
}

A.lipic
{
padding-right: 15px;
background: url('gfx/icon_lupe.gif') right top no-repeat;

}

A.liext
{
padding-right: 15px;
background: url('gfx/extern.gif') right top no-repeat;
	border-bottom: 1px dotted gray;
	color: black;
	text-decoration: none;
}

A.li
{
	border-bottom: 1px dotted gray;
	color: black;
	text-decoration: none;
}

.litw {
	border-bottom: 1px dotted gray;
	color: black;
	text-decoration: none;


}

#twitterstream .twklein a
{
padding-right: 10px;
background: url('gfx/tw-ex.gif') right top no-repeat;
	border-bottom: 1px dotted gray;
	color: black;
	text-decoration: none;
}

#twitterstream .twklein a:hover
{
padding-right: 10px;
background: url('gfx/tw-ex-hov.gif') right top no-repeat;
	border-bottom: 1px dotted gray;
	color: black;
	text-decoration: none;
}

#links  a
{

	border-bottom: 1px dotted gray;
	color: black;
	text-decoration: none;
}

#links a:hover
{

	border-bottom: 1px dotted gray;
	color: black;
	text-decoration: none;
}


#links a {

font-size: 8pt;
margin-bottom: 0.7em;
margin-left: 1em;
margin-right: 0.2em;
font-family: verdana;
}



hr {
	width: 340px;
	clear: both;
	margin-bottom: 20px;
}

dl {
	padding-left: 50px;
	padding-right: 10px;
	font-size: 0.8em;
}

dt {
	width: 80px;
	font-weight: bold;

}

dd {
	margin-top: -1.25em;
	padding-left: 90px;
	margin-bottom: 1.2em;
}

dd img{
	margin: 0.6em;
}


.footerleft {
	font-size: 0.5em;
	float:left;
	font-family: verdana;
	padding-left: 10px;
}

.footerright {
	font-size: 0.5em;
	float:right;
	font-family: verdana;
	padding-right: 10px;
	text-align: right;
}

.clear {
	clear:both;
}


#twitterstream p {
font-size: 8pt;
margin-top: 0.4em;
padding-top: 0.0em;
padding-bottom: 0.0em;
padding-left: 0.3em;
padding-right: 0.2em;
font-family: verdana;
}

.twklein {
font-size: 7pt;
text-align: right;
display: block;
}

.klein  {
	height: 30px;
	padding-bottom: 20px;
}

.druckbeispiele {
	width: 100%;
	text-align: center;
}

.druckbeispiele img {
	border: 1px solid black;
	margin-left: 10px;
	margin-right: 10px;
}

.center {
text-align: center;
}

.right {
text-align: right;
}

.innercontent a {
	color: #000000;
}

.innercontent li {
	font-size: 0.9em;
}

.navigation {
	display: block;
	text-align: center;
	margin-top: 2.5em;
	margin-bottom: 5em;
	font-size: 0.7em;
	}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

#aktuelles-start
{
margin-top: 2em;
margin-left: 5em;
margin-bottom: 2em;
	list-style-type: none;
	font-size: 0.8em
}

#aktuelles-start ul li {
	list-style-type: none;
	font-size: 0.8em
}

.post {
	border-bottom: 1px dashed #c0c0c0;
}