body {
position: absolute;
 
font-family:   Tahoma, "Trebuchet MS", Helvetica, Arial, sans-serif;
font-size:  12px;
text-align: left; 
line-height: 140%;
color: #000000;
}

html, body {
top:0; right:0; left:0;
margin: 0px;
padding: 0px;
width: 100%;
 
}

body{
background-repeat:no-repeat;
 
}



h1 {
margin:0px;
padding:0px;
padding-bottom:12px;
margin-top:10px;
font-size: 19px;
 
font-weight:normal;
color:#000000;
 
line-height: 130%;
}
 
p {
margin:0px;
padding:0px;
margin-top:12px;  
margin-bottom:12px;
}

h1 + p {
margin:0px;
padding:0px;
  margin-top:0px;  
margin-bottom:12px;
}

/* container */
/*sichtbar oben quer */
#header_container {
position: absolute;  
top:  0px;
left: 0px;
height: 34px;
width:170px;

overflow: visible;

z-index: 4;

 background-color:#ffffff;
 
 width:100%;
  height:50px;
}


 
 
 

 

/* container fuer menue 2 : impressum  etc  */
  
 
 #menue1_container {
z-index: 11 ;
 position:absolute;
background-color:00fffee;
} 
 /* Menues insgesamt    */
#menue1a {	  
 
 
	position:absolute;
	top:9px; 	
	
}
    
  
 /* Hauptmenue senkrecht    */
.menue1b1 , .menue1b2 {	 
	 margin-top:1px;
	 height:35px;
	 
	  
	 
}
/*//////////////////////////////////////////////////*/
/*   .menue2bzeile1_m    
.menue2b_gesamt_m  
.menue2b_x1_m 
.menue2b_x21_m */



/* senkrechte dif rahmen von roten kastchen senkrecht  */
.menue2a_m {
	position:absolute;
	 
	top:88px;  
 /*	left: 142px; */
  left: 152px;  
	width:37px; 
	 line-height:100%;

  
 z-index:3;
 
}
 
#ref_buttonleiste{
 
}

 /* Reftabelle gesamt   */
.menue2a0 {
	position:absolute;
	 
 	top:55px;   /* 193px;*/ 
 	left: 178px; /* 193px;*/ 
	width: 776px;  /*760px; */ 	 
  	z-index:2;
	padding-bottom:22px;
    background-color:#ffffff;    
}

.hervorheben {
	 background-color:#ff0000;  
}
	


#referenztab {
  
 }

{ 
background-color:#00ffff;
width: 700px;
height: 499px;
position:absolute;
background-color:#00ee33;
}

 /* Reftabelle gesamt   */
#menue2a1 {
 
	margin-left:15px;
	width:760px;   
	 line-height:100%;
	 
	border-top:1px dotted #7599a8;
	
 
}
 

.menue2b1, .menue2b1passiv    { 
	 
	height: 9px; /* 25.01. */
	 width: 186px;     

	padding-bottom: 4px;
 	padding-left: 4px;
	padding-top: 8px;
	 
	   
	background-repeat:no-repeat;	
  background-color:#FFFFFF;   /* 2212         */
	float:left;
	
}

 /*	ONLINE */
.menue2b1  { 
 
 cursor:pointer; 
}

 /*	NICHT ONLINE */
.menue2b1passiv { 
 
 	 color:#999999;  
}

 
/* hier container fuer referenz menue: textspalte */
.menue2b_refheadline {
  
 margin-left:95px   ;
 
 top: 12px;
  position:absolute;
  
  width:680px;

 overflow:visible;
 z-index:10 ;

}

/* hier container fuer die referenz menue: kaestchen */
.menue2b_gesamt  {
/*  margin-top:-14px; 
   left:188px;   */ 
  padding-top:9px;
  position:relative;
  
   
}
/* hier container fuer die senkrechte leiste referenz menue: kaestchen */
.menue2b_gesamt_m  {
 /* 2212 */
height: 9px; /* 25.01. */
     
	padding-bottom: 4px;
 	padding-left: 0px; 
	padding-top: 8px;
 
}


