/*************************************  Universelle Einstellungen  *******************************************/

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 1.4;
	text-align: justify;
	margin: 0px; /* alle margin und paddings die browserseitig als Standardwerte vorgegeben werden, werden mit Null überschrieben */
	padding: 0px; /* z.B. für body, p, h1-h6, li */
	background-color: #FFFFFF;
	color: #333333;
}

HTML, body {
	scrollbar-base-color: #5c5c5c;
	scrollbar-Track-Color: #f1f1f1;
	scrollbar-Face-Color: #FFFFFF;
	scrollbar-Highlight-Color: #5c5c5c;
	scrollbar-Shadow-Color: #5c5c5c;
	scrollbar-DarkShadow-Color: #FFFFFF;
	scrollbar-3dLight-Color: #FFFFFF;
	scrollbar-Arrow-Color: #5c5c5c;
	border: 0 solid;  /* Rahmen wird für alle Browser auf Null gesetzt.  */
}

h1, h2, h3, h4, h5, h6 {
	font-family: Arial, Helvetica, sans-serif;
	color: #989A9A;
}

h1 {
	font-size: 70px;
	font-weight: normal;
	color: 8A8A8A;
	margin-top: 55px;
	line-height: 0px;
}

h2 {
	font-size: 16px;
	font-weight: bold;
	color: 908F8F;
	margin-top: 45px;
	line-height: 0px;
}

h3 {
	font-size: 18px;
	font-weight: normal;
	margin-left: 30px;
	margin-top: 60px;
	line-height: 0px;
}

h4 {
	font-size: 32px;
	font-weight: normal;
	margin-top: 30px;
	margin-left: 30px;
	line-height: 0px;
}

h5 {
	font-size: 15px;
	font-weight: bold;
	color: #666666;
	margin-top: 35px;
}

h6 {
	font-size: 15px;
	font-weight: bold;
	color: #666666;
	margin-top: 0px;
}

.red {
	color: #EA5700;
}

.flash {
	font-weight: bold;
	color: #989A9A;
}

.beam {
	font-weight: bold;
	color: #EA5700;
}

.impressum2 {
	font-size: 11px;
	color: #666666;
}

#headertext {
	text-align: justify;
	padding-top: 30px;
	padding-left: 350px;
	font-size: 11px;
	font-weight: normal;
	color: #333333;
}

b, strong {
	font-weight: bold;
}

a { text-decoration: none } 

.goto:link { color: #EA5700; text-decoration: none; font-weight: bold; }
.goto:visited { color: #EA5700; text-decoration: none; font-weight: bold; }
.goto:hover { color: #989A9A; text-decoration: underline; font-weight: bold; }	
.goto:active { color: #EA5700; text-decoration: none; font-weight: bold; }

.impressum:link { color: #666666; text-decoration: none; font-weight: bold; font-size: 11px; }
.impressum:visited { color: #666666; text-decoration: none; font-weight: bold; font-size: 11px; }
.impressum:hover { color: #666666; text-decoration: underline; font-weight: bold; font-size: 11px; }	
.impressum:active { color: #666666; text-decoration: none; font-weight: bold; font-size: 11px; }

/********************************    Main-Frame     ********************************************/

#mainFrame {       /*  Dieser Container legt sich um die gesamte Seite  */
	width: 950px;
	margin: 30px auto 30px auto; /* zentriert die Seite im Browserfenster  */
}

/*********************************  Unterteilung   *****************************************/

#Menue {     
	width: 920px;
	height: 29px;
	margin-top: 26px;
	background-color: #F4F8F8;
	text-decoration: none;
}

#Sprachauswahl {   
	width: 900px;
	height: 21px;
	text-align: right;
	font-size: 11px;
	font-weight: bold;
	background-image: url(../img/sprachauswahl_bg.gif);
	padding-right: 20px;
	padding-top: 5px;
}

#Header {   
	width: 920px;
	height: 298px;
	background-color: #F4F5F5;
}

#Content {      
	width: 920px;
	height: auto;
	background-color: #F4F5F5;	
}

#Thumbs { 
	width: 920px;
	height: 200px;
	padding-top: 34px;
	background-color: #F4F4F4;
  	background-image: url(../img/galerie-back.jpg);
}

#Footer {   
	width: 920px;
	height: 156px;
	background-color: #F8F9F9;
}

#Impressum {  
	width: 920px;
	height: 70px;
	padding-top: 30px;
	text-align: center;
	background-color: transparent;
}

