div#header {
    background-image:      url("http://www.clanwolf.net/images/clouds.png");
    z-index:               -1;
    position:              absolute;
    top:                   0px;
    left:                  0px;
    right:                 0px;
    width:                 100%;
    height:                251px;
}

div#footer {
    background-image:      url("http://www.clanwolf.net/images/footer.png");
    z-index:               1;
    position:              fixed;
    bottom:                0px;
    left:                  0px;
    right:                 0px;
    width:                 100%;
    height:                143px;
    align:                 center;
    // width:                 2000px;
    // left:                  50%;
    // margin-left:           -1000px;       /* negative Hälfte von width:1000px */
}

div#content {
    z-index:               1;
}

div#c3-hr {
    background-image:      url("images/bar.png");
    height:                100px;
}

div#c3-hr-bottom {
    background-image:      url("images/bar_bottom.png");
//	background-color:      #000;
    height:                100px;
}

div#c3 {
    background-image:      url("images/bg_camo.png");
    height:                150px;
}

img {
    border:                0px;
}

div.image div.image-left div.image-right {
    font-size:             0px;
    padding:               0;
    margin:                0;
    height:                0;
    text-align:            center;
}

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

a:hover {
    color:                 #bbb;
    text-decoration:       underline;
}

a.side {
    color:                 #ccc;
    text-decoration:       none;
}

a:hover.side {
    color:                 #ccc;
    text-decoration:       underline;
}

a.white {
    color:                 #ccc;
    text-decoration:       none;
}

a:hover.white {
    color:                 #ccc;
    text-decoration:       underline;
}

caption {
    font-family:           Verdana,Tahoma,Arial,Sans-Serif;
    font-size:             12px;
}

body {
    font-family:           Verdana,Tahoma,Arial,Sans-Serif;
    font-size:             10px;
    padding:               0px;
    margin:                0px;
    background-image:      url("images/bg_structure.png");
    background-attachment: fixed;
    z-index:               0;
}

form {
    margin:                0px 0px 0px 0px;
}

h1 {
    font-family:           Arial,Sans-Serif;
    font-size:             20px;
    font-variant:          small-caps;
}

h2 {
    font-family:           Arial,Sans-Serif;
    font-size:             17px;
    font-variant:          small-caps;
}

h3 {
    font-family:           Arial,Sans-Serif;
    font-size:             14px;
    font-variant:          small-caps;
}

hr {
    height:                2px;
    border-bottom:         #555 1px solid;
    border-top:            #111 1px solid;
}

hr.side-hr {
    height:                2px;
    border-bottom:         #666 1px solid;
    border-top:            #222 1px solid;
}

td {
    font-family:           Verdana,Tahoma,Arial,Sans-Serif;
    font-size:             11px;
}

pre {
    font-family:           Verdana,Tahoma,Arial,Sans-Serif;
    font-size:             10px;
}

.alt {
    color:                 #aaa;
}

.white-header {
	font-family:Verdana,Tahoma,Arial,Sans-Serif;
	font-size:10px;
	color:#888;background-color:#333;
	border-top:1px #555 solid;
	border-bottom:1px #555 solid;
	padding:4px;
}

.white-header-bg {
	font-family:           Verdana,Tahoma,Arial,Sans-Serif;
	font-size:             10px;
	background-image:      url("images/bg_bar_top.png");
	border-top:            1px #555 solid;
	border-bottom:         1px #555 solid;
	padding:               4px;
       height:                29px;
}

.full-header {
	font-family:Verdana,Tahoma,Arial,Sans-Serif;
	font-size:10px;
	color:#999;background-color:#444;
}

.button {
	font-family:Tahoma,Arial,Verdana,Sans-Serif;
	font-size:10px;
	color:#000;background-color:#999;
	height:19px;
	border:1px #000 solid;margin-top:2px;
}

.textbox {
	font-family:Verdana,Tahoma,Arial,Sans-Serif;
	font-size:10px;
	color:#000;background-color:#bbb;
	border:1px #000 solid;
}

.main-body {
	font-size:11px;
	color:#888;background-color:#333;
	padding:4px 4px 5px 4px;
}

.side-body {
	font-size:10px;
	color:#999;
	border-bottom:1px #555 solid;
	padding:4px 4px 6px 4px;
}

.main-bg { padding:10px;
           background-image:url("images/bg_camo.png");
}