.menue2bzeile1, .menue2bzeile2   {
float:left;
 
 width:100%;
/*hier kommt die aktive Tabellen Zeile xxxxxxxxxxxxxxxxxxxxxxxx */
 /* background-color:#dfdfdf;   d6e9fa; 2212  */

 border-left:1px dotted #7599a8;
 border-bottom:1px dotted #7599a8;
 margin:0px;
 
}
 /* aktive zeilen  */
.menue2bzeile1  {
	     
	background-color:#cedde3; 
 /*  background-color:#c5cdd4; 
   
    background-color:#F7F7F7; /* 2212 */    
}

/*hier kommt die passive Tabellen Zeile xxxxxxxxxxxxxxxxxxxxxxxx */
.menue2bzeile2   {
   background-color:#ebf3f8;  

}


.menue2bzeile1_m, .menue2bzeile2_m {
  width:100%;
 border-bottom:1px dotted transparent;

 }

/* hier container fuer die referenz menue und allgemein: headline */
.menue2b_z {
 left:5px;
    position:relative;
	width:95px;
 	  height: 10px;  
	float:left;
padding-left:0px; 
padding-top:4px;
 

 color:#000000;  
text-transform:uppercase;
 font-variant:small-caps;  
 font-size:10px;
 font-weight:bold;

 
}

.menue2b_zgesamt {
 margin-left:206px;  /*  205px;  */
 
  background-color:#ebf3f8; /* 2212   */
 height:22px;
 width:570px; /* 621px; */
} 

 

.menue2b_profil  {
 
  left:0px;
    position:relative;
	width:240px;
 	  height: 10px;  
	float:left;
padding-left:0px; 
 

 color:#000000;  
text-transform:uppercase;
 font-variant:small-caps;  
 font-size:10px;
 font-weight:bold;

 
   
}

.headl2 {  
 color:#000000;  /*    color:#7599a8;   */
text-transform:uppercase;
 font-variant:small-caps;  
 font-size:10px;
 font-weight:bold;
}


/* hier container fuer die referenz menue: grafiken senkrecht boxen */
/* AUSSEN BOX  */
.menue2b_x1,  .menue2b_x1_m {
	 margin:0px;
	 
	 padding:0px;
    position:relative;
   width:95px;    
 	height: 10px;
	float:left; 
}

 .menue2b_x1_m {
width:100%;
 

}
/* INNEN BOX  */

.menue2b_x20, .menue2b_x21, .menue2b_x20_m ,  .menue2b_x21_m {  
margin-left:0px;
		margin-top:2px;
	 float:left; 
	 width:10px;
	 height:8px;
 background-color:#ff3300; 
 	 
}

/* INNEN OFFLINE  */
.menue2b_x20 {
 margin-left:5px;
 background-color:#ffffff; 
 
}

  .menue2b_x20_m {
 
  
  background-color:#ffffff; 
}


/* INNEN BOX ONLINE */
.menue2b_x21 {
     margin-left:5px; 
 background-color:#666666;
 
}

/* INNEN BOX ONLINE ROT  */
  .menue2b_x21_m {
      
 background-color:#ff3300;
 cursor:pointer;
 
}

.classtestbild {
	
	

position:relative;
left:186px;
top:2px;
width:191px;
 
 height:132px;
z-index:10;
   background-color: #d1dce7; 
padding:0px;
padding-top:1px;
padding-left:1px;
display:none;

	
}

.menue3a {
	position:absolute;
	z-index:12;
	top:70px;
	 left:   0px;  /* 0px;   */
	 background-color:#66FF00;
}























/* hier container fuer die hauptleiste */
#menue1_container {
z-index: 5 ;  
position: absolute;
height:33px;
  /*  971px;    */
left:  5px;   
top:  16px;  
  
}
 
 /* hier schwarze linie waagerecht */