/**********************************  Site-Content   **************************************/

.mainContent {
	margin: 0 auto;
	width: 900px;
	height: auto;
	text-align: left;
	background: transparent;
}

.row {
	width: 100%;
} 

#content_cellheading_1 {
	float: left;
	width: 15px;
	height: auto;
	display: inline;
}

#content_cellheading_2 {
	float: left;
	width: 920px;
	height: 50px;
	display: inline;
	background-image: url(../img/menue_bg.jpg);
}

#content_cellheading_3 {
	float: left;
	width: 15px;
	height: 50px;
	display: inline;
}

/**********************************  Menübereich   **************************************/

.table {
	width: 920px;
	height: 29px;
	text-align: left;
	background-image: url(../img/menue-table_bg.jpg);
}

.cellheading {
	position: relative;
	width: 96px;
	height: 29px;
	display: inline;
	float: left;
	background-image: url(../img/button.gif);
	text-decoration: none;	
}

.menuetext {
	margin-top: 9px;
	font-size: 10px;
	font-weight: normal;
	color: #333333;
	text-align: center;
	text-decoration: none;	
}

.cellheading:link    { background-image: url(../img/button-hover.gif); text-decoration: none; }
.cellheading:visited { background-image: url(../img/button-hover.gif); text-decoration: none; }
.cellheading:hover   { background-image: url(../img/button-hover.gif); text-decoration: none; }
.cellheading:active  { background-image: url(../img/button-hover.gif); text-decoration: none; }

/**********************************  Header-Bereich   **************************************/

#Header_left {
	float: left;
	width: 29px;
	height: 298px;
	display: inline;
	background-image: url(../img/header-verlauf.jpg);
}

#Header_middle {
	float: left;
	width: 831px;
	height: 298px;
	display: inline;
	text-align: right;
	padding-right: 30px;
	background-image: url(../img/header.jpg);
}

#Header_right {
	float: left;
	width: 30px;
	height: 298px;
	display: inline;
	background-image: url(../img/header-verlauf.jpg);
}

/**********************************  Content-Bereich   **************************************/

#Content_titlebar_row {      /* Dieser Container ist Elternelement von zwei Spalten, die absolut positioniert werden */
	position: relative;
	width: 920px;
	height: 100px;
}

#Content_titlebar_left {
	float: left;
	width: 385px;
	height: 100px;
	display: inline;
	text-align: left;	
}

#Content_titlebar_right {
	float: left;
	width: 535px;
	height: 0px;
	display: inline;
	text-align: left;
	padding-top: 99px;
}

#Content_zwischenabstand {
	position: relative;
	width: 920px;
	height: 35px;
}

#Content_1_row {      /* Dieser Container ist Elternelement von zwei Spalten, die absolut positioniert werden */
	position: relative;
	width: 920px;
	height: 275px;
}

#Content_left {
	width: 419px;
	height: 275px;
	left: 0px;
	padding-top: 35px;
	padding-left: 30px;
	padding-right: 30px;
	position: absolute;
}

#Content_right {
	left: 460px;
	width: 460px;
	height: 275px;
	text-align: center;
	position: absolute;
}

#Content_2_row {      /* Dieser Container ist Elternelement von zwei Spalten, die absolut positioniert werden */
	position: relative;
	width: 920px;
	height: 320px;
}

#Content_left2 {
	left: 0px;
	width: 460px;
	height: 320px;
	text-align: center;
	position: absolute;
}

#Content_right2 {
	left: 460px;
	width: 400px;
	height: 320px;
	padding-top: 25px;
	padding-right: 30px;
	padding-left: 30px;
	position: absolute;
}

/**********************************  Thumb-Galerie   **************************************/

#thumb1 { 
	width: 209px;
	height: 234px;
	padding-left: 30px;
	display: inline;
}

#thumb2 { 
	width: 209px;
	height: 234px;
	padding-left: 4px;
	display: inline;
}

#thumb3 { 
	width: 209px;
	height: 234px;
	padding-left: 4px;
	display: inline;
}

#thumb4 { 
	width: 209px;
	height: 234px;
	padding-left: 4px;
	display: inline;
}

/**********************************  Footer-Bereich   **************************************/

