/*############################################################################
# CSS fuer About:Berlin #
# (C) Stefan Kuhl  #
# www.berlin.stefblog.de #
# April.2009 #
############################################################################*/

body {
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
/*	font-size: 12px;*/
	color: #000;
	background-color: #D2D2D2;
	text-align: center;
}

/* Container und IDs 
--------------------------------------------------------------------*/

/* umschliessender Container */
#container {
	text-align: left;
	vertical-align: middle;
	margin: 10px auto 30px;
	padding: 10px 10px 10px 10px;
	width: 760px;
	background-color: #fff;
	border: 5px solid #BDBDBD;
}

/* Content Container Navi und Content */
#contcontainer {
	padding: 0px;
	margin: 0px auto 10px auto;
	background-color: White;
	text-align: left;
	float: left;
	width: 450px;
}

/*Titelgrafik mit Hintergrundfarbe*/
#titel {
	background: url(images/header4.jpg) no-repeat 100%;
/*	background-color: #2557AD;*/
/*	border-bottom: solid 1px #FFD275; */
	height: 111px;
	padding-top: 0px; 
	margin: 0px;
}

/*Contentbereich*/
#content {
/*	float: left;*/
	background-color: White;
	text-align: left;
	margin-left: 10px;
	margin-right: 200px;
}

/*Footer*/
#footer {
	border-top: solid 1px Gray; 
	background-color: #F5F5F5;
	height: 40px;
}

/*Navigation*/
#navigation {
/*	background-color: red;*/
	border: 1px;
	width: 180px;
	float: right;	
/*	padding-left: 10px;*/
	padding-top: 30px;
	padding-bottom: 30px;
	background:transparent url(images/sidebar.jpg) repeat-y left;
	font-size: 11pt;
/*	line-height: 15pt;*/
	list-style: none;
/*	margin-left: 20px; 
	padding-left: 0px; */
	margin-bottom: 0px; 
	margin-right: 20px;
	margin-top: 20px;
	text-align: left;
}


/* Schriften und Link Navigation rechts
-------------------------------------------------------------------*/
#navigation h5 {
	font-size: 12pt;
	font-weight: bold;
	text-align: left;
	padding-left: 10px;
	color:#465F9F;
	background:transparent url(images/h2.gif) repeat-x bottom;
	
}



#navigation ul, li a {
	color: #5C5C5C; 
	text-decoration: none;
	font-size: 10pt;
	list-style: none;
/*	line-height: 20pt;
	border-bottom: 1px solid #FF8000; */
/*	display: block; */
/*	background:transparent url(images/navi.gif) no-repeat;
	padding-left:20px;
	line-height:28px;*/
}

#navigation li a {
/*	color: #003399; 
	text-decoration: none;
	font-size: 11pt;
	list-style: none;
	line-height: 20pt;
	border-bottom: 1px solid #FF8000 ; 
	display: block; 
	margin: 0px; */
	background:transparent url(images/navi.gif) no-repeat;
	padding-left:20px;
	line-height:22px;
	margin-left: 5px;
}


#navigation a:visited { 
	color: #5C5C5C; 
}

#navigation a:hover { 
	color: #003399; 
}


.navaktiv {
font-weight: bold;

}


/* Divs
--------------------------------------------------------------------*/

/*Haupt-Inhalt*/
.content {
	background-color: #fff;
	padding-left: 0px;
	padding-top: 10px;
	padding-right: 0px;
	text-align: left;
	min-height: 600px;
/*	overflow: auto;*/
}

/* Schriften
-------------------------------------------------------------------*/

.text,p { 
	line-height:16pt;
	font-size:10pt; 
	color:#000; 
  text-align:left; 
  padding-left: 10px;
	}

.text {
  padding-right: 20px;
}	

.textcent { 
	line-height:16pt;
	font-size:10pt; 
	color:#000; 
  text-align:center; 
	}
	
#content ul, li {
	line-height: 15pt;
  padding-right: 20px;
  	font-size:12pt; 
}	

#content li {
	padding-left: 10px;
	margin-left: 25px;
	margin-bottom: 5px;
}


/* h1 ist der seitentitel */
h1	{
	font-family: 'Century Gothic',Verdana,Arial,Helvetia,sans-serif;
	line-height: 22pt;
	font-size: 15pt;
	color: #363636;
	text-align: left;
/*	font-weight: bold;*/
	margin-left: 420px;
	padding-top: 40px;
	margin-top: 0px;
/*	padding-bottom: 10px;*/
/*	border-bottom: thin solid Gray;*/
	letter-spacing: 1px;
}

