/* ====================================== 
   1. Kalibrierung und allgemeine Styles 
   ====================================== */

/* Kalibrierung der wichtigsten Abstaende */

* {
padding : 0;
margin : 0;
}

/* Allgemeine Selektoren */

html {
height : 101%;
}
body {
font-family : Arial, Verdana, "Lucida Sans Unicode", "Lucida Grande", "Times New Roman", serif;
font-size : 62.5%;
background-image : url(../bilder/layout/body_bg2.gif);
background-repeat : repeat-x;
}
#wrapper {
color : black;
width : 80%;
margin : 10px auto;
}
.padbcont_skiplink {
width : 930px;
height : 34px;
margin-right : auto;
margin-left : auto;
}
.padbox_skiplink {
width : auto;
height : auto;
}
.padbcont_top_navi {
width : 930px;
height : 113px;
margin-right : auto;
margin-left : auto;
}
.padbox_top_navi {
width : auto;
height : auto;
}
.padbcont_teaser_dunkel {
width : 930px;
height : 250px;
margin-right : auto;
margin-left : auto;
}
.padbox_teaser_dunkel {
width : auto;
height : auto;
}
.padbcont_teaser_dunkel_maps {
width : 930px;
height : 404px;
margin-right : auto;
margin-left : auto;
}
.padbox_teaser_dunkel_maps {
width : auto;
height : auto;
}
.padbcont_content {
color : #838382;
font-size : 1.3em;
line-height : 1.45em;
background-color : #f3f4f4;
width : 100%;
height : auto;
border-top : 1px solid #b8bfa9;
border-bottom : 1px solid #b8bfa9;
}
.padbox_content {
width : 930px;
height : auto;
margin-right : auto;
margin-left : auto;
padding-top : 20px;
padding-bottom : 20px;
}
.navrboxcont_C7ADB0CB {
width : 100%;
}
.navrboxright_C7ADB0CB {
width : 300px;
float : right;
padding-top : 10px;
}
.navrboxauto_C7ADB0CB {
margin-right : 300px;
width : auto;
padding-right : 50px;
}
.padbcont_footer {
width : 930px;
height : 150px;
margin-right : auto;
margin-left : auto;
}
.padbox_footer {
color : #6a6e62;
font-size : 1.1em;
width : auto;
height : auto;
padding-top : 60px;
padding-left : 600px;
}
.navrboxauto_C7ADB0CB h1 {
font : italic normal 2.9em/1.2em Georgia, "Lucida Sans Unicode", "Times New Roman", Times, serif;
letter-spacing : -1px;
}
.navrboxauto_C7ADB0CB h2 {
font : italic normal 1.8em/1em Georgia, "Lucida Sans Unicode", "Times New Roman", Times, serif;
letter-spacing : -1px;
}
.navrboxauto_C7ADB0CB .subheader {
font-size : 0.85em;
/* 85% der Content-Schriftgroesse = by Default 100% der
Body-Schriftgroesse, also 85% der Body-Schriftgroesse */
border-top : 2px solid #6a6e62;
border-bottom : 1px solid #b8bfa9;
padding : 5px 0;
margin : 8px 0 20px;
}
.navrboxauto_C7ADB0CB .trennlinie {
border-bottom : 1px solid #b8bfa9;
padding : 5px 0;
margin : 8px 0 20px;
}
.navrboxauto_C7ADB0CB .marken {
font-size : 0.85em;
/* 85% der Content-Schriftgroesse = by Default 100% der
Body-Schriftgroesse, also 85% der Body-Schriftgroesse */
border-top : 1px solid #b8bfa9;
border-bottom : 1px solid #b8bfa9;
padding : 5px 0;
margin : 8px 0 20px;
}
.navrboxauto_C7ADB0CB .subheader_ref {
font-size : 0.85em;
/* 85% der Content-Schriftgroesse = by Default 100% der
Body-Schriftgroesse, also 85% der Body-Schriftgroesse */
border-top : 1px solid #b8bfa9;
border-bottom : 1px solid #b8bfa9;
padding : 5px 0;
margin : 8px 0 20px;
}
 .navrboxright_C7ADB0CB hr {
 border: none;
 background-color: #B8BFA9;
 color:#B8BFA9;
 width: 250px;
 height: 1px;
 margin-left: auto;
 margin-right: auto;
 margin-top: 1.25em;
 margin-bottom: 1.25em;
}