#Rand_oben {  
	width: 920px;
	height: 50px;
	background-color: #F4F5F5;
}

#Footer_left {
	float: left;
	width: 30px;
	height: 156px;
	display: inline;
	background-color: #F4F5F5;
}

#Footer_middle {
	float: left;
	width: 830px;
	height: 156px;
	padding-left: 30px;
	padding-top: 0px;
	background-image: url(../img/footer.jpg);
}

#Footer_right {
	float: left;
	width: 30px;
	height: 156px;
	display: inline;
	background-color: #F4F5F5;
}

#Rand_unten {  
	width: 920px;
	height: 45px;
	background-image: url(../img/rand_unten.jpg);
}


/**********************************  Schatten   **************************************/

#content_shadow_left_1 {
	position: relative;
	float: left;
	width: 15px;
	height: 350px;
	margin-top: 29px;
	background-image: url(../img/shadow-left-in.gif);
}

#content_shadow_left_2 {
	position: relative;
	float: left;
	width: 15px;
	height: 1016px;
	background-image: url(../img/shadow-left-middle.gif);
}

#content_shadow_left_3 {
	position: relative;
	float: left;
	width: 15px;
	height: 265px;
	background-image: url(../img/shadow-left-out.gif);
}

#content_shadow_right_1 {
	position: relative;
	float: left;
	width: 15px;
	height: 350px;
	margin-top: 29px;
	background-image: url(../img/shadow-right-in.gif);
}

#content_shadow_right_2 {
	position: relative;
	float: left;
	width: 15px;
	height: 1016px;
	background-image: url(../img/shadow-right-middle.gif);
}

#content_shadow_right_3 {
	position: relative;
	float: left;
	width: 15px;
	height: 265px;
	background-image: url(../img/shadow-right-out.gif);
}

/*****************************************************************************************/
/************************************  Rubriken   ****************************************/
/*****************************************************************************************/

#Referenzen_Content_1_row {      /* Dieser Container ist Elternelement von zwei Spalten, die absolut positioniert werden */
	position: relative;
	width: 760px;
	height: 75px;
	padding-left: 80px;
	padding-top: 20px;
}

#Referenzen_Content_2_row {      /* Dieser Container ist Elternelement von zwei Spalten, die absolut positioniert werden */
	position: relative;
	padding-top: 60px;
	width: 920px;
	height: 352px;
	padding-bottom: 30px;
	text-align: center;
}

#Referenzen_content_shadow_left_2 {
	position: relative;
	float: left;
	width: 15px;
	height: 517px;
	background-image: url(../img/shadow-left-middle.gif);
}

#Referenzen_content_shadow_right_2 {
	position: relative;
	float: left;
	width: 15px;
	height: 517px;
	background-image: url(../img/shadow-right-middle.gif);
}

.kunde {
	font-size: 11px;
	color: #333333;
}

/************************************  Vorteile   ****************************************/

#Vorteile_Content_1_row {      /* Dieser Container ist Elternelement von zwei Spalten, die absolut positioniert werden */
	position: relative;
	width: 920px;
	height: 280px;
}

#Vorteile_Content_left {
	width: 400px;
	height: 280px;
	left: 0px;
	padding-top: 0px;
	padding-left: 30px;
	padding-right: 30px;
	position: absolute;
}

#Vorteile_Content_right {
	left: 460px;
	width: 460px;
	height: 280px;
	text-align: center;
	position: absolute;
}

#Vorteile_Content_2_row {      /* Dieser Container ist Elternelement von zwei Spalten, die absolut positioniert werden */
	position: relative;
	width: 920px;
	height: 280px;
}

#Vorteile_Content_left2 {
	left: 0px;
	width: 460px;
	height: 280px;
	text-align: center;
	position: absolute;
}

#Vorteile_Content_right2 {
	left: 460px;
	width: 400px;
	height: 280px;
	padding-top: 25px;
	padding-right: 30px;
	padding-left: 30px;
	position: absolute;
}

#Vorteile_Content_3_row {      /* Dieser Container ist Elternelement von zwei Spalten, die absolut positioniert werden */
	position: relative;
	width: 920px;
	height: 320px;
}

#Vorteile_Content_left3 {
	width: 400px;
	height: 320px;
	left: 0px;
	padding-left: 30px;
	position: absolute;
}

