/* ------ Tag Formatierungen ------ */

html {
overflow-y: scroll;
}

body {
font-family: tahoma, arial, verdana, Helvetica, sans-serif;
background-color: #DCDCDC; 
}
			
a:link {
color:#6E6E6E;
text-decoration:none;
}

a:visited {
color:#6E6E6E;
text-decoration:none;
}

a:active {
color:#6E6E6E;
text-decoration:none;
}

a:hover {
color:#961414;
text-decoration:none;
}



/* ------ Basis-Layout Formatierungen ------ */


#seite_mittig {
/*border: 1px #889 solid;*/
background-color: #ffffff;
width: 1024px; 
margin:auto;
position:relative;
z-index:1;
min-height:768px;
}


#skip_intro {
/*border: 1px #889 solid;*/
background-color: #ffffff;
position:absolute;
left:880px;
top:740px;
}

#support {
position:absolute;
left:10px;
top:10px;
z-index:1;
color:#6E6E6E;
font-size: 12px; 
font-weight: bold;
letter-spacing: 0.7px;
}

#sys_cons {
position:absolute;
left:480px;
top:118px;
z-index:1;
color:#961414;
font-size: 12px; 
font-weight: bold;
letter-spacing: 0.7px;
}

#logo_petry {
position:absolute;
left:694px;
top:55px;
z-index:1;
}

#text_main {
position:relativ;
min-height:300px; 
}

#table_main_text_zentrierung {
display:table; 
position:relative;
}

#table_row_text_zentrierung {
display:table-row;
position:relative;
}

#table_cell_text_zentrierung {
display: table-cell;  
position:relative;
}


/* ------ Fenster Impressum ------ */

#fenster_impressum {
/*border: 1px #889 solid;*/
background-color: #ffffff;
width: 560px; 
margin:auto;
position:relative;
z-index:1;
}

#text_main_impressum {
padding:10px;
}


/* ------ Fenster Datenschutz ------ */

#fenster_datenschutz {
/*border: 1px #889 solid;*/
background-color: #ffffff;
width: 560px; 
margin:auto;
position:relative;
z-index:1;
}

#text_main_datenschutz {
padding:10px;
}


/* ------ Menue ------ */

#graue_menueleiste_main {
position:absolute;
left:0px;
top:257px;
z-index:1;
width: 1024px;
height: 25px;
background-color: #DCDCDC; 
}

#roter_ball {
position:absolute;
left:93px;
top:172px;
z-index:2;
}

#menue_position {
position:absolute;
left:350px;
}

#menue_table { 
display:table; 
border-collapse:collapse;
color:#6E6E6E;
font-size: 14px; 
font-weight: 600;
margin: 0px;
padding: 0px;
height: 25px;
/*border: 1px #889 solid;*/
letter-spacing: 0.5px;
}

#menue_row { 
display:table-row;
}

#menue_cell { 
display:table-cell; 
vertical-align:middle;
text-align: center;
}

#menue_break {
font-family: arial, verdana, Helvetica, sans-serif;
color:#ffffff;
font-weight: bold;
padding-left: 6px; 
padding-right: 6px;
}

#menue_hover {
color:#961414;
}

/* ------ Text Formatierungen ------ */


#text_ueberschrift{
font-size: 25px; 
font-weight: bold; 
color: #6E6E6E;
}

#text_ueberschrift_rot{
font-size: 25px; 
font-weight: bold; 
color: #961414;
}

#text_ueberschrift_klein_grau{
font-size: 13px; 
font-weight: bold; 
color: #6E6E6E;
line-height: 18px;
}

#text_ueberschrift_klein_rot{
font-size: 13px; 
font-weight: bold; 
color: #961414;
line-height: 18px;
}

#text_ueberschrift_klein_rot_light{
font-size: 13px; 
font-weight: normal; 
color: #961414;
line-height: 18px;
}

#text_lauftext_rot{
font-size: 13px; 
font-weight: bold; 
color: #961414;
line-height: 18px;
}

#text_lauftext{
font-size: 13px; 
font-weight: normal; 
color: #6E6E6E;
line-height: 18px;
}

