/* CSS Document */

p,ul,ol,li,dl,form,h3,h4,h5 {
   color:#5D5D5D;  /* #624D88;  5B4782*/
   	font-size: 100%; 
	max-width:550px;
	overflow:visible; 
	font-family: Arial, Helvetica, sans-serif;   /*  */
  
}
h1,h2{ color:#5D5D5D;  /* #624D88;  5B4782*/
   	font-size: 100%;}

html,body{ font-family: Arial, Helvetica, sans-serif;   
width:100%;
	min-width:90%;
	height:100%;
	min-height:100%;
	margin: 0px;
    padding: 0px;
	
	}

	
html>body{
	height: auto;
	
}  
	
		

body{	position:relative;
		background-color:#FFFDF4; 
    	line-height:140%;}



/*  CONTAINER   */

#container{margin:0px; padding:0px;}



/*  WRAPPER um Inhalt solo -------------  */

div #wrapper{float:left; 
	width:100%; 
	background-color:#FFFDF4;
	z-index:1;
	}



hr {margin:20px 0px 30px 0px;}

/*  INHALT ----------------------     */

div #content{margin-top: 0px;
	margin-right: 22%;
	margin-bottom: 0;
	margin-left: 220px; 
	padding-top:0px;
	padding-right:8%;
	padding-left:5%;
	background-color:transparent; 
	overflow:visible;   /* 8773A8  #6E5799;  9684B3 */
	z-index:5;
	}
	
	

/*  Code aus alter Website  ------------------------------------        */

div #content .starter{background-color:transparent;
	margin:30px 10px 0px 15px;
	}
  
div #content  .starter50{background-color:transparent;
	margin:50px 10px 10px 15px;
	}  

div #content h1 {background-color:transparent;
	font-weight:bold;
	font-size:95%;
	line-height:135%;
	margin: 20px 5px 0px 15px;
	padding:0px;
	color:#3E3267;  /*554493 #3E3267 #F90;   */

	
}

div #content h1.dotted {
	margin: 40px 5px 20px 15px;
	padding:0px 0px 5px 0px;
	border-bottom:1px dotted #D4D4D4;
	width:60%;
	/*  border-bottom:1px dotted #524FA1;   */
	
}

div #content h1 p {margin-top:0px;}

div #content h1.ohnemargin {background-color:transparent;
	font-weight:normal;
	font-size:95%;
	line-height:135%;
	margin: 0px 5px 20px 15px;
	padding:0px;
	/*  border-bottom:1px dotted #524FA1;   */
	
}

div #content #h1rubrik {background-color:transparent;
	color:#999;   /*  #BEAFDC #8080C0 */
	font-size:70%;
	line-height:135%;
	margin: 0px 5px 0px 15px;
	padding: 15px 0px 0px 15px;
	width:90%;
	letter-spacing:3px;
	border-top:1px dotted #554493;
	/*  border-right:1px dotted #554493;   */
	border-left:1px dotted #554493;
	/*  border-bottom:1px dotted #524FA1;   */}

div #content .design { background-color:transparent;
		color:#3E3267;  /*  #EF9F27 #554493  #F90;   */
	font-size:105%;
	line-height:135%;
	margin: 25px 10px 15px 15px;
	font-weight:bold;

}


#content .qualitaetrahmen {border:2px dotted #C00; 
	margin:50px 0px 0px 20px; 
	padding:25px; width:90%; 
	max-width:600px;}


div #content h2 {background-color:transparent;
	color:#EF9F27;  /*  #F90;   */
	font-size: 90%;
	line-height:135%;
	margin: 35px 10px 0px 15px;
	font-weight:bold;
	
}

div #content h2 .yellow{color:#EF9F27;}

div #content h2 .tabindex .yellow{color:#EF9F27;}

div #content h1+h2 {margin:10px 0px 0px 15px;}

div #content h2.h2tabindex {background-color:transparent;
color:#EF9F27; /* #FC3;  #EEB326 */
	font-size: 90%;
	line-height:115%;
	font-weight:bold;
	margin:0px; 
	padding:0px;
}

