html { height: 101%; } 

body{
margin: 0 auto;
margin-top: 10px;
background-color: #a1cafc;
width: 794px;
font-family: "Century Gothic", Arial, Verdana;
font-size: 0.96em;
color: black;
}

p,h1,h2,h3,h4,h5,h6{
	margin-bottom: 6px;
}

img{
border: none;
}

td{
vertical-align: top;
}

a{

font-weight:bold;
color:black;
text-decoration:none;
}

a:hover{
text-decoration:underline;
}

  .w1, .wf {
	border: 1px solid #2f2f2f;
	background-color: #e7e7e7;
	width: 200px;
}
.w1:focus, .wf:focus {
	background-color: #bcbcbc;
	width: 400px;
}
input.w1, input.wf {
	width: 200px;
}

select.w2{
	border: 1px solid #2f2f2f;
	background-color: #e7e7e7;
	width: 200px;
}

select.w2:focus{
	background-color: #bcbcbc;
}

textarea.w1 {
	width: 400px;
	height: 200px;
}

#unten{
background: url(unten.jpg) repeat-x;
width: 794px;
height: 16px;
}

#oben{
background: url(oben.jpg) repeat-x #fff;
width: 794px;
height: 6px;
}

/* all */
#white{

border: 2px #fff solid;
background-color: white;
}

/* Ref */

table.ref1{
border: 1px white solid; background-color:#6699ff; margin-top: 20px;  margin-bottom: 20px;
}

td.ref1{
background: url(screenshot.jpg) no-repeat #a0cbff; width: 254px;
text-align: center;
}

table.ref2{
border: 1px white solid; background-color:#a0cbff; margin-top: 20px;  margin-bottom: 20px;
}

td.ref2{
background: url(screenshot_2.jpg) no-repeat #6699ff; width: 254px;
text-align: center;
}

/* REF NEW */

img.refe1{
border: 3px #6599ff solid;
}

img.refe1:hover{
border: 3px #a0cbfe solid;
}

img.refe2{
border: 3px #a0cbfe solid;
}

img.refe2:hover{
border: 3px #6599ff solid;
}



/* Header */

#header{
background: 		url(Bilder/design_de_v5_01.jpg) no-repeat;
width: 				790px;
height: 			176px;
}

/* Menu */

#menu{
background: 		url(Bilder/design_de_v4_02.jpg) no-repeat;
width: 				790px;
height: 			25px;
margin-top: 5px;
}

/* Titel  */

#inhalthome{
background-image: url(Bilder/design_de_03.jpg);
width: 				790px;
height: 			34px;
}

#inhaltnews{
background-image: url(Bilder/design_de_news_03.jpg);
width: 				790px;
height: 			34px;
}

#inhaltinfos{
background-image: url(Bilder/design_de_infos_03.jpg);
width: 				790px;
height: 			34px;
}

#inhaltangebot{
background-image: url(Bilder/design_de_angebot_03.jpg);
width: 				790px;
height: 			34px;
}

#inhaltreferenzen{
background-image: url(Bilder/design_de_referenzen_03.jpg);
width: 				790px;
height: 			34px;
}

#inhaltkontakt{
background-image: url(Bilder/design_de_kontakt_03.jpg);
width: 				790px;
height: 			34px;
}

#inhaltwerbenk{
background-image: url(Bilder/design_de_kontakt_03.jpg);
width: 				790px;
height: 			34px;
}

#inhaltlinks{
background-image: url(Bilder/design_de_links_03.jpg);
width: 				790px;
height: 			34px;
}

#inhaltunterst{
background-image: url(Bilder/design_de_unterst_03.jpg);
width: 				790px;
height: 			34px;
}

#inhaltwerben{
background-image: url(Bilder/design_de_werben_03.jpg);
width: 				790px;
height: 			34px;
}

#inhaltordernew{
background-image: url(Bilder/design_de_order_03.jpg);
width: 				790px;
height: 			34px;
}

#inhaltordercomplete{
background-image: url(Bilder/design_de_order_03.jpg);
width: 				790px;
height: 			34px;
}

