@import url(allinone.css);
@import url(design_plus.css);
@import url(contact.css);
@import url(ulli.css);
@import url(pages.css);
@import url(wallpaperandco.css);
@import url(photos.css);
* {
margin: 0px;
padding: 0px;
}
body {
font-family: Georgia, "Times New Roman", Times, serif;
font-size:12px;
margin: 0px;
background:#fff url(../pics/bg_body.gif) repeat-x top;
text-align: center;
color: #444;
}
.clearer { clear: both; }
span.hide {display: none;}
#global_deco {
background: url(../pics/bg_footer.gif) repeat-x bottom;
}
#global {
width: 950px;
margin: 0px auto 0px auto;
text-align: left;
}
#topstripe {
width: 950px;
height: 120px;
}
#logo_space {
width: 200px;
height: 118px;
float: left;
}
#logo a {
width: 100px;
height: 100px;
margin: 10px 0px 0px 0px;
display: block;
background: url(../pics/gasmi_design.gif) no-repeat 0px -100px;	
}
#logo a:hover {
background: url(../pics/gasmi_design.gif) no-repeat 0px 0px;	
}
#logo span {
display:none;
}
a {outline: none;}
#menu {
float: right;
margin: 89px 0px 0px 0px;
}
#banner {
width: 950px;
height: 220px;
color: #fff;
}
/*Menu*/
#menu ul {
margin: 0px 0px 0px 0px;
}
#menu ul li {
margin: 0px 2px 0px 0px;
display: block;
float: left;
text-align: center;
line-height: 30px;
vertical-align: middle;
font-family: Georgia, "Times New Roman", Times, serif;
font-size:12px;
}
#menu a {
width: 100px;
height: 30px;
display: block;
background: url(../pics/bth.gif) no-repeat 0px -30px;
color: #fff;
text-decoration: none;
}
#menu a:hover {
background: url(../pics/bth.gif) no-repeat 0px 0px;
text-decoration: none;
}
#menu a.on {
width: 100px;
height: 30px;
display: block;
background: url(../pics/bth.gif) no-repeat 0px 0px;
color: #fff;
text-decoration: none;
}
#menu a.green {
width: 100px;
height: 30px;
display: block;
background: url(../pics/bthg.gif) no-repeat 0px -30px;
color: #fff;
text-decoration: none;
}
#menu a.green:hover {
background: url(../pics/bthg.gif) no-repeat 0px 0px;
text-decoration: none;
}
#menu a.greenon {
width: 100px;
height: 30px;
display: block;
background: url(../pics/bthg.gif) no-repeat 0px 0px;
color: #fff;
text-decoration: none;
}
/*banner*/
#txt_banner {
width: 550px;
height: 153px;
float: left;
}
#banner h1 {
margin: 22px 0 0 0;
padding: 0;
font-size:22px;
font-weight: normal;
color: #fff;
border: none;
background: none;	
}
#banner h2 {
margin: 5px 0 0 0;
padding: 0;
width: 600px;
font-size: 13px;
font-weight: normal;
color: #fff;
line-height: 25px;
vertical-align:middle;
}
#banner img {
float: right;
}
/*center*/
#center {
width: 680px; /*700px*/
float: left;
margin: 0px 0px 0px 0px;
padding: 0px 20px 0px 0px;
}
#colonne_rechts {
width: 250px;
float: left;
margin: 0px;
padding: 0px;
}
#footer {
width: 950px;
margin: 0px auto 0px auto;
padding: 0px 0px 0px 0px;
text-align: center;
}
#footerlogo {
width: 104px;
height: 80px;
background: url(../pics/footer_logo.gif) no-repeat 0 0;
position: absolute;
margin: 256px 0 0 423px;
}
#footstreife1 {
height: 72px;
}
#footstreife2 {
height: 30px;
background: #2f9fe9;	
}
#footstreife3 {
height: 174px;
background: #000;
text-align: left;
letter-spacing: 3px;
}
#footstreife4 {
height: 40px;
line-height: 40px;
vertical-align: middle;
color: #636363;
}
#footstreife4 a {color:#636363;}
#footstreife4 a:hover {text-decoration:none;}
#footstreife4 #sign1 {
width: 400px;
height: 40px;
float: left;
text-align: right;
}
#footstreife4 #sign2 {
width: 400px;
height: 40px;
float: right;
text-align: left;
}
#footstreife5 {
height: 33px;
background: #000;
}
#footstreife3 ul {
width: 300px;
float: left;
margin: 18px 25px 0 0;
padding: 0;
list-style: none;
}
#footstreife3 ul.last {
margin: 18px 0 0 0;
}
#footstreife3 ul li a {
width: 288px; /*298px*/
height: 19px;
display: block;
color: #666;
font-size: 12px;
border: 1px solid #000;
border-bottom: none;
margin: 0;
padding: 0 0 0 10px;
text-decoration: none;
background: #000 url(../pics/dotted222000.gif) repeat-x bottom;
}
#footstreife3 ul li a:hover {
display: block;
color: #888;
border: 1px solid #0c0c0c;
border-bottom: none;
background: #0c0c0c url(../pics/dotted222000.gif) repeat-x bottom;
}
#footstreife3 ul li.title a {
width: 298px;
padding: 0;
}
#footstreife3 ul li.last a {
background: #000;
}
#footstreife3 ul li.last a:hover {
background: #0c0c0c;
}
/*pages*/
#wegfinder {
font-size: 11px;
color: #888;	
margin: 0 0 20px 0;
}
#wegfinder a {
font-size: 11px;
color: #888;
}
#wegfinder a:hover {
color: #049ae1;
}
/*Kolonne Rechts*/
#contactbox a {
width: 250px;
height: 70px;
margin: 20px 0 0 0;
display: block;
background: url(../pics/contactbox.gif) no-repeat 0 -70px;
}
#contactbox a:hover {
background: url(../pics/contactbox.gif) no-repeat 0 0px;
}