dfn {padding:3px; 
font-size:200%; 
cursor:help;}


div #content table {margin:20px 0px 10px 10px; border-collapse:collapse; width:95%;}


div #content td.tabindex h2 a {background-color:transparent; color:#EF9F27;}


div #content td{background-color: #3A4A70; color:#5D5D5D; padding:15px 5px 20px 5px; }
div #content td a {background-color:transparent; color:#5D5D5D;}
div #content td a:hover {background-color:#5B4782; color:#FFF;}
div #content td p{color:#5D5D5D; line-height:140%; font-size:110%;}
div #content td p a:hover {background-color:#5B4782; color:#FFF;}



div #content table.kontaktformular {border-collapse:collapse; background-color:#FFFEF5; }
div #content td.kontakt{padding:3px 5px 5px 5px; font-size:80%;}
div #content td.kontakt p{color:#5B4782; line-height:140%; font-size:80%;}


div #content td.tabindex{padding:3px 5px 5px 5px; background:#FFFDF4; border-left:1px dotted #5D5D5D;}
div #content td.tabindex a {background-color:transparent; color:#5D5D5D;}
div #content td.tabindex a:hover {background-color:#554493; color:#F4F4F4;}
div #content td.tabindex p{color:#5D5D5D; line-height:140%; font-size:78%;}




div #content h2.vorteil {background-color:transparent;
	color:#EF9F27;
	padding:5px; 
	border:1px dotted #5D5D5D;
	font-weight:bold;
	
}



div #content h2.linie {background-color:transparent;
	color:#EF9F27;  /* #FC3;  #EEB326 */
	font-size: 90%;
	line-height:135%;
	margin: 35px 10px 10px 15px;
	font-weight:normal;
	border-top:1px solid #C00;
	border-bottom:1px solid #C00;
	padding:15px 0px 25px 0px;
	
}


div #content h2.linieoben {background-color:transparent;
	color:#EF9F27;  /* #FC3;  #EEB326 */
	font-size: 90%;
	line-height:135%;
	margin: 10px 10px 10px 15px;
	font-weight:bold;
	border-top:1px solid #EF9F27;
	padding:15px 0px 15px 0px;
	
}

div #content h2.linieobenrot{color:#EF9F27; font-weight:bold; margin-top:30px;}

div #content h3 {background-color:transparent;
	color:#5D5D5D; 
	font-size: 85%;
	line-height:135%;
	margin: 10px 10px 10px 15px;
	font-weight:normal;
	letter-spacing:1px;
} 


div #content ul{list-style:disc outside;
                 }

div #content a { text-decoration: none; background-color:transparent; font-weight:normal;}   /*   6B5494; */

div #content p a:link, a:visited {text-decoration: none; color:#000; background-color:transparent;}

div #content  p a:hover{
	color:#00F;
}



div #content h2.h2tabindex a {font-weight:bold; color:#5D5D5D;}


div #content  p  {  background-color:transparent;
	font-size:80%;
	line-height:140%; 
	margin: 5px 0px 15px 18px;}
	


div #content  p.copyright  {  background-color:transparent;
  	color:#FFF;
	font-size:58%;
	line-height:140%; 
	margin: 170px 0px 30px 10px;
}

div #content p.linie{border-top:1px solid #D4D4D4;
		font-size:70%;
		line-height:140%;
		padding:15px 0px 8px 0px;
		margin: 20px 10px 25px 20px;
		width:50%}



div #content  p.bu  {  background-color:transparent;
	font-size:70%;
	line-height:125%; 
	text-align:center;
	margin:20px 5px 10px 5px;
}



div #content td .imgbutton {margin:0px; padding:0px; text-align:center;}
div #content td .h2imgbutton {background-color:transparent;
	color:#EF9F27;  /*  #F90;   */
	font-size: 90%;
	line-height:135%;
	margin: 5px 10px 0px 15px;
	font-weight:bold;}
	
	div #content td .h2imgbutton a {font-weight:bold;}

