/* General settings */
body { 
	margin: 0;
	margin-top: -40px;
	padding: 0;
	font-family: Verdana, Helvetica, sans-serif; 
	font-size: small;
	background: #fff; 
	line-height: 1.3em;
}
a:link {
	color: #303030;
}
a:active {
}
a:hover {
	color: #808080;
}
a:visited {
    color: #000000
}
img {
	border:0;
}
h1 {
	margin-top:15px;
}	
h2, h3, h4 {
	margin-top:20px;
}	
/* Layout settings*/
#wrap {
/*-- centered + fixed - design --*/
	clear:left;
	width:976px; 
	margin:0 auto; 
	margin-top:40px; 
	margin-bottom:20px; 
	position:relative; 
/*-- centered + fixed - design --*/
	min-width: 500px;
	max-width: 1400px;
	background: url(./images/bg_content.png) repeat-y top left;
}
#header {
	background: url(./images/bg_logo.png) repeat-y top right ;
	width:100%;
	height:150px;
}
#header h1 {
	margin: 0;
	padding: 10px;
	font-family: Georgia, serif; 
	font-size: 150%;
	float:left;
}
#header h1 a {
	text-decoration: none;
}
#header #logo_pic {
	margin: 10px;
    float:right;
}
#logo {
	float: right;
	background: url(./images/bg_logo.png) repeat-y top right; 
	text-align: right;
	width: 784px;
	margin: 30px 12px;
	line-height:0;
}
#logo #logo_name {
	float: left;
}
#logo #random_pic {
    position:absolute;
	right:40px;
}

#content {
	font-size: 95%;
	line-heigt: 1.5em;
	color: #333;
	background: url(./images/bg_arrow.gif) no-repeat 0 90%; 
	min-height: 300px;
	padding-left:236px;
	padding-right:60px;
}

* html #content {
	background: url(./images/bg_arrow.gif) no-repeat 0 80%; 
}

#content .gutter.Konzept {
    background: url(./images/2.jpg) no-repeat 100% 100%;
}

#content .gutter.Concept {
    background: url(./images/2.jpg) no-repeat 100% 100%;
}

#content .gutter.Kontakt {
    background: url(./images/3.jpg) no-repeat 100% 75%;
}

#content .gutter.Contact {
    background: url(./images/3.jpg) no-repeat 100% 75%;
}

#content .gutter {
	padding: 25px;
}
.submenu li, .search li {
	margin: 0 0 0 22px;
	padding: 0 0 0 16px;
	list-style: none;
	background: url(./images/bullet_li.gif) no-repeat 0 2px; 
}
.submenu li {
	display: inline;
}
.sitemaplevel1 li {
	margin: 6px 0 0 32px;
	padding: 0 0 0 14px;
	display: block;
	list-style: none;
	background: url(./images/bullet_li.gif) no-repeat 0 4px; 
}
.sitemaplevel2 li {
	margin: 6px 0 0 -40px;
	padding: 0 0 0 14px;
	list-style: none;
	background: url(./images/bullet_li_l2.gif) no-repeat 0 6px; 
}
.sitemaplevel3 li {
	padding: 0 0 0 14px;
	list-style: none;
	background: url(./images/bullet_li_l3.gif) no-repeat 0 8px; 
}
.lang {
	clear:both;
	margin: 0;
	padding: 10px;
	font-size: 90%;
	color: #333;
	text-align: center;
	background: url(./images/message_bg.gif) repeat-x top left;
}

.mainbg {
	background-repeat: repeat-y;
	background-image: url(images/mainbg.jpg);
	background-position: center;
	height: 100%;

}

#news {
	clear:both;
	margin: 0;
	padding: 10px;
	font-size: 90%;
	color: #333;
	text-align: center;
	background: url(./images/message_bg.gif) repeat-x top left;
}
#news strong {
	padding:2px 0 2px 26px;
	background: url(./images/message_strong_bg.gif) no-repeat left;
}
#news a {
	color: #333;
}
a.xhtml_valid {
	font: 1.0em Arial, Helvetica, sans-serif;
	padding: 0 0.4em 0 0;
	margin:4px;
	border: 1px #000 solid;
	text-decoration: none;
}
a.xhtml_valid span {
	border-right: 1px solid #000;
	padding: 0 0.3em;
}
a.xhtml_valid:link, a.w3c:visited {
	color: #000;
	background: #fc6;
}
a.xhtml_valid:hover, a.w3c:active {
	background: #fec;
}
a.xhtml_valid span {
	background: #fff;
	color: #06c;
}
#footer p.lastupdate {
	position:absolute;
	right:20px;
}
#footer p.legal {
}
/* Misc settings */
.flag {
	margin:4px 2px -4px 2px;
}
/* Structural settings */
/*-- CSS-Hover-Menu from here :-) --*/
  .menu { 
	float: right;
	margin-right: 10px;
	width:100%;
	overflow: horizontal;
  }
 * html .menu { 
 	margin-top: 20px;
  }
  .menu horizontal{ 
	width:840px;
	overflow: auto;
  }
  .menu a { 
    display:block;
  }
  .menu li { 
    display:block; 
    float:left; 
    position:relative; 
    border:1px solid #909090; 
    border-bottom:1px solid #202020; 
    border-right:1px solid #202020; 
    margin:0; 
    padding:0; 
    width:108px; 
    background:#f0f0f0;
  }
  .menu li ul { 
    z-index:3; 
    display:inline; 
    list-style:none; 
    position:absolute; 
    left:108px; 
    top:-1px;
  }
  * html .menu li ul { 
    left:108px;
  }
  .menu li ul li { 
    margin:0; 
    display:none; 
    width:108px;
  }
  .horizontal { 
    width:auto;
  }
  .horizontal li { 
    margin-right:2px;
  }
  .horizontal li ul { 
    left:-41px; 
    top:28px;
  }
  * html .horizontal li ul { 
    left:-41px; 
    top:28px;
  }
  .horizontal li ul li ul { 
    left:69px; 
    top:-1px;
  }
  * html .horizontal li ul li ul { 
    left:69px; 
    top:-1px;
  }
  .menu li:hover ul li,
  .menu li:hover ul li:hover ul li,
  .menu li:hover ul li:hover ul li:hover ul li,
  .menu li:hover ul li:hover ul li:hover ul li:hover ul li,
  .menu li.hover ul li,
  .menu li.hover ul li.hover ul li,
  .menu li.hover ul li.hover ul li.hover ul li,
  .menu li.hover ul li.hover ul li.hover ul li.hover ul li
  { display:block; }
  .menu li:hover ul li ul li, 
  .menu li:hover ul li:hover ul li ul li, 
  .menu li:hover ul li:hover ul li:hover ul li ul li,
  .menu li.hover ul li ul li, 
  .menu li.hover ul li.hover ul li ul li, 
  .menu li.hover ul li.hover ul li.hover ul li ul li
  { display:none; }


