* {
margin: 0;
padding: 0;
}

html {
	height: 100.0%; // Scroll-Leiste immer anzeigen
}

body {

background: #131313 url("http://www.madpainting.de/application/designs/fotoseite/img/bg1.gif");
background-repeat: repeat-x;
background-attachment: fixed;
text-align: center;
font: normal 11px/18px tahoma, verdana, arial, sans-serif;
color: #333;
padding-top: 40px;
}

a.innerlink:link {
color: #ff9c00;
text-decoration: none;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
}

a.innerlink:hover {
color: #f00;
text-decoration: none;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}

a.innerlink:visited {
color: #ff9c00;
text-decoration: none;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
}

a {
color: #ff9c00;
text-decoration: none;
}

a:visited {
text-decoration: none;
}

a:hover {
color: #f00;
}

#wrapper {
width: 780px;
background: #F2F2F2 repeat-y;
background-position: 0 0;
border: solid 5px #fff;
margin: 0 auto;
text-align: left;
}

h2 {
width: 770px;
height: 30px;
background-color: #ff9900;
float: left;
font: bold 13px/30px tahoma, arial, verdana, sans-serif;
text-decoration: none;
text-align: center;
padding-left: 10px;
color: #000000;
margin-top: 1px;
cursor: default;
text-transform: uppercase;
-moz-opacity:0.8;
}

#nav {
width: 760px;
height: 31px;
list-style: none;
border-top: solid 0px #ccc;
border-bottom: solid 2px #ccc;
text-transform: capitalize;
font-variant: small-caps;
position: relative;
}

#nav li {
width: 760px;
height: 30px;
display: inline;
padding-right: 10px;
}

#nav li a {
color: #fff;
height: 32px;
background-color: none;
text-decoration: none;
display: inline;
padding-top:8px;
padding-bottom:8px;
}

#nav li a:hover {
color: #000;
height: 35px;
text-decoration: none;
/*background-color: #fff  ; */
/*background-image: url("/images/navhoverpfeil4.gif") ;background-repeat: no-repeat; */
display: inline;
padding-top:7px;
padding-bottom:9px;
 -moz-opacity:0.9;
}

#current a {
/*background-image: url("../imag/bullet.gif");*/
background-repeat: no-repeat;
background-position: 100% 50%;
}

#sidebar {
width: 160px;
background-color: #f2f2f2;
float: left;
left: -4px;
margin-left: 10px;
border-top: 0px solid #ccc;
font: normal 10px/18px tahoma, verdana, arial,  sans-serif;
padding: 8px;
}

img {
border: none;
}

a img {
border-left: 1px;
border-left-color: #ccc;
border-left-style: inset;
border-top: 1px;
border-top-color: #ccc;
border-top-style: inset;

border-right: 1px;
border-right-color: #f2f2f2;
border-right-style: inset;
border-bottom: 1px;
border-bottom-color: #f2f2f2;
border-bottom-style: inset;
}

a:hover img {
border-right: 1px;
border-right-color: #f00;
border-right-style: outset;
border-bottom: 1px;
border-bottom-color: #f00;
border-bottom-style: outset;

border-left: 1px;
border-left-color: #f00;
border-left-style: inset;
border-top: 1px;
border-top-color: #f00;
border-top-style: inset;
}

#content {
background: #F2F2F2;
float: left;
width: 600px;
margin: 30px 0 0 50px;
}

p {
margin-bottom: 20px;
}

p:first-line {
font-weight: bold;
}

#footer {
background: #f2f2f2;
text-align: right;
font: normal 10px/15px tahoma, arial, sans-serif;
clear: both;
width: 740px;
margin-left: 20px; 
}


div.categorycontainer {
    padding: 3px;
    padding-top: 40px;
    border: 0px solid #000000;
    background: #f2f2f2;
    text-align: center;
    color: #000000;
		margin-right: 30px;
		margin-bottom: 20px;
}
div.imagecontainer {   
		border: 0px solid #fff;
		margin-right: 30px;
		margin-bottom: 20px;
}
a.catlink:link, a.catlink:active, a.catlink:visited {
    color: #000000;
    text-decoration: none;
}
.sidebar_element {
    display: block;
    height: 15px;
    width: 100%;
    background-color: none;
    cursor: pointer;
    border: 0px solid #000000;
}
.sidebar_element a:link {
    color: #000000;
    text-decoration: none;
}
.sidebar_element a:active {
    color: #000000;
    text-decoration: none;
}
.sidebar_element a:visited {
    color: #000000;
    text-decoration: none;
}
.sidebar_element a:hover {
    color: #f00;
    background-color: #f2f2f2;
    text-decoration: none;
}
img.sidebar_preview_image {
    border: 1px solid #000000;
		margin-left: 6px;
}


/* ab hier für internen Bereich */

#loginbox {
 font: normal 9px/18px tahoma, verdana, arial, sans-serif;

}