.skiplink {
position : absolute;
left : -3000px;
top : -2000px;
width : 0;
height : 0;
overflow : hidden;
display : inline;
}
#navigation {
color : black;
float : left;
padding-top : 43px;
}
#navigation ul {
list-style : none;
margin : 0;
padding : 4px 0 0;
}
#navigation li {
display : inline;
}
#navigation a:link, #navigation a:visited {
color : black;
font-size : 1.3em;
padding : 3px 10px 2px;
text-decoration : none;
border-right : 1px dotted;
}
#navigation #last_item a:link, #navigation #last_item a:visited {
border : none;
}
#navigation #first_item a:link, #navigation #first_item a:visited {
padding : 3px 10px 2px 0;
}
#navigation a:hover {
text-decoration : underline;
}
.threecolcont_teaser-kaesten {
width : 798px;
height : auto;
margin-right : auto;
margin-left : auto;
padding-top : 20px;
}
.threecolbox_teaser-kaesten {
width : 226px;
height : auto;
float : left;
}
#neuer-service_kopf {
height : 44px;
background-image : url(../bilder/layout/neuer-service-kasten-kopf.gif);
}
#neuer-service_content {
color : #ffffff;
font-size : 1.1em;
background-image : url(../bilder/layout/neuer-service-kasten-bg.gif);
background-position : 0% bottom;
width : 211px;
height : 150px;
padding : 8px 5px 15px 10px;
}
ul#liste_neuer_service {
list-style-type : none;
padding : 0;
margin : 0;
}
#liste_neuer_service li {
display : block;
width : 150px;
padding : 5px 0 16px 38px;
color : white;
background : url(../bilder/layout/neuer-service-kasten-icon.gif) no-repeat left top;
}
#liste_neuer_service span {
font-size : 1.3em;
font-weight : bold;
}
#aktuelles_kopf {
height : 44px;
background-image : url(../bilder/layout/aktuelles-kasten-kopf2.gif);
}
#aktuelles_content {
color : #ffffff;
font-size : 1.1em;
background-image : url(../bilder/layout/aktuelles-kasten-bg.gif);
background-position : 0% bottom;
width : 211px;
height : 150px;
padding : 8px 5px 15px 10px;
}
ul#liste_aktuelles {
list-style-type : none;
padding : 0;
margin : 0;
}
#liste_aktuelles li {
display : block;
width : 150px;
padding : 5px 0 16px 50px;
color : #6a6e62;
background : url(../bilder/layout/aktuelles-kasten-icon.gif) no-repeat left top;
}
#liste_aktuelles span {
font-size : 1.3em;
font-weight : bold;
}
#weekly-goody_kopf {
height : 44px;
background-image : url(../bilder/layout/weekly-goody-kasten-kopf.gif);
}
#weekly-goody_content {
color : #ffffff;
font-size : 1.1em;
background-image : url(../bilder/layout/weekly-goody-kasten-bg.gif);
background-position : 0% bottom;
width : 211px;
height : 150px;
padding : 8px 5px 15px 10px;
}
ul#liste_weekly_goody {
list-style-type : none;
padding : 0;
margin : 0;
}
#liste_weekly_goody li {
display : block;
width : 150px;
padding : 5px 0 16px 48px;
color : white;
background : url(../bilder/layout/weekly-goody-kasten-icon.gif) no-repeat left top;
}
#liste_weekly_goody span {
font-size : 1.3em;
font-weight : bold;
}
#link-weekly-goody-archiv a:link, #link-weekly-goody-archiv a:visited {
color : white;
text-decoration : none;
}
#link-weekly-goody-archiv a:hover {
text-decoration : underline;
}
.navrboxauto_C7ADB0CB a:link, .navrboxauto_C7ADB0CB a:visited {
text-decoration : none;
color : #00b9e7;
font-weight : 700;
text-decoration : underline;
background : url(../bilder/layout/link_arrow_ft.gif) no-repeat right center;
padding : 2px 14px 2px 1px;
margin : 0;
}
.navrboxauto_C7ADB0CB a:hover {
color : #6a6e62;
background : url(../bilder/layout/link_arrow_ft_hov.gif) no-repeat right center;
}
ul.listen-fliesstext {
margin : 10px 25px 10px 20px;
list-style : url(../bilder/layout/list_graf_ft.gif);
}
#album {
margin : 30px;
}
.navrboxauto_C7ADB0CB img {
border : 1px solid #d4d7ce;
padding : 3px;
}
.navrboxauto_C7ADB0CB p {
margin : 0.6em 0 0 0;
}
/*Example for a Menu Style*/
.tabmenu {
color : #272727;
background-image : url(../bilder/layout/easy-tab-kopf-bg.gif);
background-position : 0% top;
height : auto;
width : 300px;
}
.tabmenu ul {
margin : 0;
padding : 0;
list-style : none;
text-align : center;
}
.tabmenu li {
line-height : 25px;
display : inline;
}
.tabmenu li a {
color : #6a6e62;
text-decoration : none;
padding : 4px 5px 6px;
border-right : 1px solid #b8bfa9;
}
.tabmenu li a.tabactive {
color : white;
background-color : #11c2ec;
font-weight : bold;
margin-left : -4px;
}
#tabcontent1, #tabcontent2, #tabcontent3 {
width : 284px;
text-align : left;
padding : 6px 6px 6px 10px;
font-size : 12px;
background-image : url(../bilder/layout/easy-tab-content-bg2.gif);
background-position : 0% bottom;
margin-bottom : 5px;
border-top : 1px solid #b8bfa9;
}
#tabcontent1 a:link, #tabcontent1 a:visited {
color : #00b9e7;
text-decoration : underline;
}
#tabcontent1 a:hover {
color : #6a6e62;
}
#tabcontent2 a:link, #tabcontent2 a:visited {
color : #00b9e7;
text-decoration : underline;
}
#tabcontent2 a:hover {
color : #6a6e62;
}
#tabcontent3 a:link, #tabcontent3 a:visited {
color : #00b9e7;
text-decoration : underline;
}
#tabcontent3 a:hover {
color : #6a6e62;
}
ul.listen-easytabs {
margin : 5px 5px 10px 25px;
list-style : url(../bilder/layout/bullet_list_rechts.gif);
}