.menue1_container_back {
height:50px; 
width: 100%;
z-index: 5 ; 
position:absolute;
left:0px;
top:  0px; 
border-bottom:1px solid #000000;

}



 
 

 /* hier pfad  div   */
#pfad_container {
z-index: 5 ;  
position: absolute;
 
top:  30px;    /* 148px;   */
height:20px;
 
left:   147px;  /* 120px; */

   /* pfad schrift hier */
  
padding-top:3px; 
 
font-size:  11px;
 font-weight:bold;  
color: #3399ff ; 

line-height:130%;
 
}
 
.pfadclass { 
 
position:relative;
float:left;
 background-color:#ffffff;
 padding:0px 4px 1px 4px;


} 

.kommentartitel {

color: #66b4f2 ; 
 
}

.kommentar {
padding-bottom: 24px;
}

.nextprojektclass {
left:619px;
position:absolute;
 width:192px;
 background-color:#ffffff;
 padding:0px 4px 1px 1px;
  

}

#zahlen {
position:absolute;
height:300px;
 
}
    
 .foto_menuegesamt{
 }
  
 .medienheadline {
z-index:100;
position:relative;
top:0px;
left:0px;
 padding:0px 3px 1px 3px;
 
/* font-weight:bold; */
    
color:#000000; 

}

.foto_menue_farbe  {
margin-top:-1px;   /*  -1px;  */
background-color:#ffffff;    
height: 21px;
width:192px;
}
  
.foto_menue  {

position:relative;
padding:2px;  
padding-left:3px; 
float:left;
 
font-size: 12px;

color:#3399ff;   /*   #0066FF;  */

   font-family:  Tahoma   ;  /*  Tahoma,Impact , "Trebuchet MS", Helvetica, Arial, sans-serif;  */
 /*  font-weight:bold; */
 margin-bottom:14px;
  }


 
#k_textjpg, #k_textswf, #k_textflv, #k_textmov  {

z-index:10;
position:absolute;
 
width:175px;
height:132px;

border:1px;
}


 
#k_film {
z-index:2;
top:176px;
position:absolute;
width:182px;
border:1px;
}  
 
 
#content_background_all {


position:absolute;
width:100%;
height:5000px;
top:0px;
left:0px;
 

 z-index:3;

 
overflow: hidden !important; /* FF Scroll-leiste */ 

background-color:grey;filter:alpha(opacity=50);opacity:.5; 
 display: none;   
} 

#content_background{
  
    background-image:url(trans_back_linie1.png);    
 
	 
   background-repeat:repeat ;
  
  left:144px;
  top:0px;  
 width:100%;
 height:100%;
   z-index:  /* -1; */
      
 position:fixed;
} 
 

 
#content_linie {
  background-image:url(linie_01.gif);  
  background-repeat:repeat-y;
     background-position:-15px  0px ;  /* 160px 50px; */
	 background-color:#FFFFFF;
	 padding-top:330px;
  left:0px;
  top:0px;
 
width:144px;
 height:100%;
 
 position:fixed;

    z-index:5; 

}

  
/* hier wird der top abstand vom content festgelegt */ 
#content_container_x {
 
position:absolute;
 
left:0px;
top:  80px;    /* 195px;   */
 z-index:2 ;

 
}
 
/* hier mediengallerien */ 
.mediencontainer {
 
color:#000000;
 
 
} 
#content_container_1 {
 left:767px; 

 position:absolute;
 /* top:83px;  */
  top:115px;  
}
 
#content_1 {
	 
	
}

#content_container_2 {
z-index:1;
 
 
  left:93px;  /* 156   */
  position:absolute;
  
	   width: 592px; 
	 
 
	  padding-left:90px;
display: block;
	  
}


#content_2a {
z-index: 1;
padding-left:  15px; /* 16px, */
  
padding-right:1px; 
width: 268px; /*     269px;    14.2.*/
 
