/*############################################################################
# CSS fuer teuchtlurm.de/2010 #
# (C) handcoded by Teuchtlurm  #
# www.teuchtlurm.de #
# Juli 2009 #
############################################################################*/

/*##################################
# GENERELLES #
###################################*/

body {
/*	background-image: url("background.jpg");*/
	background-color: #EFEFEF;
	font-family:Verdana,Arial,Helvetia,sans-serif; 	
	font-size: 12px;
	background-attachment:fixed;	
	margin: 0px 0px 10px 0px;
   padding: 0; 
}	

#container {
	text-align: left;
/*	background-image: url("background.jpg");*/
/*	vertical-align: middle;
	margin: 0px auto 0px;*/
	padding: 0px 0px;
	width: 1000px;
/*	background-color: #fff;*/
	border: 0px;
}

/*##################################
# HEADER #
###################################*/
#header {
	height: 90px;
	padding-top: 0px; 
	margin: 0px;
/*	background-image: url("images/header6.jpg");*/
/*	text-transform: uppercase;*/
	z-index: 3;
}

h1 { 
	line-height:17pt; 
	font-size:16pt; 
	color:Gray; 
	text-align:center; 
	font-weight:bold;
	letter-spacing: .2em;
	padding-top: 45px;
	}
	
h6 { 
	line-height:10px; 
	font-size:8px; 
	color:Grey; 
	text-align:center; 
	font-weight:bold;
	letter-spacing: .2em;
	padding-top: 2px;
	padding-bottom: 10px;
	text-transform:capitalize
	}

/*##################################
# MENU #
###################################*/
	
#menu {
	width: 290px;
	background-color: Transparent;
	text-align: left;
	float: right;
	padding-left: 10px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	margin-right: 30px;
	text-align: left;
	border: 1px silver solid;
	color: White;
	margin-top:20px;
}

#menu ul,li {
	line-height: 11pt;
	font-size: 10pt;
	color: Gray;
	text-align: left; /*  list-style-image: url(images/bullet.gif);*/
}

#menu ul li {
	list-style-type: disc;
}
/*
#menu ul li ul li {
	margin-left: 5px;
}	
*/
	
#menu a:link {
	color: Gray;
	text-decoration: none;
}
	
#menu a:visited {
	color: Gray;
	text-decoration: none;
}	

#menu a:hover {
	color: Black;
	text-decoration: none;
}		
	
h4 { 
	line-height:20pt; 
	font-size:14pt; 
	color:Gray; 
	text-align:left; 
	font-weight:bold;
	}
	
/*##################################
# QUICKMENU FIX #
###################################*/	

#quicknavi {
	height: 150px;
	width: 30px;
	background-color: transparent;
	top:130px; 
	left: 20px; 	
	position: fixed;
}


/*##################################
# CONTENT #
###################################*/

#content {
	width: 520px;
	background-color: #fff;
	text-align: left;
	float: left;
	padding-left: 30px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 20px;
	text-align: left;
	margin-left: 50px;
	margin-top: 20px;
	border: 1px silver solid;
}

#breadcrumb a, a:visited {
	color: Gray;
	text-decoration: none;
}	

.breadcrumb 
{ padding-left: 18px; 
	background: url(images/breadcrumb.gif) no-repeat left; 
	font-size: 10px;
	color: Gray;}

.breadcrumblink 
{
	color: Gray;
	text-decoration: none;
}

	
.marker {
	background-color: Yellow;
}

.text, p,ol,ul,li { 
	line-height:16pt; 
	font-size:10pt; 
  text-align:left; 
  color: Black;
  margin-right: 10px;
	}
	

#content ol,ul,li a:link {
	color: Blue;
}
	
#content ol,ul,li a:visited {
	color: Blue;
}



/*##################################
# FOOTER #
###################################*/

#footer {
	width: 600px;
	background-color: transparent;
	text-align: left;
	float: left;
	padding-left: 55px;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 30px;
	text-align: left;
	font-size: 10px;
	color: Gray;
	line-height: 13px;

}

#footerstartseite {
	width: 600px;
	background-color: transparent;
	text-align: left;
	float: left;
	padding-left: 55px;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 30px;
	text-align: left;
	font-size: 10px;
	color: Gray;
	line-height: 13px;
	margin-left: 100px;

}