.border { border:1px #555 solid; }

.side-border-left { background-color:#444; border-right:1px #555 solid; }
.side-border-right { background-color:#444; border-left:1px #555 solid; }

.news-footer {
	font-size:9px;
	color:#ddd;background-color:#000;
	border-top:1px #555 solid;
	padding:3px 4px 4px 4px;
}

.barmain {
	font-family:Verdana,Tahoma,Arial,Sans-Serif;
	font-size:10px;
	color:#aaa;
	padding:4px 4px 4px 4px;
}

.capmain {
	font-family:Verdana,Tahoma,Arial,Sans-Serif;
	font-size:11px;
	color:#cc8833;background-color:#000;
	border-bottom:1px #555 solid;
	padding:4px 4px 5px 4px;
}

.scapmain {
	font-family:Verdana,Tahoma,Arial,Sans-Serif;
	font-size:11px;
	color:#cc8833;background-color:#000;
	border-bottom:1px #555 solid;
	padding:4px 4px 5px 4px;
}

.tbl-border { background-color:#555; }
.tbl { font-size:11px; padding:4px 4px 5px 4px; }
.tbl1 { font-size:11px; color:#888;background-color:#333; padding:4px; }
.tbl2 { font-size:11px; color:#888;background-color:#222; padding:4px; }

.forum-caption {
	font-size:10px;
	color:#cc8833;background-color:#000;
	height:20px;
	padding:0px 4px 2px 4px;
}

.quote {
	color:#aaa;background-color:#222;
	padding:2px;
	margin:0px 20px 0px 20px;
	border:1px #444 solid;
}

.poll { height:12px; border:1px #000 solid; }

.comment-name {	font-weight:bold; color:#bbb; }

.shoutboxname { font-weight:bold; color:#ccc; }
.shoutbox { color:#888; }
.shoutboxdate { font-size:9px; color:#999; }

.small { font-size:10px; font-weight:normal; }
.small2 { font-size:10px; font-weight:normal; color:#aaa; }
.side-small { font-size:10px; font-weight:normal; color:#999; }
.side-label { background-color:#333; padding:2px; }

.gallery { padding: 16px 0px 8px 0px; }
.gallery img { border: 1px solid #ccc; filter: gray; }
.gallery:hover img { border: 1px solid red; filter: none; }
img.activegallery { border: 1px solid green; filter: none; }

/* Fieldset, legend tag */
fieldset {
    border:1px solid #CCCCCC;
	-moz-border-radius:5px;
}

legend {
    color:#CCCCCC;
	text-align: center;
	font-weight:bold;
	font-size:10px;
}

/* Seiten Navigation */
div.pagination {
    padding-top:3px;
    padding-bottom:3px;
    text-align:center;
    font-size:10px;
}

a.current {
    border: 1px solid #BA7218;
    margin-right:1px;
    padding:0px 6px;
    background-position:bottom;
    background-color:#444444;
    text-decoration: none;
    color: #BA7218;
    font-size:10px;
}

a.pagination {
    border: 1px solid #333333;
    margin-right:1px;
    padding:0px 6px;
    background-position:bottom;
    text-decoration: none;
    font-size: 10px;
    background-color:#333333;
    color: #fff;
}

a:hover.pagination {
    border: 1px solid #BA7218;
    background-image:none;
    background-color:#BA7218;
    font-size:10px;
    color: #333333;
}

/* Block designs */
.block.warning {
	padding: 0.2em;
	padding-left: 4em;
	background-position: .3em .3em;
	background-image: url(images/warning.png);
	background-repeat: no-repeat;
	background-color: #FFCFCF;
	border: 2px solid rgb(204, 0, 0);
	min-height: 34px;
}

.block.info {
	padding: 0.2em;
	padding-left: 4em;
	background-position: .3em .3em;
	background-image: url(images/information.png);
	background-repeat: no-repeat;
	background-color: #222222;
	border: 2px solid #750000;
	min-height: 34px;
	vertical-align: middle;
	white-space: normal;
}

.block.error {
	padding: 0.2em;
	padding-left: 4em;
	background-position: .3em .3em;
	background-image: url(images/error.png);
	background-repeat: no-repeat;
	background-color: #FFCFCF;
	border: 2px solid rgb(204, 0, 0);
	min-height: 34px;
}