#easy-tab-adress {
margin-bottom : 16px;
padding-left : 5px;
list-style-image : url(../bilder/layout/house-icon.gif);
}
#easy-tab-phone {
padding-left : 5px;
list-style-image : url(../bilder/layout/telephone-icon.gif);
}
#easy-tab-mail {
padding-left : 5px;
list-style-image : url(../bilder/layout/email-icon.gif);
}
#easy-tab-route {
padding-left : 5px;
list-style-image : url(../bilder/layout/car-icon.gif);
}
#easy-tab-service {
padding-left : 5px;
list-style-image : url(../bilder/layout/neuer-service-mini-icon.gif);
}
#easy-tab-goody {
padding-left : 5px;
list-style-image : url(../bilder/layout/weekly-goody-mini-icon.gif);
}
#imprint {
font-size : 1.3em;
line-height : 1.45em;
width : 95%;
display : none;
padding : 5px 5px 5px 15px;
background-color : white;
position : relative;
z-index : 2000;
border-color : #999;
border-style : solid;
border-width : 1px 4px 4px 1px;
}
#imprint a:link, #imprint a:visited {
color : #00b9e7;
text-decoration : none;
margin-top : 25px;
margin-left : 0;
}
#imprint a:hover {
text-decoration : underline;
}
#imprint h1 {
color : black;
font : italic 2.9em/1.2em Georgia, "Lucida Sans Unicode", "Times New Roman", Times, serif;
letter-spacing : -1px;
margin-bottom : 10px;
}
#imprint_head {
width : 20px;
float : left;
}
#imprint_head a:link, #imprint_head a:visited {
color : white;
font-size : 1.1em;
text-decoration : none;
}
#imprint_title {
display : block;
width : 20%;
padding : 5px;
background-color : #6a6e62;
}
#imprint_head a:hover {
text-decoration : underline;
}
#imprint_head a:focus {
outline : none;
}
#js_aus {
color : white;
font-size : 1.1em;
position : fixed;
width : 25%;
z-index : 50;
padding : 5px 5px 5px;
}
#js_aus a:link, #js_aus a:visited {
color : white;
text-decoration : none;
}
#js_aus a:hover {
text-decoration : underline;
}
#js_aus a:focus {
outline : none;
}
.referenzen a:link, .referenzen a:visited {
text-decoration : none;
background-image : none;
margin-left : 87px;
}
.ref_text {
padding-top : 10px;
padding-bottom : 25px;
}



