html {
	margin: 0px;
	padding: 0px;
	min-height:101%;
}
table.lay_main {
	width: 919px;
	position:absolute;
	left:50%;
	height:auto;
	margin-left:-459px;
	background-color: #FFFFFF;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	top: -4px;
}

body{
	font-family: Arial,sans-serif;
	color: #333333;
	line-height: 1.166;
}

/*a:link, a:visited{
	color: #000000;
	text-decoration: none;
}
a:hover {
	color: #1980be;
	text-decoration: none;
}
*/

a:link, a:visited {
	color: #1980BE;
	text-decoration: none;
}

a:active,a:hover {
	color: #000;
	text-decoration: none;
}



/* overrides decoration from previous rule for hovered links */

h1, h2, h3, h4, h5, h6 {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	color: #000000;
}

h1{
 font-family: Arial, Helvetica, sans-serif;
 font-size: 18px;
 color: #000000;
}

h2{
	font-size: 10px;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	line-height: normal;
	white-space: normal;
}

h3{
	font-size: 100%;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
}

h4{
	font-size: 100%;
	font-weight: normal;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
}

h5{
	font-size: 100%;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
}
ul {
	padding:0; 
  margin:0;
  list-style-type: none;
}


.lay_logo {
	clear: left;
	height: 70px;
	width: 200px;
	float: left;
	background-image: url(logo_giottos.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: relative;
	top: 8px;
}
.lay_search_head {
	height: 60px;
	width: 400px;
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	text-align: right;
	margin-top: 20px;
	margin-right: 5px;
}
.lay_search_div {
	height: 25px;
	width: 390px;
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-align: right;
	margin-top: 5px;
	vertical-align: middle;
	position: relative;
}


.lay_nav_main {
	height: 35px;
	width: 919px;
	float: none;
	clear: left;
	text-align: center;
	vertical-align: middle;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 10px;
	margin: 0px;
}
.lay_nav_button {
	height: 35px;
	width: auto;
	float: left;
	padding-right: 18px;
	padding-left: 18px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	background-color: #000000;
	line-height: 35px;
	font-variant: normal;
	background-position: center center;
	top: auto;
	margin-right: 4px;
}
.lay_nav_button:hover {
	background-color: #FFFFFF;
}

.lay_nav_last {
	height: 35px;
	width: 6px;
	float: left;
	padding-right: 7px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	background-color: #000000;
	line-height: 35px;
	font-variant: normal;
	background-position: center center;
	top: auto;
}
.lay_meta {
	clear: both;
	float: left;
	width: 195px;
	margin-right: 3px;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #000000;
	margin-top: 3px;
	padding-top: 3px;
	padding-right: 0px;
}
.lay_meta_head {
	width: 190px;
	padding-top: 10px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	border-bottom-width: 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	padding-bottom: 8px;
	padding-left: 6px;
}
ul.lay_meta_head {
	width: 190px;
	padding-top: 10px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	border-bottom-width: 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	padding-bottom: 6px;
	padding-left: 6px;
}

.lay_meta_btn {
	width: 170px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	border-bottom-width: 1px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-variant: normal;
	padding-right: 3px;
	padding-top: 5px;
	padding-bottom: 6px;
	background-image: url(pfeil_nav.gif);
	background-repeat: no-repeat;
	background-position: 10px center;
	padding-left: 22px;
}
.lay_meta_btn a:link, .lay_meta_btn a:visited{
	color: #000000;
	text-decoration: none;
}
.lay_meta_btn a:hover {
	color: #1980be;
	text-decoration: none;
}





.lay_meta_nav:hover {
	color: #1980be;
	background-image: url(pfeil_nav_hover.gif);
	background-repeat: no-repeat;
}
.lay_meta_nav {
	background-image: url(pfeil_nav.gif);
	background-repeat: no-repeat;
	background-position: 10px center;
	padding-left: 22px;
}
.lay_press_head {
	width: 188px;
	padding-top: 14px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	border-bottom-width: 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	padding-bottom: 6px;
	padding-left: 6px;
}
.lay_press_btn {
	width: 175px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	border-bottom-width: 1px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	padding-right: 3px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
	color: #666666;
}
.lay_head {
	clear: right;
	float: left;
	height: 213px;
	width: 721px;
	background-repeat: no-repeat;
	background-position: left bottom;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #000000;
	margin-top: 3px;
	padding-top: 3px;
}
.lay_head_start {
	clear: right;
	float: left;
	height: 322px;
	width: 920px;
	background-repeat: no-repeat;
	background-position: left bottom;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #000000;
	margin-top: 3px;
	padding-top: 3px;
}
.lay_content {
	/*clear: right;*/
	/*height: 250px;*/
	height: auto;
	width: 711px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 18px;
	font-weight: normal;
	font-variant: normal;
	border-top-width: 3px;
	border-right-width: 3px;
	border-bottom-width: 3px;
	border-left-width: 3px;
	border-top-style: solid;
	border-top-color: #000000;
	margin-top: 3px;
	padding-top: 10px;
	padding-left: 10px;
}
.lay_content_start {
	clear: right;
	height: 250px;
	width: 920px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 18px;
	font-weight: normal;
	font-variant: normal;
	border-top-width: 3px;
	border-right-width: 3px;
	border-bottom-width: 3px;
	border-left-width: 3px;
	border-top-style: solid;
	border-top-color: #000000;
	margin-top: 3px;
	padding-top: 10px;
}
.lay_content_left {
	clear: left;
	height: auto;
	width: 347px;
	float: left;
	padding-left: 5px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	padding-top: 10px;
}
.lay_content_start_left {
	clear: left;
	height: auto;
	width: 295px;
	float: left;
	padding-right: 5px;
	padding-left: 5px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
}
.lay_content_start_center {
	clear: none;
	height: auto;
	width: 295px;
	float: left;
	padding-left: 5px;
	padding-right: 5px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
}
.lay_content_right {
	clear: right;
	height: auto;
	width: 347px;
	float: right;
	padding-left: 5px;
	padding-top: 10px;
}
.lay_content_prod_right {
	clear: right;
	height: auto;
	width: 347px;
	float: right;
	padding-left: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
.lay_content_prod_left {
	clear: left;
	height: auto;
	width: 342px;
	float: left;
	padding-left: 5px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding-right: 5px;
	margin-right: 5px;
}
.lay_prod_right {
	clear: none;
	height: auto;
	width: 230px;
	float: right;
	padding-left: 5px;
	padding-right: 5px;
}
.lay_prod_pic {
	clear: none;
	height: 100px;
	width: 100px;
	float: left;
}
.lay_prod_head {
	padding-bottom: 5px;
}
.lay_content_start_right {
	clear: right;
	height: auto;
	width: 295px;
	float: left;
	padding-left: 5px;
}

.lay_content_einspaltig {
	clear: right;
	height: auto;
	width: 647px;
	float: left;
	padding-left: 5px;
}



/*******************************************************************************
        
        Horizontales Dropdown-Menu, CSS
        
        CSS-Grundlage:  Copyright by Stu Nicholls @ www.cssplay.co.uk
        Please see Copyright Notice @
        http://www.cssplay.co.uk/menus/final_drop.html
        
*******************************************************************************/


.menu {
	font-family: Arial, Helvetica, sans-serif;
	width: 919px;
	height: 35px;
	position:relative;
	font-size:12px;
	display: block;
	font-weight: bold;
	font-variant: normal;
	background-image: url(nav_bg);
	background-repeat: no-repeat;
	background-position: right;
} 
.menu ul {                        /* UL Ebene 1 */
  padding:0; 
  margin:0;
  list-style-type: none;
}
.menu ul li {                     /* Listenelemente der Ebene 1 */
  float:left;
  position:relative;
}
.menu ul li a, 
.menu ul li a:visited {           /* Links der Listenelemente der Ebene 1 */
	color: #FFFFFF;
	background-color: #000000;
	position: relative;
	height: 25px;
	display: block;
	padding-top: 10px;
	padding-right: 21px;
	padding-bottom: 0px;
	padding-left: 21px;            /*   (2)  */
	border-right-width: 4px;
	border-right-style: none;
	border-right-color: #FFFFFF;
	margin-right: 3px;
}

.menu ul li ul {
  display: none;

}

table {
  /*margin:-1px; */
  border-collapse:collapse;
  font-size:0.8em;
}

/* li:hover  für non-IE-Browser  ---  a:hover  für IE */
  .menu ul li:hover a,
  .menu ul li a:hover {
	color:#FFFFFF;
	background-color: #1980be;
	text-decoration: none;
}

.menu ul li:hover ul,
.menu ul li a:hover ul {
  display:block; 
  position:absolute; 
  top:25px;                          /*   (2)  */
  margin-top:1px;
  left:0; 
  width:150px;
}
* html .menu ul li a:hover ul {
  margin-top:0;
  marg\in-top:1px;
}

.menu ul li:hover ul li ul,
.menu ul li a:hover ul li a ul {
  visibility:hidden; 
  position:absolute; 
  height:0; 
  width:0;
}

.menu ul li:hover ul li a,
.menu ul li a:hover ul li a {
  display:block; 
  background:#ddd; 
  color:#555; 
  height:auto; 
  line-height:1.2em; 
  padding:5px 10px; 
  width:129px
}
* html .menu ul li a:hover ul li a {
  width:150px;
  w\idth:129px;
}

.menu_hor ul li:hover ul li a.drop,       /* Ebene 2 mit  Subpunkten */
.menu_hor ul li a:hover ul li a.drop {
  background:#aaa url(../../graphics/drop.gif) bottom right no-repeat;
}

.menu_hor ul li:hover ul li a:hover,      /* Ebene 2 hover */
.menu_hor ul li a:hover ul li a:hover {
  background:#aaa; 
  color:#000000;
}

.menu_hor ul li:hover ul li:hover ul,     /* Ebene 3 */
.menu_hor ul li a:hover ul li a:hover ul {
  visibility:visible; 
  position:absolute; 
  left:150px; 
  top:0;
  width:150px;
}

.menu_hor ul li:hover ul li:hover ul.left,  /* Ebene 3  letztes Element */
.menu_hor ul li a:hover ul li a:hover ul.left {
  left:-150px;
}

/*_-----------------------------------*/
/* Sidebar */
#sidebar {
    float: right;
    width: 236px;
}

#sidebar ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

#sidebar li {
    background: url(./img03.gif) no-repeat;
    padding: 15px 23px 15px 23px;
}

