/*====================================================================*/
/*========================== General ================================*/
/*====================================================================*/


* {
margin:0;
padding:0;
}


body {
background:url(../images/bg.jpg) repeat-x;
font:12px "Arial", sans-serif;
}

a {
color:#000;
text-decoration:underline;
}

a:focus {  
outline: none;  
}  

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

h1 {
padding:0;
margin:0 0 15px 0;
font-size:18px;
}

h2 {
padding:2px;
margin:10px 0 5px 0;
font-size:14px;
background-color:#E8E8E8;
border-bottom:#E20C18 1px dotted;
}

h3 {
padding:0;
margin:5px 0 0 0;
font-size:12px;
}
img {
border:none;
}

/*====================================================================*/
/*========================== Structure ===============================*/
/*====================================================================*/

div#container_header {
position:relative;
margin:0 auto;
margin-top:20px;
width:990px;
height:39px;
background:url(../images/bg_container_top.png) no-repeat;
}

div#container_top {
position:relative;
margin:0 auto;
padding-top:1px;
width:990px;
height:330px;
background:url(../images/bg_container.png) repeat-y;
}

div#container_main {
position:relative;
margin:0 auto;
padding:0;
width:990px;
}

div#container_content {
float:left;
width:990px;
background:url(../images/bg_container.png) repeat-y;
}


div#container_footer {
float:left;
width:990px;
height:36px;
background:url(../images/bg_container_bottom.png) no-repeat;
font-size:10px;
text-align:right;
}

div#logo {
position:absolute;
top: 0;
left:60px;
width:218px;
height:196px;
background:url(../images/logo.png) no-repeat;
z-index:99;
}

.header_img {
margin-left:22px;
position:relative;
width:946px;
height:277px;
}

div#search {
display:inline;
margin:10px 0 0 10px;
float:left;
position:relative;
height:25px;
}

/*====================================================================*/
/*========================== Formular ================================*/
/*====================================================================*/

fieldset {
border: none !important;
}

label.left {
width:100px !important;
float:left !important;
display:inline !important;
text-align:right !important;
margin-top:5px !important;
}

div#search label.left {
display:none !important;
}

form legend {
display: none !important;
}

label.required {
width:400px !important;
float:left !important;
display:inline !important;
color: #4e4103;
}

div#search .middleColumn {
width:90px !important;
float:left !important;
display:inline !important;
}

div#search input {
background:url(../images/input_suche.gif) no-repeat right top;
width:68px;
height:26px;
border:none;
font-size:14px;
padding:3px 8px 4px 8px;
color:#666;
}

* html div#search input {background-attachment:fixed;} /*IE <7 Hack*/


.button_go {
position: absolute !important;
top:-4px;
left:80px;
float:left !important;
background:none !important;
width:25px !important;
height:25px !important;
border:none !important;
margin-left:0 !important;
}

div#left input {
background:url(../images/input_text.gif) no-repeat;
width:273px;
height:26px;
border:none;
font-size:14px;
padding:3px 8px 0 8px;
color:#666;
}

* html div#left input {background-attachment:fixed;} /*IE <7 Hack*/

div#left textarea {
background:url(../images/input_area.gif) no-repeat;
width:273px;
height:103px;
border:none;
padding:4px 8px 10px 8px;
color:#666;
font:14px "Arial", sans-serif;
}

* html div#left textarea {background-attachment:fixed;} /*IE <7 Hack*/

.button_abschicken {
background:none !important;
width:117px !important;
height:25px !important;
border:none !important;
margin-left:105px !important;
}

/*====================================================================*/
/*============================ Menu ==================================*/
/*====================================================================*/


div#menu {
display:inline;
margin-left:21px;
float:left;
position:relative;
height:48px;
}

div#menu ul {
list-style-type:none;
margin-left:0;
padding-left:0;
}

div#menu li {
display:inline;
float:left;
margin-left:13px;
position:relative;
}

div#menu li a {
display:block;
height:48px;
text-indent:-5000px;
}

li#home {
width:171px;
background:url(../images/menu.jpg) no-repeat 0 0;
}

li#leistungen {
width:178px;
background:url(../images/menu.jpg) no-repeat -171px 0;
}

