/*******************************************************
TITLE: Fixed Box Layout  V1.0
DATE: 20060809
AUTHOR: The CSS Tinderbox - http://www.csstinderbox.com
*******************************************************/

body {
margin:2em;
padding:0;
height:100%;
/*background-color:#111;*/
background: url(images/brushed_metal3.jpg);
color:#ffffff;
text-align:center;
font-family:Verdana,Arial, Helvetica, sans-serif;
font-size:0.8em;
}

a {
color:#cc0000;
text-decoration:underline;
}

a:hover {
color:#eeeeee;
text-decoration:none;
}

blockquote {
margin:1em;
padding:0.5em;
background-color:#222;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
}

blockquote p {
margin:0.2em;
}

#centerColumn {
margin:0 auto;
padding:1em;
/*width:38em;*/
width:793px;
text-align:left;
vertical-align: middle;
/*background-color:#cccccc;*/
background-color:#000;
border:1px solid #999;
}

#centerColumn h2 {
margin:0 0 0 0;
padding:0.75em 0 0 0;
font-size:1.1em;
letter-spacing:0.1em;
color:#ddd;
}
#centerColumn h3 {
margin:0 0 0 0;
padding:0.75em 0 0 0;
font-size:0.9em;
letter-spacing:0.1em;
color:#ddd;
}
#centerColumn h4 {
margin:0 0 0 0;
padding:0 0 0 0;
font-size:0.8em;
letter-spacing:0.1em;
color:#ddd;
}
#centerColumn h4 + p {
margin:0.5em 0 1.25em 0;
padding:0;
}

#header {
margin:-1em -1em 0 -1em;
padding:0 0 0 0;
/*height:5em;*/
height:250px;
background-color:#000;
}

#logo {
background:url(images/logo2.png);
height:302px;
background-repeat: no-repeat;
}

.line {
height:2px;
width:100%;
background:#555;
margin:0px;
padding:0px;
}
#header h1 {
margin:0 0 -0.6em 0;
padding:0.5em 0 0 1em;
font-size:1.5em;
letter-spacing:0.1em;
}

#header h2 {
margin:0 0 0 0;
padding:1em 0 0 1.75em;
font-size:0.9em;
font-weight:300;
letter-spacing:0.1em;
}

#leftColumn {
float: left;
}

#randomImage {
width: 14em;
padding: 0 0 1em 0;
}

#randomImage img {
width: 14em;
}

#nav {
margin:0;
padding:0.4em 0 1em 0;
/*height:35px; */
width: 14em;
height: 100%;
}

/* Begin Menu 1. Stufe */
#nav ul {
margin:0;
padding:1em 0 0 0;
list-style:none; 
}

#nav li {
margin:0;
padding:0.25em 0 0 0;
/*display:inline; */
}

#nav li a {
text-decoration: none;
display:block;
height: 1.1em;
margin-top: 2px;
border-width: 1px 1px 1px 10px;
border-style: solid;
/*border-left-width: 10px;
border-left-style: solid;*/
padding-top: 2px;
padding-bottom: 2px;
/*border-bottom-width: 1px;
border-bottom-style: solid;*/
line-height: 1.1em;
/*border-top-width: 1px;
border-right-width: 1px;
border-top-style: solid;
border-right-style: solid;*/
text-indent: 5px;

}
#nav li a:link, #nav li a:visited	 {
border-color: #555;
/*border-bottom-color: #555; 
border-top-color: #555;
border-right-color: #555;*/
}

#nav li.menu-current a:link, #nav li.menu-current a:visited, #nav li.menu-parent a:link, #nav li.menu-parent a:visited {
border-color: #c00;
/*border-left-color: #c00;
border-bottom-color: #c00;
border-top-color: #c00;
border-right-color: #c00;*/
}

#nav li a:hover {
border-color: #c00;
/*border-left-color: #c00;
border-bottom-color: #c00;
border-top-color: #c00;
border-right-color: #c00;*/
}
/* End Menu 1. Stufe */

/* Begin Menu 2. Stufe */
#nav ul ul{
margin: 0;
padding: 0;
list-style: none;
}

#nav li li a{
border: 0;
text-indent: 20px;
}

#nav li li.menu-current a:link, #nav li li.menu-current a:visited {
color: #fff;
}

#nav li li a:link, #nav li li a:visited {
}

#nav li li a:hover {
}
/* End Menu 2. Stufe */

#footer {
position:relative;
bottom:0;
margin:5em 0 0 0;
padding:0;
height:4em;
line-height:4em;
text-align:center;
font-size:0.7em;
background-color:#111;
border-top:1px solid #111;
}


#content {
margin: 0 2em 0 15.5em;
padding: 1em 0 0 0;
/*position: relative;
width: 100%;
padding: 0;
margin: 1em;
background-color: #222; */
}


/* 2 Columns in a page */
div.col2parent {
width: 100%;
margin: 0px;
padding: 0px;
/*overflow: auto;
float: left;
clear:both;*/
}
div.col2left {
width: 50%;
margin: 0px;
padding: 0px;
overflow: auto;
float: left;
}

div.col2right {
width: 49.9%;
margin: 0px;
padding: 0px;
overflow: auto;
float: left;
}

div.col2_70 {
width: 69%;
overflow: auto;
float: left;
}

div.col2_30 {
width: 30%;
margin: 0px;
padding: 0px;
overflow: auto;
float: left;
}

div.clear {
clear:both;
}
.center {
text-align: center;
}

img {
border: 0;
}

.concert {
margin:1em 0;
padding:0.5em;
background-color:#222;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
}

/* Begin Formatierung Profile */
dl.profile {
list-style: none;
}
dl.profile dt {
font-weight: bold;
}
dl.profile dd {
padding: 0 0 0 2em;
margin: 0 0 0.4em 0;
}

img.profile_pic {
/*padding: 0;
margin: 0;
border: 0;*/
width: 250px;
float: right;
margin: 10px 0px 0px 5px;
}

.nowrap {
white-space: nowrap;
}
/* End Formatierung Profile */


.post_date { font-size: 0.7em; }
.post_author { font-size: 0.7em; }
.post_title { font-size: 0.9em; }
/* Begin Intro Page */
#introPage {
margin:0 auto;
padding:1em;
/*width:38em;*/
width:400px;
text-align:left;
vertical-align: middle;
/*background-color:#cccccc;*/
background-color:#000;
border:1px solid #999;
}
.xxlarge {
font-size:2.5em;
}
.xlarge {
font-size: 1.9em;
}
.large {
font-size: 1.3em;
}
.small {
font-size: 0.8em;
}
/* End Intro Page*/

.red{
color:#cc0000;
}