/*##################################
# GENERELLE SCHRIFTEN, LINKS #
###################################*/

	
blockquote { 
  line-height:14pt; 
	font-size:10pt; 
	color:Green; 
  text-align:left; 
  font-style: italic;
  margin-left: 20px;
  margin-right: 10px;
/*  border-left: 1px gray solid;*/
	}	
		
.todo { 
  line-height:14pt; 
	font-size:10pt; 
	color:Black; 
  text-align:left; 
  margin-left: 5px;
  margin-right: 10px;
  border: 2px black solid;
  background-color: #E4E0DB;
  padding: 10px;
	}			

.redbox {
	line-height: 14pt;
	font-size: 10pt;
	color: Black;
	text-align: left;
	margin-left: 5px;
	margin-right: 10px;
	border: 2px black solid;
	background-color: Red;
	padding: 10px;
	font-weight: bold;
}			

.erklaer { 
	line-height:16pt; 
	font-size:10pt; 
	color:Grey; 
  text-align:left; 
  font-style: italic;
  padding-left: 10px;
	}	
	
li a {
	line-height:18pt; 
	font-size:10pt; 
}
/*
ul {
	padding-bottom: 25px;
	padding-top: 10px;
}
*/
.a { padding-right: 14px; background: url(grafiken/link.gif) no-repeat right; }
	
.klein { 
	line-height:15pt; 
	font-size:10pt; 
	color:#000; 
   text-align:left; 
	}
		
.unterschrift {
	font-size: 9px;
	text-align: center;
}		

			
a:link {  
	color:Blue; 
	text-decoration:underline;
	}
	
a:visited {  
	color:Blue; 
	text-decoration:underline;
	}
	
a:hover { 
	color:Blue; 
	text-decoration:none; 
/*	background-color:#0000FF;*/
	}
	
#footer a:link {
	color: Gray;
	text-decoration: underline;
}
	
#footer a:visited {  
	color:Gray; 
	text-decoration:underline;
	}
	
#footer a:hover { 
	color:Gray; 
	text-decoration:none; 
/*	background-color:#0000FF;*/
	}


/* Seitenueberschrift */	
h2 { 
	line-height:20pt; 
	font-size:13pt; 
	color:#000000; 
	text-align:left; 
	font-weight:bold;
	margin-bottom: 10px;
	padding-bottom: 10px;
	text-decoration: underline;
	}
	
h3 { 
	line-height:20pt; 
	font-size:12pt; 
	font-weight:bold;
	}

	/*Ueberschriften in den FAQ-Antworten*/
h4 { 
	line-height:18pt; 
	font-size:12pt; 
	color:White; 
	background-color: #96B3E2;
	text-align:left; 
	padding-left: 10px;
	}		
		
.url { 
	line-height:14pt; 
	font-size:8pt; 
	color:#666666; 
	text-align:center;
	}
	
	
.date { 
	line-height:14pt; 
	font-size:10pt; 
	color:#000000; 
	}
	
.rot {
	color: Red;
}

.footer {
	width:100%; 
	height:113px; 
	text-align:left;
	overflow:auto;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

/* Nach oben-Pfeil bei den FAQ */
.upright {
	text-align: center;
	margin-bottom: 20px;
}

/*hochgestellt fuer TradeMark*/
.trademark {
	color: Silver;
	font-size: smaller;
}	

/*##################################
# MouseOver in der Sitemap #
###################################*/

a.infotext { 
text-decoration: underline 
} 

a.infotext:hover { 
background: #FFFFFF; 
text-decoration: underline; 
} 

a.infotext span { 
visibility: hidden; 
position: absolute; 
left: 10em; 
margin-top: 5em; 
padding: 1em; 
text-decoration: none; 
} 

a.infotext:hover span { 
visibility: visible; 
border: 1px solid Black /*#347BEE*/; 
color: #000000; 
background: Yellow; 
text-decoration: none; 
width: 300px; 
}

/*##################################
# EXTERNE LINKS #
###################################*/


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; }


/*##################################
# SCHAEUBLE-PANEL #
###################################*/



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;
}