/* h2 ist die ueberschrift auf den Seiten */	
h2 { 
	font-family:'Century Gothic',Verdana,Arial,Helvetia,sans-serif; 	
	line-height:20pt; 
	font-size:16pt; 
	color:#272727; 
	text-align:left; 
	letter-spacing: 1px;
/*	text-decoration: underline;*/
	border-bottom: thin solid Silver;
	}
	
/* h3 ist der Titel der einzelnen Beiträge */	
h3 { 
	line-height:14pt; 
	font-size:13pt; 
	padding-left: 10px;	
	padding-top: 20px;
	color:#272727; 
	text-align:left; 
	letter-spacing: 1px;
	}	

/* h3 Unterüberschriften bei den Links */	
h4 { 
	line-height:14pt; 
	font-size:12pt; 
	padding-left: 15px;	
	padding-top: 20px;
	color:#272727; 
	text-align:left; 
	letter-spacing: 1px;
	}		

.hinweis {
	font-size: 9pt;
	color: Red;
}

.meta {
	color: Silver;
	font-size: 10pt;
}

.comments {
	padding-left: 25px;
	margin-left: 30px;
	font-size: 9pt;
	background:transparent url(./images/comments.gif) left no-repeat;	
/*	padding-bottom: 10px;
	border-bottom: 1px solid gray;*/
}

.klein {
	font-size: 9pt;
	color: Gray;
	padding-left: 50px;
}

.blockquote {
	color: Gray;
	text-align: justify;
	border-left: 2px solid gray;
	padding-left: 15px;
	margin-left: 15px;
}

hr {
	color: Silver; 1px;
}

.top { 
	line-height:14pt; 
	font-size:9pt; 
	color:Silver; 
	text-align: right;
	padding-right: 50px;
	}

/* Links im Contentbereich
-------------------------------------------------------------------*/

#content a:link {  
	color:#0000FF; 
	text-decoration:underline;
	}
	
#content a:visited {  
	color:#0000FF; 
	text-decoration:underline;
	}
	
#content a:hover { 
	color:#0000FF; 
	text-decoration:underline; 
/*	background-color:#0000FF;*/
	}
	

/* Fix IE spaces. Hide from IE Mac \*/
* ul li a { height: 3%; }

/* Schriften und Links Footer
-----------------------------------------------------------------*/
#footer p {
	font-size: 10pt;
	color: Gray;
	text-align: center;
	padding-top: 8px;
	padding-bottom: 8px;

}

.footer { 
	line-height:14pt; 
	font-size:10pt; 
	color:Black; 
	text-align: center;
/*	height: 80px;*/
	}


#footer a:link, a:visited, a:hover {
	color: Gray;
	text-decoration: none;
}

/*zuletzt aktualisiert am*/	
.date { 
	line-height:14pt; 
	font-size:9pt; 
	color:Silver; 
	text-align: left;
	}
	
	
a.liexternal { padding-right: 14px; background: url(images/link.gif) no-repeat right; }
a.liwikipedia { padding-right: 16px; background: url(images/wiki.gif) no-repeat right; }
a.lipdf { padding-right: 20px; background: url(images/pdf.gif) no-repeat right; }	
a.lifoto { padding-right: 20px; background: url(images/camera.png) no-repeat right;  }

/* ###############################################
AK-Style
################################################ */

div#akct {
	position: absolute; top:0px; right: 0px; z-index: 2342; width:113px; height:88px;
	background-image: url(http://wiki.vorratsdatenspeicherung.de/images/Akvse.gif);
	background-repeat: no-repeat;
	background-position: right top;
	border:none;
	padding:0;
	margin:0;
	text-align: right;
}

div#akct img {
	border:none;
	padding:0;
	margin:0;
	background: none;
}

div#akct a#akpeel img {
        width: 113px;
        height: 88px;
}

div#akct a, div#akct a:hover {
	text-decoration: none;
	border:none;
	padding:0;
	margin:0;
	display: block;
	background: none;
}

div#akct a#akpeel:hover {
	position: absolute; top:0px; right: 0px; z-index: 4223; width:500px; height:500px;
	display: block;
	background-image: url(http://wiki.vorratsdatenspeicherung.de/images/Akvsb.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

div#akct a#akpreload {
	background-image: url(http://wiki.vorratsdatenspeicherung.de/images/Akvsb.gif);
	background-repeat: no-repeat;
	background-position: 234px 0px;
}