/*************************************************************/
/*
Author: Martin Baumann
Author URI: http://www.art-stylaz.com
*/
/*************************************************************/
/* standard elemente */
body {
	margin: 0;
	padding: 0;
	background-color: #F4F4F4;
	
}
html, body {width: 100%;
	height: 100%;
}

a:link, a:active, a:hover, a:visited     { color: #FFFFFF; 
	font-style: normal; 
	font-weight: normal; 
	font-size: 11px; 
	line-height: 17px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	text-decoration: none; 
	letter-spacing: 1px; 
	text-shadow: #000000 0px 0px 0px; 
	background: transparent; 
	border: 0;
}

h1  { padding-bottom: 0px; 
	color: #000; 
	font-weight: normal; 
	font-size: 15px; 
	line-height: 20px; 
	font-family: Verdana, sans-serif; 
	letter-spacing: 2px;

 }

p { color: #18181a; 
	font-weight: normal; 
	font-size: 13px; 
	line-height: 17px; 
	font-family: Verdana,  Arial,  Helvetica, sans-serif; 
	letter-spacing: 0px;
}

b { color: #000; 
	font-weight: bold; 
	font-size: 12px; 
	line-height: 17px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
}

ul {padding-bottom:0px; 
	text-align: left;
}

/*************************************************************/

#contents {
	position: absolute;
	top: 0;
	left: 0; 
	width: 100%;
	height: 100%;
}

#art {   border: 0px;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 300px;
	height: 150px;
	display:block;
	background:   url(../logo_art.jpg) ;
	
}
#logo{   height: 150px;
	border: 0px;
	float: left;
	background:   url(../images/logopng.png) ;
}

/*************************************************************/


/* Navi*/

.clear { clear: both;}

#top  { 
	background: #000000 url(../images/bg_top.jpg)  repeat left top;
	width: 100%;
	height: 150px; 
}
#container_top {  
	width: 800px;
	height: 150px; 
	/*margin-left: auto;*/
	/*margin-right: auto; */

 }
#navi {   position:absolute; right:120px;
	
}

h4 {          padding-top: 0px;
                padding-bottom: 0px;
                font-family: Verdana, Arial, Helvetica, sans-serif;
                letter-spacing: 1px;
	color: #fff;
	background: transparent;
	text-shadow: #747474 0px 0px 0px;	
	font-weight: bold;
	text-decoration: underline;
	display: block;
	font-size: 12px;
	line-height: 17px;
	text-align: left;
	
}
ul#navi {
	margin: 0;
                
}
#navi li {   float:left;
	display: block;
	background: none transparent;
 	padding: 0px 10px 0px 10px;
                height: 78px;
	text-align: left;
	
}
#navi a {
                padding-top: 0px;
                font-family: Verdana, Arial, Helvetica, sans-serif;
                letter-spacing: 3px;
	color: #fff;
	background: transparent;
	text-shadow: #fff 0px 0px 0px;	
	font-weight: normal;
	text-decoration: none;
	display: block;
	font-size: 12px;
	line-height: 17px;
	text-align: left;
}



/*************************************************************/

.left {
	float: left;
	width: 120px;
	height: 150px; 
	

}

/*************************************************************/

#container  {float: left;
	background: #F4F4F4 url(../images/bg_contentx.gif)  repeat-x left top; 
	border-top:0px solid #fff;
	width:100%;

}

/*************************************************************/

body#index2  #flash { 
	background: #F4F4F4 url(../images/img_bg_neu_herbst.jpg) repeat-x left top;
	width: 100%;
	height: 436px;

}
body#index  #flash { 
	background: #F4F4F4 url(../images/img_bg_neu_herbst.jpg) repeat-x left top;
	width: 100%;
	height: 436px;

}
body#webdesign #flash   { 
	background: #F4F4F4 url(../images/img_bg_web.jpg) repeat-x left top;
	width: 100%;
	height: 436px;

}
body#print #flash  { 
	background: #F4F4F4 url(../images/img_bg_print.jpg) repeat-x left top;
	width: 100%;
	height: 436px;

}
body#cross #flash   { 
	background: #F4F4F4 url(../images/img_bg_cross.jpg) repeat-x left top;
	width: 100%;
	height: 436px;

}
body#artstylaz #flash{ 
	background: #F4F4F4 url(../images/img_bg_cross.jpg) repeat-x left top;
	width: 100%;
	height: 436px;

}
body#netzwerk #flash { 
	background: #F4F4F4 url(../images/img_bg_netz.jpg) repeat-x left top;
	width: 100%;
	height: 436px;

}
body#sturm #flash { 
	background: #F4F4F4 url(../images/img_bg_sturm.jpg) repeat-x left top;
	width: 100%;
	height: 436px;

}
body#kontakt  #flash{ 
	background: #F4F4F4 url(../images/img_bg_neu.jpg) repeat-x left top;
	width: 100%;
	height: 436px;

}
body#imp #flash { 
	background: #F4F4F4 url(../images/img_bg_imp.jpg) repeat-x left top;
	width: 100%;
	height: 436px;

}

