/* Leuchttuerme.net  */
/* - stylesheets for screen - */
/* Last modified: 2009-03-19 */
/* Copyright 2007-2009 by Malte Werning */
/* This stylesheet is copyright protected. */



body {
	background-color:#000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #fff;
	margin:0 0 0 0;
	padding:0;
	}


/* I. Formats for main containers in order of appeareance */
	

#framework {
	background:url(../images/background.gif) repeat-y;
	width:780px;
    margin: 0 auto;      /* standardkonforme horizontale Zentrierung */
	padding:0;
	}

#header {
	clear:both;
	width:780px;
	height:101px;
	position:relative;
	}

#stripe1 {
    text-align:right;
    font:9px Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	padding: 1px; 
	margin-top: 0px;
	position:relative;
	}

#stripe2 {
    border-top: 4px solid #2C353D;
	border-bottom: 8px solid #414D52;
	position:relative;
 	}
	
#container {
	clear:both;
	width:780px;
	margin:0;
	padding:0;
	}
	
#navigation {
	float:left;
	width:178px;
	}
	
#content {
	width:580px;
        margin: 0 0 0 190px;
        padding: 0 0 5px 0;
	}

#footer {
	clear:both;
	width:780px;
	height:92px;
        background:url(../images/bg_footer.jpg) repeat-y;
	position:relative;
	}

/* II. Additional formats for standard layout elements */

#textbox {
	width:360px;
	}

#sidebar {
	background-color: #414D52;
	position: relative;
	width:210px;
	float:right;
	text-align:left;
}



/* III. Formats for classes */


.footercontent {
	position:absolute;
        bottom:0;
	left:10px;
	}

.frage	{
        cursor:help;
        }

                       /* Linkformatierung fuer externe Links   */
.xl     {
        background:url(../images/externlink.gif) no-repeat left center;
        padding-left:16px;
        }


                       /* Linkformatierung fuer die Schrift in der Navigation, Textfarbe kommt aus a-Tag  */
.navlink         { 
	background:url(../images/linkpfeil.gif) no-repeat left center;  
	padding-left:9px;
	font-size:12px;
	}
	 
                       /* Linkformatierung fuer Navigation */
.navlink_active  { 
	background:url(../images/linkpfeil.gif) no-repeat left center;
	padding-left:9px;
	color:#fff;
	font-size:12px;
	 } 

                       /* globale Vorgaben fuer die Schaltflaechen der Navi, keine Schriftformatierung  */
.navi
{
	border-top: 1px solid #000000;
	border-bottom: 1px solid #64747B;
	background-color:#2C353D;
	padding:2px;
}

                      /* sorgt dafuer, dass der Hintergrund bei mouseover heller wird */
.navi:hover       
{
	background-color: #64747B;
	}
	
                      /* sorgt dafuer, dass Schaltflaechenfarbe und Linkfarbe bei mouseover gleichgeschaltet sind */
.navi:hover > a.navlink  {
	color:#fff;
	}


                      /* Ueberschrift im Zusatzmenue */
.topicsidebar {
	background-color: #64747B;
	padding: 2px;
	text-indent: 6px;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}

.padded {
	margin:0;
	padding: 8px 10px;
	display: block;
}

.borderblue {
	border: 1px solid #414D52;
}

.borderwhite {
	border: 1px solid #FFFFFF;
}

.gbno    {
	width:30px;
	padding:6px;
	float:left;
	background-color:#414D52;
}

.gbentry    {
	padding:10px;
	width:295px;
   	margin:0 0 0 45px;
	display:block;
}

.link   {
	font-weight: normal;
	color: #fff;
	text-decoration: underline;
	font-size: 12px;
	background:url('../images/linkpfeil.gif') no-repeat left center;
	padding-left:9px;
}

                      /* wofuer? Entdeckt bei den Tables im Kontaktformular, dort eliminiert...*/
/*
.text   {
	font-size:12px;
	}
           */

                      /* wofuer? */
.zero	{
    	border:0;
	padding:0;
	margin:0;
	}
	
.imgbox_l  {
	float:left;
	border:0; 
	padding:4px; 
	background-color:#2C353D;
	margin:0 10px 10px 0;
	} 
	
.imgbox_r  {
	float:right;
	border:0; 
	padding:4px; 
	background-color:#2C353D;
	margin:0 0 10px 10px;
	}

.imgbox {
	border:0; 
	padding:4px; 
	background-color:#414D52;
	margin:0 0 10px 0;
	}

                      /* for award-td */
.mitte  {
	vertical-align:middle;
	text-align:center;
 }



div.imgbox_l div, div.imgbox_r div, div.imgbox div  
	{
	text-align:left;
	color:#F0F0F0;
	font-weight:normal;
	margin-top:5px;
	} 

.box	{
	background-color: #2C353D;
	padding:10px; 
	margin:20px 0 10px 0;
	display:block;
	}

.galbox {
	border: 1px solid #414D52;
        border-right: 4px solid #414D52;
	background-color:#000;
	width:575px;
        height:180px;
	margin-bottom:10px;
	}

						/* for the lighthouse data box */
.data           { font-weight:bold;color: #b9b9b9; }
.rot             { font-weight:bold; color: #FF0000; }
.gruen         { font-weight:bold; color: #009900; }
.weiss          { font-weight:bold; color: #FFFFFF; }
.gelb            { font-weight:bold; color: #FFF000; }




/* IV. text fonts */


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

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

a:active  {
	text-decoration:none;
	color: #fff;}

h1	{
	font-size: 18px;
	font-weight: normal;
	margin:10px 0 15px 0;
	padding:0;
	text-decoration:none;
}


h2	{
	font-size: 12px;
	font-weight: bold;
	margin:0 0 10px 0;
	padding:0;
	text-decoration:none;
}


h3	{
	font-size: 11px;
	font-weight: bold;
	margin:0;
	padding:0;
	text-decoration:none;
}

h1 a   {
        font-weight:normal;
	}

abbr    {
	cursor:help;
}

p       {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: justify;
	line-height:1.3em;
	text-indent:10px;
	margin:0 0 10px 0;
}


p a	{
	background:url(../images/linkpfeil.gif) no-repeat left center;  
	padding-left:9px;
}


td a	{
	background:url(../images/linkpfeil.gif) no-repeat left center;  
	padding-left:9px;
}


hr    {
	width:375px;
	height:1px;
	color:#414D52;
}


#stripe1 a {
	color: #B0BDDB;
        text-transformation: uppercase;
	text-decoration:none;
}

#stripe1 a:hover, a:active {
	text-decoration: underline;
        color:#fff;
}

table   {
	background-color:#2C353D;
	border:1px solid #64747B;
	border-collapse:collapse;
	margin:0 0 10px 0;
	}


                      /* needed for main table headlines */

caption { 
	background-color:#64747B;
	font-weight:bold;
	border:1px solid #64747B;
	border-collapse:collapse;
	padding:6px;
	}

                      /* needed for secondary table headlines */
th	{
	background-color:#414D52;
	}
	
td, th  {
    vertical-align:top;
	text-align:left;
	border:1px solid #64747B;
	padding:6px;
	}