#text_lauftext_kursiv{
font-size: 13px; 
font-weight: normal; 
font-style: oblique; 
color: #6E6E6E;
line-height: 18px;
}

#text_impressum_klein{
font-size: 9px; 
font-weight: normal; 
color: #6E6E6E;
}


/* ------ Tabelle im Textbereich Formatierungen ------ */

/* Tabelle für Referenzen und Partner */
#text_table { 
display: table; 
border-collapse: collapse;
margin: 0px;
padding: 0px;
font-size: 13px; 
font-weight: normal; 
color: #6E6E6E;
line-height: 18px;
}

#text_row { 
display: table-row;
}

#text_cell_left { 
display: table-cell; 
vertical-align: middle;
text-align: right;
/*border: 1px #889 solid;*/
}

#text_cell_middle { 
display: table-cell; 
vertical-align: middle;
/*border: 1px #889 solid;*/
}

#text_cell_right { 
display: table-cell; 
vertical-align: middle;
text-align: left;
/*border: 1px #889 solid;*/
}


/* Tabelle Kontaktformular */
#text_table_kontakt { 
display: table; 
border-collapse: collapse;
margin: 0px;
font-size: 13px; 
font-weight: normal; 
color: #6E6E6E;
line-height: 18px;
/*border: 1px #889 solid;*/
}

#text_row_kontakt { 
display: table-row;
}

#text_cell_kontakt { 
padding: 1px;
display: table-cell; 
vertical-align: middle;
text-align: left;
/*border: 1px #889 solid;*/
}

#text_cell_kontakt_left {
width: 90px; 
display: table-cell; 
vertical-align: middle;
text-align: left;
/*border: 1px #889 solid;*/
}

#text_cell_kontakt_right {
padding-right: 8px; 
width: 170px;
display: table-cell; 
vertical-align: middle;
text-align: right;
/*border: 1px #889 solid;*/
}
/* Einagbefelder Kontaktformular */
#formular_eingabefelder_normal{
width:250px;
border:1px solid #DBDBDB;
padding-left: 4px;
padding-right: 4px;
color: #6E6E6E;
font-size: 13px; 
-moz-border-radius: 5px; /*fuer Firefox oder Seamonkey*/
-khtml-border-radius: 5px; /*fuer Safari, iCab, Konqueror, Google Chrome*/
-webkit-border-radius: 5px; /*fuer Safari, iCab, Konqueror, Google Chrome*/ 
}

#formular_eingabefelder_plz{
width:40px;
border:1px solid #DBDBDB;
padding-left: 4px;
padding-right: 4px;
color: #6E6E6E;
font-size: 13px; 
-moz-border-radius: 5px; /*fuer Firefox oder Seamonkey*/
-khtml-border-radius: 5px; /*fuer Safari, iCab, Konqueror, Google Chrome*/
-webkit-border-radius: 5px; /*fuer Safari, iCab, Konqueror, Google Chrome*/ 
}

#formular_eingabefelder_textarea{
width:250px;
height:150px;
border:1px solid #DBDBDB;
padding-left: 4px;
padding-right: 4px;
color: #6E6E6E;
font-size: 13px; 
font-family: tahoma, arial, verdana, Helvetica, sans-serif;
-moz-border-radius: 5px; /*fuer Firefox oder Seamonkey*/
-khtml-border-radius: 5px; /*fuer Safari, iCab, Konqueror, Google Chrome*/
-webkit-border-radius: 5px; /*fuer Safari, iCab, Konqueror, Google Chrome*/ 
}

#formular_eingabefelder_button{
width: 100px;
color: #6E6E6E;
font-size: 13px; 
-moz-border-radius: 5px; /*fuer Firefox oder Seamonkey*/
-khtml-border-radius: 5px; /*fuer Safari, iCab, Konqueror, Google Chrome*/
-webkit-border-radius: 5px; /*fuer Safari, iCab, Konqueror, Google Chrome*/ 
}


/* ------ Sonstige Layer ------ */

/* ------ Bild Jochen Petry ------ */
#img_jpetry {
position:absolute;
left:773px;
top:325px;
z-index:10;
/*border: 1px #889 solid;*/
}

#img_mittig {
vertical-align: middle;
/*border: 1px #889 solid;*/
}