/*	-------------------------------------------------------------
	Struktur Formular
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
.contactleft {
                    /* Linker Bereich des Formulars: fuer Labels */
                    width: 25%;
                    clear: both;
                    float: left;
                    display: inline;
                    padding: 4px;
                    margin: 10px 0;
                    text-align: right;
               }
               .contactright {
                    /* Rechter Bereich des Formulars: fuer Eingabefelder */
                    width: 70%;
                    text-align: left;
                    float: right;
                    display: inline;
                    padding: 4px;
                    margin: 5px 0;
               }


/*	-------------------------------------------------------------
	GESTALTUNG VON EINGABEFELDERN
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
               input, textarea {
                    border: solid 4px #11c2ec;
                    -moz-border-radius: 3px;
               }

               .contactform {
                    /* Hintergrundebene mittels overflow */
                    height: 100%;
                    overflow: auto;
                    -moz-border-radius: 6px;
               }

               .contactform #Firma,
               .contactform #Name,
               .contactform #Email,
               .contactform #Betreff,
               .contactform #Spamschutz,
               .contactform #Nachricht { width: 60%; padding: 5px; color: #838382; font-size: 1.1em; font-weight: normal; font-style: normal;line-height: 1.6em; font-variant: normal; }

               #subm {
                    /* Versenden-Schaltflaeche */
                    font: bold 1.1em/1.6em "Trebuchet MS", Verdana, sans-serif; 
                    width: 250px;
                    border: solid 1px #dddddd;
                    padding: 4px 5px;
                    color: #fff;
                    background-color: #ffbc79;
                    -moz-border-radius: 3px;
               }

               /*  ICONS FUER EINGABEFELDER   */

               .contactform #Firma {
                    background: #f3f4f4 url(../bilder/layout/house.gif) no-repeat left 50%;
               }
               .contactform #Name {
                    background: #f3f4f4 url(../bilder/layout/buddy.gif) no-repeat left 50%;
               }
               .contactform #Email {
                    background: #f3f4f4 url(../bilder/layout/email.gif) no-repeat left 50%;
               }
               .contactform #Betreff {
                    background: #f3f4f4 url(../bilder/layout/comment.gif) no-repeat left 50%;
               }
               .contactform #Nachricht {
                    width: 66%;
                    background: #f3f4f4 url(../bilder/layout/comment.gif) no-repeat right bottom; 
               }
                 .contactform #Spamschutz {
                    background: #f3f4f4 url(../bilder/layout/sum.gif) no-repeat left 50%;
               }
               .contactform #Firma,
               .contactform #Name,
               .contactform #Email,
               .contactform #Betreff, 
               .contactform #Spamschutz 
               {
                    width: 60%;
                    padding: 5px 5px 5px 30px;
               }
               
               /* Hover-Zustaende fuer jeweilige Eingabefelder */
              
               .contactform #Firma:hover,
               .contactform #Name:hover,
               .contactform #Email:hover,
               .contactform #Betreff:hover,
               .contactform #Spamschutz:hover,
               .contactform #Nachricht:hover {
                    background-color: #fff;
                    border: solid 4px #11c2ec;
                    color: #333333;
               }

               .contactform #Firma:focus,
               .contactform #Name:focus,
               .contactform #Email:focus,
               .contactform #Betreff:focus,
               .contactform #Spamschutz:focus,
               .contactform #Nachricht:focus
               {
                    border: solid 4px #11c2ec;
                    color: #838382;
                    background-color: #d5dbc7;
               }

               .contactform .wrong #Email {
                    /* Gestaltung der Felder mit Fehlermeldungen */
                    background: #ffffff url(../bilder/layout/warning.gif) no-repeat left;
                    -moz-border-radius: 3px;
                    color: #333333;
                    border: 2px solid #990000;
               }
               
               .contactform #Erfolg {
                    /* Mitteilung: Informationen wurden versandt */
                    background: #fcfcfc url(../bilder/layout/accept.gif) no-repeat left 50%;
                    border: solid 1px #eeeeee;
                    color: #0066cc;
                    padding: 10px 10px 10px 30px;
                    -moz-border-radius: 3px;
                    width: 60%;
                    margin: 1.5em auto;
               }