/*************************************************************/

.teaser_rechts { 
	float: right; 
	margin: 50px 4% 0% 0%;
	width:25%;
	

}

.int { color: #465F81; 
	font-weight: normal; 
	font-size: 12px; 
	line-height: 16px; 
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Lucida, Arial, Helvetica, sans-serif; 
	letter-spacing: 0px; 
	text-decoration: underline; 
	background: transparent url('../global/inside.gif') 100% 50% no-repeat; 		padding-right: 10px;
}

.ext { color: #465F81; 
	font-weight: normal; 
	font-size: 12px; 
	line-height: 16px; 
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Lucida, Arial, Helvetica, sans-serif;
	letter-spacing: 0px; 
	text-decoration: underline;
	background: transparent url('../global/aoutside.gif') 100% 50% no-repeat; 	padding-right: 10px;

}
.mail{ color: #465F81; 
	font-weight: normal; 
	font-size: 12px; 
	line-height: 16px; 
	font-family: Verdana,  Arial,  Helvetica, sans-serif; 
	letter-spacing: 0px; 
	text-decoration: underline;
	background: transparent url('../global/mail.gif') 100% 50% no-repeat; 	padding-right: 10px;

}


.more { color: #465F81; 
	font-weight: normal; 
	font-size: 11px; 
	line-height: 16px; 
	font-family: Verdana,  Arial,  Helvetica, sans-serif; 
	letter-spacing: 0px; 
	text-decoration: underline; 
	float: right; 
	

}

.contentright { 
	background: #F4F4F4 url(../images/bg_teaser.gif) repeat-x left top;
	padding: 	3px 10px 15px 10px;
	width:100%;
	margin:0% 0% 30px 0%;
}

.contentright p { color: #2E2E2E; 
	font-weight: normal; 
	font-size: 11px; 
	line-height: 21px; 
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Lucida, Arial, Helvetica, sans-serif;
	letter-spacing: 0px;
}

.contentright h1  { padding-bottom: 0px; 
	color: #000; 
	font-weight: normal; 
	font-size: 15px; 
	line-height: 22px; 
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Lucida, Arial, Helvetica, sans-serif;
	letter-spacing: 2px;

 }

/*************************************************************/

#contentleft { 
	float: left;
	width:60%;
	margin: 0px 0px 0px 4%;
}

#contentleft i { 
	margin-top: 0px;
	color: #D1D1D1; 
	font-weight: bold; 
	font-size: 11px; 
	line-height: 16px; 
	font-family: Verdana,  Arial,  Helvetica, sans-serif; 
	letter-spacing: 0px;
}

#contentleft p { 
	color: #18181a; 
	font-weight: normal; 
	font-size: 12px; 
	line-height: 22px; 
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Lucida, Arial, Helvetica, sans-serif;
	letter-spacing: 0px;
}

#contentleft h1  { padding-bottom: 5px; 
	color: #000; 
	font-weight: normal; 
	font-size: 20px; 
	line-height: 22px; 
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Lucida, Arial, Helvetica, sans-serif;	letter-spacing: 1px; 
	text-transform: uppercase; 

}

#contentleft h2  { padding-bottom: 10px; 
	color: #000; 
	font-weight: normal; 
	font-size: 14px; 
	line-height: 22px; 
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Lucida, Arial, Helvetica, sans-serif; 
	letter-spacing: 2px; 
	text-transform: uppercase; 

}
#contentleft ul { 
	