li#marken {
width:131px;
background:url(../images/menu.jpg) no-repeat -349px 0;
}

li#vaust {
width:109px;
background:url(../images/menu.jpg) no-repeat -480px 0;
}

li#kontakt {
width:143px;
background:url(../images/menu.jpg) no-repeat -589px 0;
}

body#menu_home li#home,
li#home:hover {
width:171px;
background:url(../images/menu.jpg) no-repeat 0 -48px;
}

body#menu_leistungen li#leistungen,
li#leistungen:hover {
width:178px;
background:url(../images/menu.jpg) no-repeat -171px -48px;
}

body#menu_marken li#marken,
li#marken:hover {
width:131px;
background:url(../images/menu.jpg) no-repeat -349px -48px;
}

body#menu_vaust li#vaust,
li#vaust:hover {
width:109px;
background:url(../images/menu.jpg) no-repeat -480px -48px;;
}

body#menu_kontakt li#kontakt,
li#kontakt:hover {
width:143px;
background:url(../images/menu.jpg) no-repeat -589px -48px;
}

/*====================================================================*/
/*=========================== Content ================================*/
/*====================================================================*/

div#full {
display:inline;
float:left;
margin-left:40px;
width:910px;
}

div#left {
display:inline;
float:left;
margin-left:40px;
width:610px;
}

div#right {
display:inline;
margin-left:20px;
float:left;
width:280px;
}

div#newsticker_container {
display:inline;
float:left;
width:280px;
height:170px;
background:url(../images/bg_aktuelles.jpg) no-repeat;
}

div#newsticker {
display:inline;
float:left;
overflow:auto;
height:110px;
width:230px;
margin:42px 0 0 28px;
}

.highlight {
display:inline;
float:left;
width:260px;
margin-right:20px;
padding:5px;
background-color:#E8E8E8;
border-left:#E20C18 8px solid;
}

div#marken_links a {
width:150px;
margin-right:20px;
float:left;
display:block;
}

/*====================================================================*/
/*=========================== Linklist ===============================*/
/*====================================================================*/

div#linklist {
display:inline;
float:left;
margin:0 0 10px 10px;
width:270px;
}

.linklistitem a {
color:#000;
text-decoration:none;
}


.linklistitem {
text-decoration:none;
display:block;
float:left;
margin-bottom:5px;
padding:3px 3px 3px 55px;
border:#fff 1px solid;
width:210px;
height:45px;
}

.linklistitem:hover {
border:#E8E8E8 1px solid;
cursor:pointer;
}

p#calender {
background:url(../images/link_calender.jpg) no-repeat 5px;
}

p#callback {
background:url(../images/link_callback.jpg) no-repeat 5px;
}

p#info {
background:url(../images/link_info.jpg) no-repeat 5px;
}

p#news {
background:url(../images/link_news.jpg) no-repeat 5px;
}

p#firstpixel {
background:url(../images/link_firstpixel.jpg) no-repeat 5px;
}

p#silverstripe {
background:url(../images/link_silverstripe.jpg) no-repeat 5px;
}

p#links {
background:url(../images/link_links.jpg) no-repeat 5px;
}

p#google {
background:url(../images/link_google.jpg) no-repeat 5px;
}


/*====================================================================*/
/*========================== Gallery =================================*/
/*====================================================================*/

p.gallery {
background:url(../images/link_gallery.jpg) no-repeat 5px;
}

#ImageGallery a {
text-align:center;
margin:5px;
padding:5px;
border:#E8E8E8 1px solid;
float:left;
width:120px;
height:80px;
}

/*====================================================================*/
/*============================ Shop ==================================*/
/*====================================================================*/

div.shop input {
background:none;
border:1px solid #E8E8E8;
font-size:14px;
padding:4px 8px 0 8px;
color:#666;
}

div.shopBoxTop {
text-align:right;
}

div.shopBox {
border: #999 1px solid;
border-left:#E20C18 8px solid;
}

div.shopBox ul {
list-style-type:none;
margin-left:0;
padding-left:0;
}

div.shopBox li a {
display:block;
padding:4px 4px 4px 10px;
font-size:14px;
color:#000;
text-decoration:none;
border-bottom:#999 1px dashed;
}

div.shopBox li a:hover {
background-color:#E8E8E8;
}