.menu a { 
	text-decoration: none;
	font-weight: bold;
	font-size:100%;
    color: #000;
	text-align: center;
	
 }
 
.menu a:visited {  }
.menu a:hover { color: #000; }
.menu a:active {  }
.menu a:focus {  }

.menu ul li a:link,
.menu li a:visited,
.menu li a:hover,
.menu li a:active,
.menu li a:focus
{ display:block;
  padding:5px;
  height:1%; /*IE-fix display:block; */
   }

.menu li a:link {  }
.menu li a:visited {  }
.menu ul li ul li a:hover,
.menu ul li ul li a.hover { color: #000; background-color: #a94351; }
.menu  a.hover { background: #000000; }
.menu li a:active { background: #ffffff; }
.menu li a:focus { background: #ffffff; }

/*-- Sub-Menu-pics default --*/
.menu li.Konzept li a     { text-indent:0; background: #ffffff; }
.menu li.Konzept li a:hover,
.menu li.Konzept li a.hover     { background: #a94351;  }
.menu li.Design li a     { text-indent:0; background: #ffffff; }
.menu li.Design li a:hover,
.menu li.Design li a.hover     { background: #a94351;  }
.menu li.Concept li a     { text-indent:0; background: #ffffff; }
.menu li.Concept li a:hover,
.menu li.Concept li a.hover     { background: #a94351;  }
.menu li.design li a     { text-indent:0; background: #ffffff; }
.menu li.design li a:hover,
.menu li.design li a.hover     { background: #a94351;  }



/*-- Menu-pics default --*/
.menu li.Home a 	{ text-indent:-9000px; background: url(./images/nav_d_home.png) top left no-repeat #000; }
.menu li.TheCompany a  { background: #635F5E; }
.menu li.Konzept a 	{ background: #929292; }
.menu li.Design a 	{ background: #a2a2a2; }
.menu li.Referenzen a 	{ background: #c2c2c2; }
.menu li.Kontakt a 	{ background: #e2e2e2; }
.menu li.Impressum a 	{ background: #fff; }
.menu li.home a 	{ background: #494747; }
.menu li.theCompany a  { background: #635F5E; }
.menu li.Concept a 	{ background: #929292; }
.menu li.Design a 	{ background: #a2a2a2; }
.menu li.References a 	{ background: #c2c2c2; }
.menu li.Contact a 	{ background: #e2e2e2; }
.menu li.Imprint a 	{ background: #fff; }
                                                                            
/*-- Menu-pics active (hover) --*/
.menu li.Home a:hover,
.menu li.Home a.hover 		{ background: url(./images/nav_a_home.png) top left no-repeat;  }
.menu li.TheCompany a:hover,
.menu li.TheCompany a.hover  { background-color: #a94351;  }
.menu li.Konzept a:hover,
.menu li.Konzept a.hover 	{ background-color: #a94351; }
.menu li.Design a:hover,
.menu li.Design a.hover 	{ background-color: #a94351; }
.menu li.Referenzen a:hover,
.menu li.Referenzen a.hover	{ background-color: #a94351; }
.menu li.Kontakt a:hover,
.menu li.Kontakt a.hover 	{ background-color: #a94351; }
.menu li.Impressum a:hover,
.menu li.Impressum a.hover 	{ background-color: #a94351; }
.menu li.home a:hover,
.menu li.home a.hover 		{ background-color: #a94351; }
.menu li.theCompany a:hover,
.menu li.theCompany a.hover  { background-color: #a94351;  }
.menu li.Concept a:hover,
.menu li.Concept a.hover 	{ background-color: #a94351; }
.menu li.design a:hover,
.menu li.design a.hover 	{ background-color: #a94351; }
.menu li.References a:hover,
.menu li.References a.hover	{ background-color: #a94351; }
.menu li.Contact a:hover,
.menu li.Contact a.hover 	{ background-color: #a94351; }
.menu li.Imprint a:hover,
.menu li.Imprint a.hover 	{ background-color: #a94351; }