color: #0b2b4e; font-weight: normal; font-size: 11px; line-height: 16px; text-align: justify; font-family: Verdana, Arial,  Helvetica, sans-serif; letter-spacing: 0px;
	
}
#contentleft li {  color: #666666; 
	font-weight: normal; 
	font-size: 11px; 
	line-height: 16px; 
	font-family: Verdana,  Arial,  Helvetica, sans-serif; 
	letter-spacing: 0px;
	
	text-align: left;
	
}

.jump a { border: 0px;
	float: right;
	

}

.jump img {
	 border:0; 

}

#content_grau {height: 155px;
	margin: 0;
	padding: 10px;
	background-color: #DBDBDB;

}
#content_weiss {height: 155px;
	margin: 0;
	padding: 10px;
	background-color: #fff;

}
.min {height: 16px;
	
	

}

h2 { padding-bottom: 10px; 
	color: #000; 
	font-weight: normal; 
	font-size: 14px; 
	line-height: 16px; 
	font-family: Verdana, Verdana, Arial, Helvetica, sans-serif; 
	letter-spacing: 2px 
}

.web1{  width: 100%;
	height: 217px;
	background-color: #DBDBDB;
	
}
.web2{  width: 100%;
	height: 217px;
	background-color: #F4F4F4;
}

h3  { padding-bottom: 0px; 
	color: #000; 
	font-weight: bold; 
	font-size: 12px; 
	line-height: 16px; 
	font-family: Verdana, Helvetica, sans-serif; 
	letter-spacing: 0px; 
	text-transform: uppercase; 

 }
.seiten  { border: 0px;
	float: right;
	

}
.seiten a { border: 0px;
	float: right;
	

}

/*************************************************************/

#footer  { background: #000 url(../images/bg_footerx.jpg) repeat-x left top;
	width: 100%;
	height: 236px;
	float: left;
	border-top:3px solid #fff;
	
}

.footerleft {
	float: left;
	width: 44%;
	margin: 0% 0% 0px 6%;
	
}

.footerright{
	float: right;
	width: 44%;
	margin: 0% 0% 0px 3%;

}

#footer p  {color: #000; 
	font-weight: normal; 
	font-size: 11px; 
	line-height: 13px; 
	font-family: Verdana,  Arial,  Helvetica, sans-serif; 
	letter-spacing: 0px; 
}

.adresse { color: #000; 
	font-weight: normal; 
	font-size: 11px; 
	line-height: 16px; 
	font-family: Verdana, georgia, Arial,  Helvetica, sans-serif; 
	letter-spacing: 1px; 
	background-color: #fff; 
	padding: 2px; 
}

.coppylink  { color: #465d15; 
	font-weight: bold; 
	font-size: 11px; 
	line-height: 16px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	text-decoration: underline; 
}

.flikr {
	float: left;
	width: 85px;
	height: 85px;
	margin: 0px 5px 5px 0px;

}

.flikr img {
	 border:0; 


}

.footerleft img {
	 border:0; 


}

/*************************************************************/


.black { float: right;
              text-align:center;
              padding: 7px;
              margin: 3px;
      }

.black a {
              padding: 2px 5px 2px 5px; 
              margin: 2px;
              border: 1px solid #C6C6C6;
             
              text-decoration: none; /* no underline */
              color: #000000;
      }
.black a:hover, .black a:active {
              border: 1px solid #000000;
              background-color:#000000;
              color: #fff;
padding: 2px 5px 2px 5px;
              margin: 2px;
      }
.black .current {padding: 3px 5px 0px 5px; 
              margin: 2px;
              border: 1px solid #C6C6C6;
                      background-color: #000000;
                      color: #FFF;
              } 
.black span.disabled {
                      padding: 2px 5px 2px 5px;
                      margin: 2px;
                      border: 1px solid #EEE;
             	      color: #DDD; 
              }

#pop_rahmen {  
	margin: 20px 20px 20px 20px;

 }


#such { 
	background: #F4F4F4 ;
	padding: 	0px 0px 20px 40px;
	width:93%;
	margin: 0px 0px 0px 0px;
}

#such p { color: #2E2E2E; 
	font-weight: normal; 
	font-size: 9px; 
	line-height: 12px; 
	font-family: Verdana,  Arial,  Helvetica, sans-serif; 
	letter-spacing: 0px;
}

#such h1  { padding-bottom: 0px; 
	color: #000; 
	font-weight: normal; 
	font-size: 11px; 
	line-height: 12px; 
	font-family: Verdana, sans-serif; 
	letter-spacing: 2px;

 }

#copyright, #stylaz { display: none; }