/*	-------------------------------------------------------------
	ALLGEMEINE ATTRIBUTE Formular
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
               
               span.required {
                    /* Markierung des Eingabefeldes, das ausgefuellt werden soll */
                    color: #838382;
                    font-size: 2em;
               }
               label {
                    /* Beschriftung des Eingabeldes */
                    color: #fafafa;
                    font-weight: bold;
                    padding: 2px 5px;
                    
                    /* Hintergrundfarbe + Abrundung */
                    background-color: #11c2ec;
                    -moz-border-radius: 3px;
               }
               
               ul#gruende {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
#gruende a:link, #gruende a:visited { display: block; width: 540px; padding: 10px 0 16px 32px; color: #838382; font-weight: normal; background: url(../bilder/layout/darum_intermedia_liste.gif) no-repeat left top; text-decoration: none; }
#gruende a:hover { font-weight: bold; background-position: 0 -69px; }
#gruende a:active { font-weight: bold; background-position: 0 -138px; }

ul#leistungen {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#leistungen li{ padding: 15px 0 75px 138px; }
#ecommerce {  background-image: url(../bilder/layout/ecommerce.gif); background-repeat: no-repeat; }
#webdesign {  background-image: url(../bilder/layout/webdesign.gif); background-repeat: no-repeat; }
#programmierung {  background-image: url(../bilder/layout/programmierung.gif); background-repeat: no-repeat; }
#online_db {  background-image: url(../bilder/layout/online-datenbanken.gif); background-repeat: no-repeat; }
#flash {  background-image: url(../bilder/layout/flash-design.gif); background-repeat: no-repeat; }

ul#wg_slider {

	list-style-type: none;
	padding: 0;
	margin: 15px 0 0;
}
#wg_slider a:link, #wg_slider a:visited { color: #838382; font-weight: normal; font-style: normal; display: block; width: 450px; font-variant: normal;  background-image: url(../bilder/weeklys-goody/image-slider-teaser_triple.jpg); background-repeat: no-repeat; background-attachment: scroll; background-position: left top; text-decoration: none; padding: 0 0 20px 120px; }
#wg_slider a:hover {
	background-position: 0 -139px;
}
#wg_slider a:active {
	background-position: 0 -138px;
}

ul#wg_ipsum {

	list-style-type: none;
	padding: 0;
	margin: 15px 0 0;
}
#wg_ipsum a:link, #wg_ipsum a:visited { color: #838382; font-weight: normal; font-style: normal; display: block; width: 450px; font-variant: normal;  background-image: url(../bilder/weeklys-goody/html-ipsum-teaser_triple.jpg); background-repeat: no-repeat; background-attachment: scroll; background-position: left top; text-decoration: none; padding: 0 0 20px 120px; }
#wg_ipsum a:hover {
	background-position: 0 -139px;
}
#wg_ipsum a:active {
	background-position: 0 -138px;
}

ul#wg_jqzoom {

	list-style-type: none;
	padding: 0;
	margin: 15px 0 0;
}
#wg_jqzoom a:link, #wg_jqzoom a:visited { color: #838382; font-weight: normal; font-style: normal; display: block; width: 450px; font-variant: normal;  background-image: url(../bilder/weeklys-goody/jqzoom-teaser_triple.jpg); background-repeat: no-repeat; background-attachment: scroll; background-position: left top; text-decoration: none; padding: 0 0 20px 120px; }
#wg_jqzoom a:hover {
	background-position: 0 -113px;
}
#wg_jqzoom a:active {
	background-position: 0 -114px;
}

.wg_more { text-decoration : none;
color : #00b9e7;
font-weight : 700;
text-decoration : underline;
background : url(../bilder/layout/link_arrow_ft.gif) no-repeat right center;
padding : 2px 14px 2px 1px;
margin : 0;
 }
 
 .wg_anleitung {
                    margin: 10px 0;
                    background-color: #fff;
                    width: 574px;
                    padding: 10px;
                    border: dotted 1px #777576;
               }