div #content  ul {background-color:transparent;
	font-size:80%;
	line-height:135%;
	
}



div #content  li {
	background-color:transparent;
	font-size:100%;
	margin:5px 0px 0px 20px;
	padding-left:10px;
	list-style-type:disc;
	
}



	
	
div #content .zurueck {	margin:30px 30px 30px 0px; font-size:75%; text-align:right;}



/*  Rechts Spalte  -------------   */


div #right{	width:22%; 
	float:right;
	margin:200px 20px 0px -33%;  /*  -30%  */
	background:transparent;   /* CCC #6B5494   */
	padding:0px 20px 50px 0px; 
	display:inline; 
	border:1px dotted #D4D4D4;
	overflow:visible;
	/*   border-left:1px dotted #D8D8D8;    */
	z-index:20;

	}



div #rightnotxt{	width:30%; 
	float:left;
	margin-left:-33%;    /*  -30%  */
	background:#FFF; 
	padding:0px 20px 50px 10px; 
	/*  display:inline;   */
	overflow:hidden;
	}


div #right #referenztitel{background-color:transparent;
	padding:5px 10px 3px 18px; 
	color:#F8F8F8;  /* 5C3E90;   */
	background-image:url(elemente/lilaGrund_helleLinien_small.gif); /*  Schild_03_350_schmal_08.gif   */
	background-repeat:repeat;  /* no-repeat;   */
	background-position:top left; 
	font-size: 75%;
	line-height:135%;
	margin: 20px 10px 20px 10px;
	font-weight:normal;
	letter-spacing:1px;
	/*   font-weight:bold;   */
	width:auto;}
	
div #right h1{background-color:transparent;    /*#8D7CAA  8C6DC8 7158A1  675093 5B4782  #5C3E90;  B2B2B2 */
	color:#8D7CAA;
	border-left:5px solid #EF9F27;
	border-top:1px solid #EF9F27;
	font-size: 75%;
	line-height:135%;
	margin: 20px 0px 30px 0px;
	padding:10px 0px 5px 5px;
	font-weight:bold;
	height:auto; 
	text-align:left;}	
	
	
	
div #right p{background-color:transparent;
	font-size: 72%;
	line-height:135%;
	margin: 10px 10px 15px 15px;
	font-weight:normal; }
	
div #right p strong{background-color:transparent;
color:#6B5494;
}

div #right h1 a {text-decoration:none;}


div #right p a:link, p a:visited, p a:hover, p a:active{text-decoration:none; background-color:transparent; color:#5D5D5D}

/*  LINKTEXT ueber Bildern Seite Design  */


.linktext {
   position: relative;
   top: 0px;
   left: 10px;
   font-family:Arial, Helvetica, sans-serif;
   font-size: 75%;
   color:#5D5D5D;
   margin-bottom:20px;
}


.linktext a span {
   display: none;
   color:#5D5D5D;
}


.linktext a:hover span {
   display: block;
   position: absolute;
   top: 10px;
   left: 0px;
   width: 200px;
   height:auto; 
   padding: 10px;
   margin: 10px 10px 10px 0px;
   background: #5C3E90;  /*  #FFC;   */
   color: #FFF;
   border: 1px dotted #FCE398;
   font: 90% Arial, Helvetica, sans-serif;
   line-height:140%;
   text-decoration: none;
   overflow:visible;
   z-index: 100;
}





.linktext a   {
   color:#036;
    border: 0px;
   text-decoration: none;
}


.linktext a:link  {
   color: #036;

}


.linktext a:visited {
   color: #036;

}

.linktext a:hover {background-color:#5C3E90;
   color: #FFF;
   padding:2px 3px 2px 3px;
   border: 0px;
   text-decoration: none;
}

.linktext a:active {
   color: #036;
   border: 0px;
   text-decoration: none;
}



h1.text {margin:0px 0px 0px -2500px; color:#F8F8F8; font-size:1%; line-height:1%;}
.text {margin:0px 0px 0px -2500px;	color:#F8F8F8; font-size:1%; line-height:1%;}