float:left; 	
  background-color:#ffffff;   
     
}

 #content_2b {
z-index: 1;
 padding-left:15px;
 
padding-right:1px; 
width: 268px; /*     269px;    14.2.*/
 
 
 float:left;	 
   background-color:#ffffff; 
     
}
  	 
	 
.div_liste {
position:relative;
background-color:#ebf3f8; 
  /* background-color:#d6e9fa;  */ 

   
 
 margin-top:14px;
padding:14px;
padding-top:12px;
border: 1px dotted #7599a8;
 
width:239px;
}	 
	
.leistungen2 {

clear:left;
padding:10px;
 

	} 
.formgen_form {
 
	width: 264px;
 
 
}

.formgen_required {
 
	width: 240px;
  
 
}

/* DIV MEDIEN LAYER */

.bildclass  {

 
z-index:2;
 
	 

left:196px;  /*   259px*/ 
  position:absolute;
  
 background-color:#ffffff;
 padding-top:15px;
	  
width: 555px;
height:600px;
 
	  
text-align:center;
margin:auto;
 
 

}

.center_align {

  margin-top:25px;   
}

 
#content_container_4 {
background-color:#ffffff;  
left:751px;  
position:absolute;
width:192px; 
font-size: 12px;
color:#666666;
padding-left:16px;

display:block;
}

/* 
#content_container_4 {
background-color:#FFFFFF;  
left:767px;  
position:absolute;
width:192px; 
font-size: 12px;
color:#666666;

} 
*/

#content_4 {
padding-left:1px;  
padding-right:1px;
}


 
/* ==== Formate === */
/* menue links  */

 /*
var farbe_aktiv = 0x66ccff ;   // hellblau
var farbe_passiv = 0x6E89A0 ;   // dunkelblau
*/