#inhaltorderonlypage{
background-image: url(Bilder/design_de_order_03.jpg);
width: 				790px;
height: 			34px;
}

#inhaltorderredesign{
background-image: url(Bilder/design_de_order_03.jpg);
width: 				790px;
height: 			34px;
}

#inhaltorderspecial{
background-image: url(Bilder/design_de_order_03.jpg);
width: 				790px;
height: 			34px;
}

/* Inhalt */

#inhalt{
background-color: 	#fff;
width: 				778px;
padding-left: 		6px;
padding-right: 		6px;
}

#copyright{
/* background-color: 	#2786fa;*/
background-color: silver;
margin-top: 10px;
font-size: .7em;
color: #2d2d2d;

padding-left: 		100px;
padding-right: 		6px;
}

a.tooltip,
a.tooltip:link,
a.tooltip:visited,
a.tooltip:active {
position: relative;
text-decoration: none;
font-weight: bold;
border-bottom:0px dotted #4dbcf3;
}

a.tooltip:hover {
background: transparent;
z-index: 100;
}

a.tooltip span {
display: none;
text-decoration: none;
}

a.tooltip:hover span {
display: block;
position: absolute;
top: 30px;
left: 0;
width: 550px;
z-index: 100;
color: #000000;
border: 1px solid;
border-color: #FFFFFF #D5D7DB #D5D7DB #FFFFFF;
border-left: 4px solid #1a1d48;
padding: 2px 10px 2px 10px;
background: url(tpl_tooltip.png) repeat-y;
font-family: Verdana, Arial, Helvetica, Sans-serif;
font-weight: Normal;
text-align: left;
}

/* DIV. STYLES */

p.news1{
background-color: #ececec;
padding: 5px;
}

p.news1:hover{
background-color: #cbcbcb;
padding: 5px;
}

p.news2{
background-color: #aaaaaa;
padding: 5px;
}

p.news2:hover{
background-color: #cbcbcb;
padding: 5px;
}

p.werben{
background-color: #99ccff;
padding: 7px;
}

p.werben:hover{
background-color: #dbedff;
}

p.werben2{
background-color: #c3def9;
padding: 7px;
}

p.werben2:hover{
background-color: #85bff8;
}

#order li,ul{

list-style-type: circle;
margin-left: 40px;
}

/* ein und ausklappen */

/* ORDERPIC */

.orderpic{

background-image: url(Bilder/bestellen_1.jpg);
}

.orderpic:hover{
background-image: url(Bilder/bestellen_2.jpg);
}

.contactpic{

background-image: url(Bilder/kontakt_1.jpg);
}

.contactpic:hover{
background-image: url(Bilder/kontakt_2.jpg);
}


/*  TEXTGESTALTUNG  */

p.ok{
background-color: #c2ecbe;
border: 1px #68e65a solid;
padding: 6px;
margin-right: 15px;
}

p.problem{
background-color: #ecd8be;
border: 1px #e6a95a solid;
padding: 6px;
margin-right: 15px;
}

p.hinweis{
background-color: #f4fe9f;
border: 1px #e4ff00 solid;
padding: 6px;
margin-right: 15px;
}

.werben{
border: 1px gray solid;
width: 490px;
padding-bottom: 10px;
padding-top: 3px;
padding-left: 3px;
}

.werben2{
border: 1px gray solid;
width: 620px;
padding-bottom: 10px;
padding-top: 3px;
padding-left: 3px;
}

.titles{
	font: 1.4em/1.2em "Century Gothic", Arial, Verdana;
	color: #555555;
	margin-left: 0px;
	margin-top: 5px;
	border-bottom: 1px solid #777777;
}

.title{
	font: 1.6em/1.2em "Century Gothic", Arial, Verdana;
	color: #555555;
	margin-left: 0px;
	margin-top: 5px;
	border-bottom: 1px solid #777777;
}

.smallfont{
	font-size: small;
}

.links{
	font-size: 0.9em;
	padding-left: 5px;
}

/*	contact		*/

#loading{
	position:relative;
	bottom:9px;
	visibility:hidden;
}

/*	contact		*/