ul#portfolio {
width: 238px;
height: 158px;
margin: 5px auto 0 auto;
border: 1px solid #ddd;
padding: 0;
}
ul#portfolio li {
list-style: none;
margin: 0;
padding: 0;
}
ul#portfolio li img{
padding: 4px;
margin: 0;
border: none;
}

ul#personnalisierte {
width: 238px;
height: 158px;
margin: 6px auto 0 auto;
border: 1px solid #ddd;
padding: 0;
}
ul#personnalisierte li {
list-style: none;
margin: 0;
padding: 0;
}
ul#personnalisierte li img{
padding: 4px;
margin: 0;
border: none;
}
/*scrollup*/
#scrollup {
position: relative;
overflow: hidden;
width: 220px; /*250px*/
height: 120px;	/*150px*/
margin: 15px auto 0 auto;
/*border: 1px solid #ddd;*/
padding: 15px!important;
background: url(../pics/encart_bg.gif) no-repeat top;
}
.headline {
position: absolute;
top: 210px;
left: 15px;
margin: 20px 0 0 0;
width: 220px;
}
/*Encarts col_rechts*/
#pimpmypage a {
width: 250px;
height: 82px;
margin: 10px 0 0 0;
display: block;
background: url(../pics/pimpmypage_green.gif) no-repeat top;
}
#logotypes a {
width: 250px;
height: 150px;
margin: 10px 0 0 0;
display: block;
background: url(../pics/logotypes.gif) no-repeat top;
}
#webdesignandco a {
width: 250px;
height: 89px;
margin: 10px 0 0 0;
display: block;
background: url(../pics/webdesignandco.gif) no-repeat top;
}
#photographie a {
width: 250px;
height: 230px;
margin: 17px 0 0 0;
display: block;
background: url(../pics/photographie.jpg) no-repeat top;
}
/*Newsletter*/
#newsletterbox {
width: 234px;/*250px*/
height: 118px;/*180px*/
margin: 10px 0 0 0;
padding: 62px 0 0 16px;
display: block;
background: url(../pics/newsletter_gasmi.gif) no-repeat top;
}
input#newsletter {
height:16px;
width:160px;
border:1px solid #8E3730;
color:#666;
font-size:12px;
}

/*Txt-elemente*/
span.erste {
height: 20px;
font-size: 28px;;
color: #79AF14;	/*f09426*/
float: left;
text-transform: uppercase;
margin: 0 4px 0px 0px;;
}
img.imgcenter {
margin: 0 auto 20px auto;
display: block;
}