BODY
{
	BACKGROUND-COLOR: white;
	FONT-FAMILY: verdana, arial;
}



.bodytext 
{
	FONT-SIZE: 10pt;
	FONT-FAMILY: verdana, arial; 
}



P
{
	FONT-SIZE: 10pt;
	FONT-FAMILY: verdana, arial;
  MARGIN: 0px 0px 5px 0px;
  text-decoration:none 
}

A:link    {color:#6666ff; text-transform:none; text-decoration:none; font-family:verdana; font-weight:bold; font-size:10pt; }
A:visited {color:#6666ff; text-transform:none; text-decoration:none; font-family:verdana; font-weight:bold; font-size:10pt; }
A:hover   {color:#000080; text-transform:none; text-decoration:none; font-family:verdana; font-weight:bold; font-size:10pt; }
A:active  {color:#000080; text-transform:none; text-decoration:none; font-family:verdana; font-weight:bold; font-size:10pt; }
                                                                                                                                                          


OL
{
	FONT-SIZE: 12pt;
	FONT-FAMILY: verdana, arial;
}
UL
{
	FONT-SIZE: 12pt;
	FONT-FAMILY: verdana, arial;
}
DIV
{
	FONT-SIZE: 10pt;
	FONT-FAMILY: verdana, arial;
}



H1
{ 
    font-family:Verdana, Arial; 
    font-size:24pt; 
    color:#6666ff; 
    font-weight:normal; 
    font-style:normal; 
    font-variant:normal; 
    margin:12px 0px 18px 0px; 
    padding: 4px 0px 4px 0px;
    border-bottom: 1pt silver solid;
}
H2
{ 
    font-family:Verdana, Arial; 
    font-size:12pt; 
    color:black; 
    font-weight:bold; 
    font-style:normal; 
    font-variant:normal; 
    margin:15px 0px 5px; 
}
H3
{ 
    font-family:Verdana, Arial; 
    font-size:12pt; 
    color:black; 
    font-weight:bold; 
    font-style:normal; 
    font-variant:normal; 
    margin:15px 0px 5px; 
}
H4
{ 
    font-family:Verdana, Arial; 
    font-size:10pt; 
    color:black; 
    font-weight:bold; 
    font-style:normal; 
    font-variant:normal; 
    margin:25px 0px 5px; 
}

/*
    H5 wird von Typo3 automatisch als grafische Überschrift umgesetzt.
    In den Constants können die Farben, Font-Attribute usw. bestimmt werden.
    
    Für H6 lassen sich keine besonderen Auszeichnungen definieren, H6 ist sozusagen inaktiv.
    H6 wird immer automatisch durch den Default-Header (z.Zt. H2, in den Constants definiert) ersetzt.
*/



TD
{
	FONT-SIZE: 12pt;
	FONT-FAMILY: verdana, arial ;
    MARGIN: 0px 0px 15px;
}



/********************************************************/
/**                ELEMENTE
/********************************************************/


#leftcontentcolumn {
  position:absolute;
  width: 180px;
  height: 440px;
	left: 10px;
	top: 114px;
  margin-left: 0px;
  padding-right: 12px;
  padding-left: 12px;
	background-color:#9999FF;
	padding-top: 26px;
}


#content {
  position:relative;
  width:auto;
  min-width: 160px;
  height: 440px;
  margin-right: 220px;
  margin-left: 220px;
  padding: 10px;
  z-index:3;
}


#logo_small
{
  position: absolute;
	width: 180px;
  height:50px;
	right: 10px;
	top: 504px;
	padding-left:15px; padding-right:15px; padding-top: 3px; padding-bottom: 3px; 

	background-color:#cccccc;
	background-image: url(images/logo_daunquart_klein.gif);
	background-repeat: no-repeat;
	cursor:pointer;  
	
}



/********************************************************/
/**                MENUS
/********************************************************/

/*
		MENU - LEVEL 1
*/

#menu_1
{
/*  position:absolute;
  top:0; left:0;
  width:100%; */
  margin: 0px;
  padding-top:10px;
  padding-bottom:10px; 
	background-color:#cccccc;
  BORDER-bottom: gray 4px solid;    
}

#menu_1 A:link    {text-transform:none; text-decoration:none; font-family:verdana; font-weight:bold; font-size:10pt; } 
#menu_1 A:visited {text-transform:none; text-decoration:none; font-family:verdana; font-weight:bold; font-size:10pt; }  
#menu_1 A:hover   {text-transform:none; text-decoration:none; font-family:verdana; font-weight:bold; font-size:10pt; }    
#menu_1 A:active  {text-transform:none; text-decoration:none; font-family:verdana; font-weight:bold; font-size:10pt; }   


.menu_1_no     {margin-left: 3px; margin-top: 3px; margin-bottom 3px; }
.menu_1_no A   {padding-left:12px; padding-right:12px; padding-top: 3px; padding-bottom: 3px; }
.menu_1_act    {margin-left: 3px; margin-top: 3px; margin-bottom 3px;}
.menu_1_act A  {padding-left:12px; padding-right:12px;  padding-top: 3px; padding-bottom: 3px; }

.menu_1_no A:link    {color:#6666FF; background-color:none; }
.menu_1_no A:visited {color:#6666FF; background-color:none; }
.menu_1_no A:hover   {color:#000080; background-color:silver; }
.menu_1_no A:active  {color:#000080; background-color:none; }

.menu_1_act A:link    {color:#000080; background-color:none; }
.menu_1_act A:visited {color:#000080; background-color:none; }
.menu_1_act A:hover   {color:#000080; background-color:silver; }
.menu_1_act A:active  {color:#000080; background-color:none; }



/*
		MENU - LEVEL 2
*/

#menu_2
{
  position: absolute;
	width: 180px;
  height:440px;
	right: 10px;
	top: 114px;
	background-color:#cccccc;
	padding-top: 26px;
}


#menu_2 A:link    {text-transform:none; text-decoration:none; font-family:verdana; font-weight:bold; font-size:10pt; }
#menu_2 A:visited {text-transform:none; text-decoration:none; font-family:verdana; font-weight:bold; font-size:10pt; }
#menu_2 A:hover   {text-transform:none; text-decoration:none; font-family:verdana; font-weight:bold; font-size:10pt; }
#menu_2 A:active  {text-transform:none; text-decoration:none; font-family:verdana; font-weight:bold; font-size:10pt; }

.menu_2_no     {margin-left: 3px; margin-top: 3px; margin-bottom 3px; }
.menu_2_no A   {padding-left:12px; padding-right:12px; padding-top: 3px; padding-bottom: 3px; }
.menu_2_act    {margin-left: 3px; margin-top: 3px; margin-bottom 3px;}
.menu_2_act A  {padding-left:12px; padding-right:12px;  padding-top: 3px; padding-bottom: 3px; }

.menu_2_no A:link    {color:#6666FF; background-color:none; }
.menu_2_no A:visited {color:#6666FF; background-color:none; }
.menu_2_no A:hover   {color:#000080; background-color:silver;}
.menu_2_no A:active  {color:#000080; background-color:none;  }

.menu_2_act A:link    {color:#000080; background-color:none; }
.menu_2_act A:visited {color:#000080; background-color:none; }
.menu_2_act A:hover   {color:#000080; background-color:silver; }
.menu_2_act A:active  {color:#000080; background-color:none;  }




/*************************************************************************/
/**
/** Styles für Start-Seite
/**
/*************************************************************************/

#div1 {
  position:absolute;
  width: 240px;
  height: 80px;
	left: 20px;
	top: 175px;
  padding: 12px;
}

#div2 {
  position:absolute;
  width: 180px;
  height: 80px;
	left: 95px;
	top: 255px;
  padding: 12px;
}

#div3 {
  position:absolute;
  width: 220px;
  height: 80px;
	left: 40px;
	top: 365px;
  padding: 12px;
}

#div4 {
  position:absolute;
  width: 240px;
  height: 80px;
	left: 750px;
	top: 215px;
  padding: 12px;
}

#div5 {
  position:absolute;
  width: 260px;
  height: 80px;
	left: 680px;
	top: 325px;
  padding: 12px;
}


#div6 {
  position:absolute;
  width: 180px;
  height: 80px;
	left: 730px;
	top: 440px;
  padding: 12px;
}

#div7 {
  position:absolute;
  width: 180px;
  height: 80px;
	left: 75px;
	top: 455px;
  padding: 12px;
}
#div8 {
  position:absolute;
  width: 300px;
  height: 80px;
	left: 770px;
	top: 80px;
  padding: 12px;
  font-family:Verdana, Arial; 
  color:#000000; 
  font-size:10pt; 

  
}
#div8 a {
	color:#6666ff; 
 
}


#div_image {
  position:absolute;
	left: 275px;
	top: 152px;
}

#div_logo {
  position:absolute;
	left: 30px;
	top: 25px;
}


#div_blase {
  position:absolute;
	left: 500px;
	top: 70px;
}

#div_maxim {
  position:absolute;
  width: 210px;
  height: 80px;
	left: 524px;
	top: 86px;
  padding: 12px;
	/* background-color:#9999FF; */
}

/*-------------------------------------------------*/
/* Mailform */

.mailformcolheader {
    font-weight: bold;
    color:gray;
    padding: 2px;
    border-bottom: 1px solid silver;
    width: 230px;
    height:18px;    
}
.mailformcolheadernarrow {
    font-weight: bold;
    color:gray;
    padding: 2px;
    border-bottom: 1px solid silver;
    width: 100px;    
    height:18px;
}
.mailformradio {
    width: 100px;
    height:18px;
    background-color:white;
    border:1px solid silver;
    padding:2px
} 
.inputfields {
    height:19px;	
    width:230px;
    padding:2px;
    border:1px solid silver;
    background-color: lightgrey; 
}
.inputfields_ro {
    color: gray; 
    background-color: lightgrey; 
    height:19px;	
    width:230px;
    padding:2px;
    border:1px solid gray;
}
.mailformsubmit {
    color: black; 
    background-color: silver; 
    height:20px;	
    width:230px;
    padding:2px;
    border:1px solid gray;
}
/*Beschriftung des Mailforms*/
.csc-mailform {
	position: relative;
	display:block;
	PADDING:5px;
	font-size:13px;
	color:black;
}

/* Hintergrund des gesamten Formulars */
.csc-mailform-field {
	}
.csc-mailform label {
	position: relative;
	display:block;
	width: 100px;
	float: left;
	left:10px;
	text-align: left;
	PADDING:2px;
	margin:2px;
	border:1px solid #999999;
}
.csc-mailform input, .csc-mailform textarea {
	position: relative;
	width:250px;
	left:20px;
	PADDING:2px;
	margin:2px;
	background-color:lightgrey;
	border:1px solid gray; 
	color: black;
}
.csc-mailform-check {
	border: none;
	width:auto;
	left: 20px;
	PADDING:2px;
	margin: 2px 0 2px 0;
}
.button {
	clear: left;
	position: relative;
	display:block;
	left:128px;
	width:auto;
}
.csc-mailform-submit {
	clear: left;
	position: relative;
	display:block;
	left:128px !important;
	width: auto !important;
	color:black !important;

	
}
.csc-mailform .csc-mailform-check {
	background:none;
	border:none;
	width:16px;
}




#popup1 { 
	background-color: #fff; 
	display: none; 
	margin: 0; 
	padding: 0; 
	position: absolute; 
	z-index: 98; 
	top: 50px;
	right: 20px; 
	width: 620px; 
	border: solid 2px #9999FF;
}
#popup1 .popheader { 
	color: #fff; 
	background-color: #9999FF; 
	position: relative; 
	z-index: 99; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 20px 
}
#popup1 h1 {
	color: #fff; 
	font-size: 12px; 
	font-weight: bold; 
	margin: 0; 
	padding: 0;
	border: none;
}
#popup1 .close { 
	font-size: 10px;
	text-align: right; 
	position: absolute; 
	z-index: 99; 
	top: 0; 
	right: 0 
}
#popup1 .close a:link, #popup1 .close a:visited {
	text-decoration: none;
	color: #FFFFFF
}
#popup1 .close a:hover {
	text-decoration: underline
}
#popup1 p  {
	padding: 5px 
}
#popup1 a:link, #popup1 a:visited {
	color: #E67015;
	text-decoration: none;
}
#popup1 a:hover {
	color: #E67015;
	text-decoration: underline;
}