#Vorteile_Content_right3 {
	left: 460px;
	width: 460px;
	height: 320px;
	text-align: center;
	position: absolute;
}

.verwendung {
	padding-left: 40px;
}

#Vorteile_content_shadow_left_2 {
	position: relative;
	float: left;
	width: 15px;
	height: 860px;
	background-image: url(../img/shadow-left-middle.gif);
}

#Vorteile_content_shadow_right_2 {
	position: relative;
	float: left;
	width: 15px;
	height: 860px;
	background-image: url(../img/shadow-right-middle.gif);
}

/************************************  Impressum   ****************************************/

#Impressum_Content_1_row {      /* Dieser Container ist Elternelement von zwei Spalten, die absolut positioniert werden */
	position: relative;
	width: 770px;
	height: 400px;
	padding-left: 75px;
	padding-top: 15px;
}

.impress {
	font-size: 11px;
	color: #666666;
	font-weight: bold;
}

#Impressum_content_shadow_left_2 {
	position: relative;
	float: left;
	width: 15px;
	height: 394px;
	background-image: url(../img/shadow-left-middle.gif);
}

#Impressum_content_shadow_right_2 {
	position: relative;
	float: left;
	width: 15px;
	height: 394px;
	background-image: url(../img/shadow-right-middle.gif);
}

/************************************  Kontakt   ****************************************/

#Kontakt_Content_row {
	position: relative;
	width: 840px;
	height: 35px;
	padding-left: 80px;
	padding-top: 20px;
}

#Kontakt_Content_1_row {      /* Dieser Container ist Elternelement von zwei Spalten, die absolut positioniert werden */
	position: relative;
	width: 920px;
	height: 440px;
}

#Kontakt_Content_left {
	width: 369px;
	height: 400px;
	left: 0px;
	padding-top: 45px;
	padding-left: 80px;
	padding-right: 30px;
	position: absolute;
}

#Kontakt_Content_right {
	left: 460px;
	width: 355px;
	height: 390px;
	padding-left: 105px;
	padding-top: 55px;
	text-align: left;
	position: absolute;
}

#Kontakt_content_shadow_left_2 {
	position: relative;
	float: left;
	width: 15px;
	height: 474px;
	background-image: url(../img/shadow-left-middle.gif);
}

#Kontakt_content_shadow_right_2 {
	position: relative;
	float: left;
	width: 15px;
	height: 474px;
	background-image: url(../img/shadow-right-middle.gif);
}


/************************************  Kontakt-Formular   ****************************************/

.text {
	font-size: 11px;
	font-weight: bold;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
}

SELECT {
	font-size: 11px;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #F5F5F5;
	text-align: left;
	border: #B4B4B4 1px solid;
	width: 100px;
}

INPUT {
	font-size: 11px;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #F5F5F5;
	text-align: left;
	border: #B4B4B4 1px solid;
	width: 250px;
}

INPUT.checkbox {
	font-size: 11px;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #F5F5F5;
	text-align: left;
	border: #B4B4B4 1px solid;
	height: 15px;
	width: 15px;
}

INPUT.name {
	width: 122px;
}

INPUT.strasse {
	width: 200px;
}

INPUT.nummer {
	width: 45px;
}

INPUT.plz {
	width: 86px;
}

INPUT.ort {
	width: 159px;
}

TEXTAREA {
	font-size: 11px;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #F5F5F5;
	text-align: left;
	border: #B4B4B4 1px solid;
	width: 250px;
	height: 100px;
}

.submit {
	font-weight: bold;
	width: 100px;
	cursor: pointer;
	text-align: center;
	font-size: 11px;
	color: #8A8A8A;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #E4E4E4;
	border: #B4B4B4 1px solid;
}

/************************************  Dankes-Seite   ****************************************/

#Danke_Content_1_row {      /* Dieser Container ist Elternelement von zwei Spalten, die absolut positioniert werden */
	position: relative;
	width: 760px;
	height: 220px;
	padding-left: 80px;
	padding-top: 100px;
	text-align: center;
}

#Danke_content_shadow_left_2 {
	position: relative;
	float: left;
	width: 15px;
	height: 300px;
	background-image: url(../img/shadow-left-middle.gif);
}

#Danke_content_shadow_right_2 {
	position: relative;
	float: left;
	width: 15px;
	height: 300px;
	background-image: url(../img/shadow-right-middle.gif);
}