a:link.menue_active  {   color:#ffff00; }
a:visited.menue_active  {  color:#ffff00;  }  
a:hover.menue_active  { color:#CC3300; }
a:active.menue_active {   color:#000000; }
 
a:link.foto_menue_link  { text-decoration:none; color:#3399ff; }
a:visited.foto_menue_link  { text-decoration:none; color:#3399ff;  }  
a:hover.foto_menue_link  { text-decoration:none; color:#000000;  }
a:active.foto_menue_link  { text-decoration:none; color:#000000;  }
 
a:link.path_menue  { text-decoration:none; color:#6daeec; }   /* 66a8f6  */
a:visited.path_menue  { text-decoration:none; color:#6daeec;}  
a:hover.path_menue  { text-decoration:none; color:#000000;  }
a:active.path_menue  { text-decoration:none; color:#000000;  }


/* refmenue link-farbe */
a:link.menue_active0  { text-decoration:none; color:#ff3300; }
a:visited.menue_active0  { text-decoration:none; color:#ff3300;  }  
a:hover.menue_active0  { text-decoration:none; color:#ffffff; }
a:active.menue_active0 { text-decoration:none; color:#000000; } 
 
 
a:link.menue_active1  { text-decoration:none; color:#000000; }
a:visited.menue_active1  { text-decoration:none; color:#000000;  }  
a:hover.menue_active1  { text-decoration:none; color:#000000; }
a:active.menue_active1 { text-decoration:none; color:#000000; } 
 
 
 
 
a:link.externlink   { text-decoration:none; color:#FF3300; }
a:visited.externlink  { text-decoration:none; color:#FF3300; }
a:hover.externlink  { text-decoration:none; color:#FF6600; }
a:active.externlink  { text-decoration:none; color:#FF3300; }


/* textlinks  */

a:link   { text-decoration:none; color:#FF3300;}
a:visited  { text-decoration:none; color:#FF3300; }
a:hover { text-decoration:none; color:#FF6600; }
a:active   { text-decoration:none; color:#CC3300; }


img {
     
    border:0px;
}


.bildborder2 {
 
border:1px solid #3399ff;
 
}


/* text */



 
 
 
 /*************   MAILFORMULAR   ***************** MAILFORMULAR ********************   MAILFORMULAR   ******/
 
 /* 
REDAXO-Modul: do form!
Beschreibung: CSS-DEMO
Bereich: CSS 
F?r: do form! 2.x  und 3.x
Stand: 20.04.2009 
Version: 1.0
--------------------------------------------------------------------------
HINWEISE:
--------------------------------------------------------------------------
!! Das CSS ber?cksichtigt nicht alle m?glichen Felder 
!! Farben nicht 1 zu 1 ?bernehmen
!! ist ja nicht wirklich h?bsch

Weitere Infos zu den CSS hier:
http://wiki.redaxo.de/index.php?n=R4.DoForm
-------------------------------------------------------
*/

/* Formular Definition */
/*//////////////////////////////////////////////////////////////////////////////*

/* Div das das Formular umschlie?t */
.formgen {
	font-size: 1em;
	padding-right: 0px;
	padding-left: 0px;
}


/* Was passiert wenn auf das Label geklickt wird? */
label,
select,
input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit]
{
cursor : pointer;

}



.formgen form
{
line-height : 120%;

}




/* 
Wie sehen die einzelnen Bl?cke aus? 
Jedes Feld wird von einem DIV umschlossen, das hier definiert werden kann
*/


.formgen .formblock
{
	margin-bottom: 15px;
	margin-top: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 0px;
	padding-left: 0px;	
	
}
 .forminfo 
{
	width: 245px;
	margin-bottom: 15px;
	background-color:  #FEF4F1;
	padding: 12px;
	
	font-weight: bold;
	/* border: 5px dashed #990000; */
}

/*
Verhalten von br-Tags
*/
.formgen br
{
clear: both;
}


/* 
--------- FORMULAR-OBJEKTE ------------ 
*/


/* Mehrzeiliges Eingabefeld */
.formgen .formtextfield
{
	
	width: 238px;
	height: 150px;
	 
	border: 1px dotted #7599a8;
	background-color: #ffffff;
}


/* Textfeld */
.formgen .formtext
{
		
	width: 238px;
 
	margin-bottom: 10px;
	font-size: 1em;
	
	background-color: #ffffff;
	border: 1px dotted #7599a8; 
}

.formgen input:focus, .formgen input:hover,
.formgen select:focus, .formgen select:hover, 
.formgen textarea:focus, .formgen textarea:hover {
 
	background-color: #ffffff;	

}


/* Label */
.formgen label {
	width: 120px;
	clear: left;
	float: left;
	height: 15px;
	font-weight: normal;
	color: #666665;
	margin-top:5px;
}


/* Aussehen der Select-Ausgabe */
.formgen .formselect
{
	width: 200px;
	background-color:#ffffff;
	margin-left: 0px;
	color: #000000;
}


/* Sende-Button */
.formgen .formsubmit
{
	width: 120px;
	text-align: center;
	background-color: #7599a8;;
	 
	float: right;
	color: #000000;
}



/* Fieldsetbeschriftung */
.formgen legend {

	color:#999999;
	font-weight:bold; 
	width: 150px;
}
.formgen .fieldset {
	margin-bottom: 10px;

}

/* -------------- AUSGABEN / Fehlermeldungen --------*/


/* Markierung der Labels bei Fehler */
.formgen .formerror {
 
	border-bottom-width: 1px;
	color:#999999;
}

.formgen .formcaptcha
{
	border: 2px solid #990000;
	vertical-align: top;
	float: left;
	margin-right: 10px;
}

.formgen .formreq {
	color: #7599a8;
}

.formgen .formheadline {
	color:#999999;
	background-color: #ffffff;
	padding:20px;
	padding-top: 4px;
	padding-bottom: 4px;
	
	margin-top: 5px;
	margin-bottom: 5px;
	font-style: italic;
}

/*//////////////////////////////////////////////////////////////////////////////*
/* Ende der Formulardefinition */