/* ######################################################################################################
** # blue lion mobile ###################################################################################
** ######################################################################################################
** 
**
**  Datei       : main.css
**  Autor       : Lars Backhaus
**
*/




/* ### Überschriften, Fließtexte, Basics ###################################################################### */

body { background-color: #c6c4c5; font-family: Verdana, Arial, Helvetica, sans-serif;}

div#main {
	
	width: 750px;
	margin-left: -375px;
	position: absolute;
	left: 50%;
	top: 0px;
}


table#basic {
	padding-top: 0px;
	width: 750px;
	height: 1185px;
	background-color: #FFFFFF;
	}


h1,h2,h3,h4 { font-family: 'Verdana', Verdana, Arial, Sans-Serif; font-weight:bold;}

h1 {font-size: 12px; color: #0086cd; font-weight: bold;}
h2 {font-size: 12px; color: #000000; font-weight: bold;}

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

TD#content1 h1 {font-size: 12px; color: #0086cd; font-weight: bold; line-height: 12px;margin-top:0px; margin-bottom:0px;}
TD#content1 h2 {font-size: 18px; color: #0086cd; font-weight: bold; line-height: 18px;margin-top:0px; margin-bottom:18px;}



TD#content2 h1 {font-size: 12px; color: #000000; font-weight: bold; line-height: 12px; margin-top:0px; margin-bottom:1px;}
TD#content2 h2 {font-size: 12px; color: #0086cd; font-weight: bold; line-height: 12px; margin-top:0px; margin-bottom:1px;}




strong,b { font-weight: bold; }
em,i { font-style:italic; }
p {margin-top:0px;}

hr { 
	color: #ffffff; 
	background:transparent; 
	margin: 0 0 12px 0; 
	padding: 0 0 0 0; 
	border:0; 
	border-bottom: 1px #c6c4c5 dashed; 
}


td#space {
	
	height: 130px;
	width: 50px;
	background-image: url(images/navback.gif);
	background-repeat: repeat-x;
	
	
}

/* Contact Form */
.csc-mailform { border: none; }
.csc-mailform input,  .csc-mailform textarea { padding: 3px; }
.csc-mailform-field label { width: 100px; display:block; float: left;  }
.csc-mailform-field { padding-bottom: 10px; }



/* ### Menüs ###################################################################### */


.nav {
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	vertical-align: top;
	color: #000000;
	line-height: 18px;
}

.nav a{
	color: #000000;
	text-decoration: none;

}

.nav a:hover{
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}

.nav a:active{
	color: #0086cd;
	text-decoration: none;
	font-weight: bold;
}

/*************************************************/
/* menue1 (Hauptnav)***************************/
/*************************************************/

td#menu1 {
	
	
	width: 230px;
	background-image: url(images/navback.gif);
	background-repeat: repeat-x;
	padding-top: 20px;
	
}



td#menu1 div.menu1-act a{
	color: #0086cd;
	text-decoration: none;
	font-weight: bold;
	
}



/*************************************************/
/* menue2 (Subnav)***************************/
/*************************************************/

td#menu2 {
	
	
	width: 230px;
	background-image: url(images/navback.gif);
	background-repeat: repeat-x;
	padding-top: 20px;
	
}





td#menu2 div.menu2-act a{
	color: #0086cd;
	text-decoration: none;
	font-weight: bold;
	
	
}

/*************************************************/
/* 3.Menüreihe - Rahmen für menustat**************/
/*************************************************/

td#menu3 {
	
	
	padding-left: 10px;
	background-image: url(images/navback.gif);
	background-repeat: repeat-x;
	padding-top: 20px;
	
}






/*************************************************/
/* menuestat (Impressum, etc.)***************************/
/*************************************************/

td#menustat {
	
	
	
}





td#menustat div.menustat-act a{
	color: #0086cd;
	text-decoration: none;
	font-weight: bold;
	
	
}



/* ### Content ###################################################################### */




/*************************************************/
/* content1***************************/
/*************************************************/

td#content1  {
	font-size: 13px;
	width: 450px;
	height: 235px;
	margin-top:0px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-top: 18px;
	vertical-align: top;
	line-height: 1.2em;
}


/*************************************************/
/* content2***************************/
/*************************************************/

td#content2  {
	font-size: 12px;
	background-image: url(images/vertback.gif);
	width: 210px;
	height: 235px;
	text-align: left;
	padding-left: 20px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-top: 18px;
	vertical-align: top;
	line-height: 1.1em;
}


/* ### Topimages ###################################################################### */



/*************************************************/
/* leftimg***************************/
/*************************************************/
td#leftimg  {
	width: 460px;
	height: 140px;
	text-align: right;
	vertical-align: top;
	
}



/*************************************************/
/* rightimg***************************/
/*************************************************/

td#rightimg  {
	background-image: url(images/vertback.gif);
	width: 240px;
	height: 140px;
	text-align: right;
	
	vertical-align: top;	
}


/* ### Footer ###################################################################### */
td#footer {
	background-color: #c6c4c5;
	height: 600px;
	padding-left: 50px;
	padding-top: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	vertical-align: top;
	text-align: left;	
}