﻿body {
     color:#FFFFFF;
     background-image:url(../images/background.jpg);
     background-color:#000000;
     background-repeat:no-repeat;
	  background-attachment:fixed;
	  background-position: top left;
     font-family: Arial, Helvetica, sans-serif;
     font-size: 14px;
     margin: 0;
}

#container {
	  background-image:url(../images/background_cutout.jpg);
     background-color:#A4A4A4;
     background-repeat:no-repeat;
     background-attachment:fixed;
     position: relative;
     top: 40px;
     left:101px;
     margin:0px;     
     width:766px;
     border: 1px solid black;
     padding-bottom:16px;    
}

#navigation {
	  position:fixed;
	  top: 40px;
	  left: 880px;
	  width:150px;   
	  z-index: 11;  
}

#social {
	  position:fixed;
	  top: 128px;
	  left: 2px;
	  width:60px;   
	  z-index: 11;  
}

#signaturcover {
	  background-image:url(../images/signatur_cover.jpg);	  
     background-repeat:no-repeat;
     background-attachment:fixed;
	  position:absolute;
	  bottom: 10px;
	  right: 10px;
	  width:40;
	  height:37;	     
	  z-index: 11; 	  
}

#backgroundtop {
	  background-image:url(../images/background_top.jpg);
     background-color:#000000;
     background-repeat:no-repeat;
     background-attachment:fixed;
	  position:fixed;
	  top: 0px;	
	  left:0px;
	  width:889px;
	  min-height:41px;	
     z-index: 110;	
	}

.content {
  color:#000000;  
  margin: 10px 4px 10px 6px;    
  width:754px;
  z-index: 1; 
  min-height:630px;
}

h2.date {
	font-size:1em;
	background-color:#000000;
	color:#FFFFFF;
	width:300px;
	padding:2px;
	border: 1px solid #A4A4A4;	
}

div.date {
	position:relative;
	left:-40px;	
}

img {
	border:0px;
	margin:0px;
	padding:0px;
}

img.right {
	float:right;
	margin-left: 10px;
	}
	
img.left {
	float:left;
	margin-right: 10px;
	}

table {
	color:#FFFFFF;
}

h1 {
	font-size: 2em;
	padding-bottom: 5px;
	border-bottom: 1px solid black;	
}

a:link {
 	font-weight:bold;
 	text-decoration:none; 	
 	color:#bd1e0f; 	 	
}

a:visited {
 	font-weight:bold;
 	text-decoration:none; 	
 	color:#bd1e0f; 	 	
}

a:hover {
 	font-weight:bold;
 	text-decoration:none; 	
 	color:#bd1e0f; 	 	
}

a:active {
 	font-weight:bold;
 	text-decoration:none; 	
 	color:#bd1e0f; 	 	
}

a:focus {
 	font-weight:bold;
 	text-decoration:none; 	
 	color:#bd1e0f; 	 	
}
a.navi:link, a.navi:visited { 
 	display:block;
 	width:300px;
 	margin: 2px;
 	padding: 2px;
 	background-color: black;
   /* background-image:url(../images/gray_transp.png); */ 		
 	color:#FFFFFF; 	
 	font-weight:bold;
 	text-decoration:none; 	 	
 	border:1px solid black; 
 	opacity: 0.9;	
}


a.navi:hover { 
 	color:#bd1e0f;
}

a.navi:active { 
 	color:#bd1e0f;
}

a.navi:focus { 
 	color:#7C7C7C;
}

a.external {
	padding-left:15px;
	padding-right:0px;
	text-decoration: none;
	color:#0000FF;
	background: url(../images/link_external.png) no-repeat left;
}

a.external:visited {
	padding-left:15px;
	padding-right:0px;
	text-decoration: none;
	color:#51188C;
	background: url(../images/link_external_visited.png) no-repeat left;
}

/* *** social bookmark links *** */


a#facebook {
    display: block;
    width: 50px;
    height: 50px;
    background-image: url(../images/facebook_inactive.jpg);
    margin: 0;  
    margin-bottom: 4px;  
}
a#facebook:hover {
    background-image: url(../images/facebook_active.jpg);
}

a#myspace {
    display: block;
    width: 50px;
    height: 50px;
    background-image: url(../images/myspace_inactive.jpg);
    margin: 0;    
    margin-bottom: 4px;
}
a#myspace:hover {
    background-image: url(../images/myspace_active.jpg);
}

a#twitter {
    display: block;
    width: 50px;
    height: 50px;
    background-image: url(../images/twitter_inactive.jpg);
    margin: 0; 
    margin-bottom: 4px;   
}
a#twitter:hover {
    background-image: url(../images/twitter_active.jpg);
}

a#youtube {
    display: block;
    width: 50px;
    height: 50px;
    background-image: url(../images/youtube_inactive.jpg);
    margin: 0;    
    margin-bottom: 4px;
}
a#youtube:hover {
    background-image: url(../images/youtube_active.jpg);
}

/* *** other stuff *** */

br.clear {
	clear:both;
}

.small {
	font-size: 0.8em;
	}
	
.source {
	font-size: 0.8em;
	} 	
	
.center {
	text-align: center;
	}	
	
hr.footer {
	width:500px;
	border: 1px solid #444444;
	}