#sidebar a {
    margin: 0px;
    padding: 15px 0px 30px 0px;
    text-transform: lowercase;
    font-size: 12px;
    color: #FFFFFF;
    text-decoration: none;
}

#sidebar a:hover, #sidebar a:active {
    margin: 0px;
    padding: 16px 0px 30px 0px;
    text-transform: lowercase;
    font-size: 12px;
    color: #8AC800;
    text-decoration: none;
}



/*_______________________________________________*/

/**
 * Modul WYSIWYGImage, Wysiwyg-Text mit Bild/Bildergalerie
 */
div.wysiwygimg {}
/* ----- Hack only for IE 7 ----- */
*+html div.wysiwygimg {overflow:hidden;}

.wysiwygimg .wysiwygimgclear {clear:both; display:block; font-size:1px; line-height:0px; margin:0; padding:0; position:relative;}

/* Text */
.wysiwygimg .wysiwygimgtext {}

/* Bild und Link */
.wysiwygimg img.wysiwygimg {border:0px none; margin:1px}
.wysiwygimg img.wysiwygimg {border:solid 5px #f5f5f5; padding:1px;}
.wysiwygimg a.wysiwygimg img {border:0px none;padding:0px;vertical-align:top; margin:1px}

.wysiwygimg a.wysiwygimg, .wysiwygimg a.wysiwygimg:link {border:solid 5px #f6f6f6; display:table; display:inline-block; line-height:0.0em;}
.wysiwygimg a.wysiwygimg:visited {}
.wysiwygimg a.wysiwygimg:hover {border:solid 5px #e4e4e4;}
.wysiwygimg a.wysiwygimg:focus {border:solid 5px #e4e4e4;}
.wysiwygimg a.wysiwygimg:active {border:solid 5px #e4e4e4;}

/* Bildunterschrift */
.wysiwygimg .wysiwygimgtitle {color:#666; font-size:0.8em; font-style:italic; margin:2px 0px;}

/* Wrapper-Classe um Bild und Bildunterschrift*/
.wysiwygimg .wysiwygimgwrap {}

/* Bild links im Text (Textumfluss) */
.wysiwygimg .wysiwygimgleft {float:left; margin:0 1.0em 0 0;}

/* Bild rechts im Text (Textumfluss) */
.wysiwygimg .wysiwygimgright {float: right; margin:0 0 0 1.0em;}

/* Bild oben links */
.wysiwygimg .wysiwygimgtopleft {float:left; margin-bottom:0.5em;}

/* Bild oben rechts */
.wysiwygimg .wysiwygimgtopright {float:right; margin-bottom:0.5em;}

/* Bild oben mittig */
.wysiwygimg .wysiwygimgtopcenter {margin-bottom:0.5em; text-align:center;}
.wysiwygimg .wysiwygimgtopcenter a.wysiwygimg {margin:0 auto;}

/* Bild unten links */
.wysiwygimg .wysiwygimgbottomleft {float:left; margin-top:0.5em;}

/* Bild unten rechts */
.wysiwygimg .wysiwygimgbottomright {float:right; margin-top:0.5em;}

/* Bild unten mittig */
.wysiwygimg .wysiwygimgbottomcenter {margin-top:0.5em; text-align:center;}
.wysiwygimg .wysiwygimgbottomcenter a.wysiwygimg {margin:0 auto;}
.wysiwygimg .wysiwygimgbottomcenter img.wysiwygimg {margin:0 auto;}

/* Für Bilder links/rechts vom Text  */
.wysiwygimg table {border-spacing: 0px; font-size:1.0em;}
.wysiwygimg td {vertical-align:top; font-size:1.0em;}

/* Bild links vom Text */
.wysiwygimg td.wysiwygimgleftcol {padding-right:1.0em;}

/* Bild rechts vom Text */
.wysiwygimg td.wysiwygimgrightcol {padding-left:1.0em;}

/*---------------------------------------------------------------*/

/* Dreispalter */

.dreispalter {
	width:800px; 
}

.dreispalter_1 {
	width:250px;
}

.dreispalter_2 {
	width:250px;
	margin:0 0 0 20px;
}

.dreispalter_3 {
	width:260px;
	margin:0 0 0 20px;
}

.dreispalter_1, .dreispalter_2, .dreispalter_3 {
	float: left;
}

.clearLeft {
	clear:left;
}

/*---------------------------------------*/

.column {
float:left;
padding:0pt 25px 0pt 0pt;
width:29%;
}
.clearfix {
clear:both;
display:block;
}

/*-------------------------------------*/
/*Newssystem*/

.ns_newsEntry
{
}

.ns_newsHeadline
{
}

.ns_HeadlineLeft
{
}

.ns_HeadlineRight
{
}

.ns_body
{
}

.ns_MoreLink
{
}

/*-------------------------------*/

/* ueberlass ich mal euch */

ul.kategorieliste
{}

ul.kategorieliste li
{}

ul.kategorieliste li img
{ }

ul.kategorieliste li h2
{}

ul.kategorieliste li p
{}

/*____________________________________*/

/*drei spalten bilder*/
.column {
float:left;
padding:0pt 25px 0pt 0pt;
width:29%;
}
.clearfix {
clear:both;
display:block;
}


.list_content {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-decoration:none;
	font-size:10px;
	color:#666666;
	padding-left:10px;
	padding-top:3px;
	padding-bottom:3px;
	padding-right:24px;
	width:520px;
	background-color:#E8E8E8;
	margin:0px;
    line-height: 18px;
	}

.list_content2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:none;
	font-size:10px;
	color:#666666;
	padding-left:10px;
	padding-top:3px;
	padding-right:24px;
	padding-bottom:3px;
	width:520px;
	background-color:#d0d0d0;
	margin:0px;
    line-height: 18px;
	}
.impressum{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	text-align: right;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	vertical-align: baseline;

}

/*  Start Forms */ 
#formwrap { 
   padding: 0px 0px 0px 0px; 
   margin: 0px 0px 0px 0px; 
} 
#form { 
   padding: 0px 0px 10px 0px; 
   margin: 0px 0px 0px 0px; 
   text-align: left; 
} 
/* Rahmenfarbe angeben für Opera */ 
fieldset { 
   border: 1px solid #fff; 
   padding: 0px 0px 0px 0px; 
   margin: 0px 0px 0px 0px; 
} 
legend { 
   border: 1px solid #fff; 
} 
Label { 
   font:11px/20px verdana, arial, helvetica, sans-serif; 
   padding:0px; 
   margin-left: 0px; 
} 
.inpt { 
   width: 350px; 
   border: 1px solid #999; 
   background-color: transparent; 
   color: #666666; 
   font-family: Verdana, Arial, Sans-Serif; 
   font-size: 11px; 
   padding: 1px 1px 1px 3px; 
   margin: 0px 0px 5px 0px; 
   word-spacing: 0.2em; 
} 
.txt { 
   width: 350px; 
   border: 1px solid #999; 
   background-color: transparent; 
   color: #666666; 
   font-family: Verdana, Arial, Sans-Serif; 
   font-size: 11px; 
   padding: 1px 1px 1px 3px; 
   margin: 0px 0px 5px 0px; 
   word-spacing: 0.2em; 
} 
input.inpt:focus, textarea.txt:focus { 
   color: #000; 
   font-family: Verdana, Arial, Sans-Serif; 
} 
.senden { 
   width: 150px; 
   font-weight: bold; 
   font-size: 11px; 
   margin: 15px 0px 0px 198px; 
   padding: 3px 0px 3px 0px; 
   background-color: #eee; 
   color: #333; 
   text-align: center; 
   border: solid 1px #999; 
   cursor: pointer; 
} 
label, 
select, 
input[type=checkbox], 
input[type=radio], 
input[type=button], 
input[type=submit] { 
   cursor: pointer; 
} 

/*  End Forms */