/* CSS Document */

body {
	margin : 0;
	padding : 0;
	background:transparent url(Bilder/bg-body-referenzen.jpg) repeat-x 0 0;
	font-family:Arial, Helvetica, sans-serif;
	
} 

body.ref2 {
	margin : 0;
	padding : 0;
	background:transparent url(Bilder/bg-body-referenzen2.jpg) repeat-x 0 0;
	
	
} 
div, p, h1, h2, h3, h4, h5, ul, li, a, form, input, label, img { 
margin : 0; 
padding : 0; 
list-style : none; 
} 

div, a { behavior: url(iepngfix.htc) }



.spacer { 
line-height : 0; 
font-size : 0; 
clear : both; 
} 

.tooltip {
	display:none;
	background:transparent url(Bilder/black_arrow.png);
	font-size:11px;
	height:80px;
	width:175px;
	padding:20px 15px 20px 20px;
	color:#fff;	
}
#demo img {
	border:0;
	cursor:pointer;
	margin:0 0;
}

.iconspan {
	float : right;
	margin : 10px;
	cursor : pointer;
	font-weight : bold;
} 

#container {
	margin : 0 auto;
	padding : 0 0 0 0;
	width : 1006px;
	position : relative;
} 

#container-2 {
	margin : 0;
	padding : 0 0 0 0;
	width : 1006px;
	float:left;
} 


#header {
	width : 687px;
	height : 206px;
	margin : 26px 0 0 7px;
	padding : 0;
	float : left;
	display:inline;
} 

#header-referenzen {
	width : 687px;
	height : 284px;
	margin : 26px 0 0 7px;
	padding : 0;
	float : left;
	display:inline;
	
	
} 

#header-referenzen a {
	width : 687px;
	height : 284px;
	padding : 0;
	float : left;
	background-color: transparent;
	background-image: url(Bilder/header-referenzen-it4art.jpg);
	background-repeat: repeat-y;
	background-position: 0 0;
} 

#header-referenzen a:hover {
	padding : 0;
	width : 687px;
	height : 284px;
	background-color: transparent;
	background-image: url(Bilder/header-referenzen-it4art-over.jpg);
	background-repeat: repeat-y;
	background-position: 0 0;
} 

#header-referenzen-video {
	width : 687px;
	height : 284px;
	margin : 26px 0 0 7px;
	padding : 0;
	float : left;
	display:inline;
	
	
} 

#header-referenzen-video a {
     width : 687px;
	height : 284px;
	padding : 0;
float : left;	
	background: transparent url(Bilder/header-referenzen-sumax.jpg) repeat-y 0 0;
} 

#header-referenzen-video a:hover {
	padding : 0;
width : 687px;
	height : 284px;
	background: transparent url(Bilder/header-referenzen-sumax-over.jpg) repeat-y 0 0;
} 

#header-unter {
	width : 691px;
	height : 213px;
	margin : 0 0 0 0;
	padding : 0;
	float : left;
	display:inline;
	background: transparent url(Bilder/header-ueber-uns.jpg) repeat-y 0 0;
} 


#header1 {
	width : 1006px;
	height:67px;
	padding : 0 0 0 0;
	float : left;
	margin: 0 0 0 0;
	display:inline;
	background: transparent url(Bilder/bg-head.jpg) no-repeat 0 0;
	
} 

img {
	behavior:	url("pngbehavior.htc");
}



#navi {
	height:52px;
	margin: 0 0 0 0;
	padding:0;
	float:left;
	background : transparent url(Bilder/navi-bg.jpg) no-repeat 0 0;
	display: inline;
}

#navi ul {
	margin:0 0 0 316px;
	padding:0;
	float:left;
	display:inline;
}

	#navi ul li {float:left;margin:0 0 0 0;padding:0; text-align:center;}
	
	#navi ul li a {
	margin:0 0 0 0;
	padding:12px 0 0 0;
	display: block;
	font : bold 15px/16px Georgia, Sans serif;
	text-decoration:none;
}
	
	#navi ul li a.button1 {
	background: transparent url(Bilder/map.jpg) no-repeat 0 7px;
	font : normal 13px/13px Arial;
	width:243px;
	height:31px;
	color: #3c2a0a;
	text-align:left;
	padding:17px 0 0 73px;
}
	#navi ul li a.button2 {
	background: transparent url(Bilder/button-firmenprofil.jpg) no-repeat;
	width:135px;
	height:31px;
	color: #e9e9ea;
}
	#navi ul li a.button3 {
	background: transparent url(Bilder/button-kompetenzen.jpg) no-repeat;
	width:142px;
	height:31px;
	color: #e9e9ea;
}
	#navi ul li a.button4 {
	background: transparent url(Bilder/button-qualitaet.jpg) no-repeat;
	width:103px;
	height:31px;
	color: #e9e9ea;
}

	#navi ul li a.button5 {
	background: transparent url(Bilder/button-preise-info.jpg) no-repeat;
	width:139px;
	height:31px;
	color: #e9e9ea;
}

	#navi ul li a.button6 {
	background: transparent url(Bilder/button-angebot.jpg) no-repeat;
	width:170px;
	height:31px;
	color: #e9e9ea;
}

	
	
	#navi ul li a:hover.button1 {
	background: transparent url(Bilder/map.jpg) no-repeat 0 7px;
	color:#00a2bd;
}
	#navi ul li a:hover.button2 {
	background: transparent url(Bilder/button-firmenprofil-over.jpg) no-repeat;
	color:#3d2b0b;
}
	#navi ul li a:hover.button3 {
	background: transparent url(Bilder/button-kompetenzen-over.jpg) no-repeat;
	color:#3d2b0b;
}
	#navi ul li a:hover.button4 {
	background: transparent url(Bilder/button-qualitaet-over.jpg) no-repeat;
	color:#3d2b0b;
}
	#navi ul li a:hover.button5 {
	background: transparent url(Bilder/button-preise-info-over.jpg) no-repeat;
	color:#3d2b0b;
}

	#navi ul li a:hover.button6 {
	background: transparent url(Bilder/button-angebot-over.jpg) no-repeat;
	color:#3d2b0b;
}

	
	
	#navi ul li a.button2-current {
	background: transparent url(Bilder/button-firmenprofil-over.jpg) no-repeat;
	width:135px;
	height:31px;
	color: #3d2b0b;
}
	#navi ul li a.button3-current {
	background: transparent url(Bilder/button-kompetenzen-over.jpg) no-repeat;
	width:142px;
	height:31px;
	color: #3d2b0b;
}
	#navi ul li a.button4-current{
	background: transparent url(Bilder/button-qualitaet-over.jpg) no-repeat;
	width:103px;
	height:31px;
	color: #3d2b0b;
}
	#navi ul li a.button5-current{
	background: transparent url(Bilder/button-preise-info-over.jpg) no-repeat;
	width:139px;
	height:31px;
	color: #3d2b0b;
}

	#navi ul li a.button6-current{
	background: transparent url(Bilder/button-angebot-over.jpg) no-repeat;
	width:170px;
	height:31px;
	color: #3d2b0b;
}



#middle {
	width : 682px;
	padding : 0 0 0 0;
	float : left;
	margin: 30px 0 0 8px;
	
} 

#middle.ref2 {
	width : 995px;
	padding : 0 0 0 0;
	float : left;
	margin: 30px 0 0 0;
	
} 


#content-tabs {
	width : 691px;
	padding : 0 0 0 0;
	float : left;
	margin : 0 0 0 0;
	background: transparent url(Bilder/bg-content.jpg) repeat-y;
	display: inline;
} 


#content ul.sitemap {
	padding : 0 15px 0 22px;
	margin : 0 0 0 0;
	
} 

#content ul.sitemap li {
	font : normal 13px Arial;
	color : #000;
	padding : 0 15px 10px 0;
	margin : 0 0 0 0;
} 

#content ul.sitemap-u1 { 
	padding : 0 15px 10px 25px; 
	margin : 0 0 0 0; 
} 
	
#content ul.sitemap-u2 { 
	padding : 0 15px 0 30px; 
	margin : 0 0 0 0; 
} 




#content-footer {
	width : 682px;
	height:21px;
	padding : 0 0 0 0;
	float : left;
	margin : 0 0 15px  0;
	background: transparent url(Bilder/bg-content-footer.jpg) no-repeat;
	display: inline;
} 


#content {
	width : 682px;
	padding : 0 0 0 0;
	float : left;
	margin : 0 0 0 0;
	background: transparent url(Bilder/bg-content.jpg) repeat-y 0 0;
	display: inline;
} 

#content.ref2 {
	width : 995px;
	padding : 10px 0 20px 0;
	float : left;
	margin : 0 0 0 0;
	display: inline;
	background: none;
	border: 1px solid #ececec;
} 

#content p span {
	font : bold 15px "Arial", Arial, Helvetica, sans-serif;
	color : #e11b55;
	padding : 0 0 0 0;
	margin : 0 0 0 0;
}  

#content h1 {
	font : normal 18px Arial;
	color : #3a3a3b;
	padding : 22px 0 18px 22px;
} 

#content h1 span {
	font : normal 18px Arial;
	color : #7d7d7d;
	
} 

#content h2 {
	font : bold 13px/18px Arial;
	color : #585858;
	padding : 0 0 0 22px;
} 

#content p {
	font : normal 12px/18px Arial;
	color : #585858;
	padding : 0 15px 0 22px;
	margin : 0 25px 0 0;
} 

#content a {
	font : normal 12px/18px Arial;
	color : #000;
	text-decoration:underline;
} 

#content a:hover {
	font : normal 12px/18px Arial;
	color : #ff0056;
	text-decoration:none;
} 

#content ul { 
    font : normal 12px/18px Arial;
    color : #585858;
	padding : 0 0 0 0;
	margin : 0 0 0 22px;
} 
#content ul li { 
    font : normal 12px/18px Arial;
    color : #585858;
    padding : 0 0 0 25px;
	margin: 0 0 10px 0;
	background: #fff url(Bilder/check.jpg) no-repeat 0 2px; 
} 

#content-referenzen-oben{
	margin:0;
	float:left;
	width:306px;
	background: transparent url(Bilder/bg-referenzen-oben.jpg) no-repeat 5px 0;
	padding: 12px 0 0 0;
	height: 300px;
	
	}
#content-referenzen-unten{
	margin:0;
	float:left;
	width:306px;
	height:22px;
	background: transparent url(Bilder/bg-referenzen-unten.jpg) no-repeat 5px 0;
	
	}

#content-referenzen-thumb{
	margin:8px 5px 0 22px;
	padding:0;
	float:left;
	width:306px;
	background: transparent url(Bilder/bg-referenzen-mitte.jpg) repeat-y 5px 0;
	display: inline;
	
	}
	
#content-referenzen-thumb.rechts{
	margin:8px 0 0 20px;

	}
	
	#content-referenzen-thumb ul {
	margin:8px 17px 0 0;
	padding:0;
	float:right;
	display:inline;
}

#content-referenzen-thumb ul li {float:left;margin:0 0 0 0; padding:0; text-align:left;}

#content-referenzen-thumb ul li a {
	margin:0 0 0 0;
	padding:6px 0 0 10px;
	display: block;
	text-decoration:none;
}
	

#content-referenzen-thumb ul li a.button1 {background-image:url(Bilder/button-projekt-link.jpg); font : bold 12px/14px Arial; width:106px; height:22px; color: #3a3a3b; }
#content-referenzen-thumb ul li a:hover.button1 { background-image:url(Bilder/button-projekt-link-over.jpg); font : bold 12px/14px Arial; width:106px; height:22px; color:#fff;}


#content-referenzen-liste{
	margin:35px 35px 0 0;
	padding:5px;
	float:left;
	border: 1px solid #CCC;
	
	}
	
#content-referenzen-liste.rechts{
	margin:8px 0 0 20px;

	}
	
	#content-referenzen-liste ul {
	margin:8px 17px 0 0;
	padding:0;
	float:right;
	display:inline;
}

#content-referenzen-liste ul li {float:left;margin:0 0 0 0; padding:0; text-align:left;}

#content-referenzen-liste ul li a {
	margin:0 0 0 0;
	padding:6px 0 0 10px;
	display: block;
	text-decoration:none;
}
	

#content-referenzen-liste ul li a.button1 {background-image:url(Bilder/button-projekt-link.jpg); font : bold 12px/14px Arial; width:106px; height:22px; color: #3a3a3b; }
#content-referenzen-liste ul li a:hover.button1 { background-image:url(Bilder/button-projekt-link-over.jpg); font : bold 12px/14px Arial; width:106px; height:22px; color:#fff;}




#content h4 {
	font:bold 14px Arial;
	color:#9e9e9e;
	padding:20px 0 0 17px;
	margin:0px;
	width:270px;
	float:left;
	}
	
#content h4 span{
	color:#c1c1c1;
	}

#content h4 a.ref{
	font:bold 14px Arial;
	color:#9e9e9e;
	padding:0;
	margin:0px;
	text-decoration:none;
	}
	
#content h4 a:hover.ref{
	
	color:#171717;
	text-decoration:none;
	}

#content h6{
	font:bold 11px Arial;
	color:#171717;
	padding:0 0 0 0;
	margin:0px;
	
	}
	
#content h5 {
	font: normal 11px/16px Arial;
	color:#171717;
	padding: 10px 0 0 17px;
	margin:0px;
	float:left;
	width:270px;
	}

#content-referenzen-thumb img{
	margin:0 0 0 17px;
	float: left;
	padding:0;

	
	}

#referenzliste{
	width:626px;
	height:92px;
	padding:0 0 0 0;
	margin:10px 0 0 27px;
	float:left;
	
		}
		
#referenzliste p.referenz {
	font : bold 15px Arial, Helvetica, sans-serif;
	color : #3a3a3b;
	padding : 23px 0 6px 17px;
	margin : 0 0 0 0;

} 

#referenzliste p.referenz a {
	font : bold 15px Arial, Helvetica, sans-serif;
	color : #3a3a3b;
	text-decoration:none;

} 

#referenzliste p.referenz a:hover {
	font : bold 15px Arial, Helvetica, sans-serif;
	color : #e11b55;
	text-decoration:none;
} 


#right {
	width :  311px;
	padding : 0 0 0 0;
	margin : 0 0 0 0;
	float : left;
	background: transparent url(Bilder/bg-right.jpg) repeat;

} 


#more {
	color : #fff;
	text-align : left;
	margin : 0 0 0 0;
	position:absolute;
	left: 840px;
	top: 670px;
	width: 117px;
} 

#more p.more a {
	margin : 0 0 0 0;
	font : bold 12px Arial;
	color : #fff;
	text-decoration : none;
	padding : 0 0 0 0;
} 

#more p.more a:hover {
	color : #000;
	text-decoration : none;
} 

#news {
	width : 285px;
	margin :  15px 0 0 0;
	padding : 0 0 7px 0;
	float : left;
	background: transparent url(Bilder/bg-news.jpg) no-repeat 0 0;
} 

#news h1 {
	font : normal 18px/19px Arial;
	color : #3a3a3b;
	float:left;
	padding : 0 0 0 0;
	margin : 23px 0 19px 15px;
	display:inline;
	width:260px;
} 

#news h1 a {
	font : normal 18px/19px Arial;
	color : #3a3a3b;
	float:left;
	padding : 0 0 0 0;
	margin : 0;
	text-decoration:none;
	
} 

#news h1 a:hover {
	font : normal 18px/19px Arial;
	color : #ff0056;
	float:left;
	text-decoration:none;
} 

#news h1 span {
	font : bold 13px/18px Arial;
	color : #3a3a3b;
	padding-left: 5px;
} 

#news p {
	font : normal 12px/17px Arial;
	color : #585858;
	padding : 0 15px 0 15px;
	margin : 0 0 0 0;
	float:left;
	width:250px;
} 

#news p span {
	color : #3a3a3b;
	
} 

#news a {
	font : normal 12px/16px Arial;
	color : #000;
	text-decoration:underline;

} 

#news a:hover {
	font : normal 12px/16px Arial;
	color : #ff0056;
	text-decoration:none;
} 

#news-footer {
	width : 285px;
	height: 32px;
	margin :  0 0 0 0;
	padding : 0 0 0 0;
	float : left;
	background: transparent url(Bilder/bg-news-footer.jpg) no-repeat 0 0;
} 


#kundenmeinungen {
	width : 285px;
	height:270px;
	margin :  10px 0 0 0;
	padding : 0 0 0 0;
	float : left;
	background: transparent url(Bilder/bg-meinungen.jpg) no-repeat 0 0;
} 

#kundenmeinungen h1 {
	font : normal 18px/19px Arial;
	color : #3a3a3b;
	float:left;
	padding : 0 0 0 0;
	margin : 20px 0 15px 15px;
	display:inline;
	width:260px;
} 

#kundenmeinungen p {
	font : normal 12px/17px Arial;
	color : #585858;
	padding : 0 15px 0 15px;
	margin : 0 0 0 0;
	float:left;
	width:250px;
} 

#kundenmeinungen p span {
	color : #3a3a3b;
	
} 

#kundenmeinungen img {
	
	padding : 0 15px 10px 15px;
	margin : 0 0 0 0;
	float:left;
} 

#kundenmeinungen a {
	font : normal 12px/16px Arial;
	color : #000;
	text-decoration:underline;

} 

#kundenmeinungen a:hover {
	font : normal 12px/16px Arial;
	color : #ff0056;
	text-decoration:none;
} 

#kundenmeinungen ul {
	margin:15px 15px 0 0;
	padding:0;
	float:right;
	display:inline;
}

#kundenmeinungen ul li {float:left;margin:0 0 0 0; padding:0; text-align:left;}

#kundenmeinungen ul li a {
	margin:0 0 0 0;
	padding:6px 0 0 10px;
	display: block;
	text-decoration:none;
}
	

#kundenmeinungen ul li a.button1 {background-image:url(Bilder/button-mehr-meinungen.jpg); font : bold 12px/14px Arial; width:126px; height:22px; color: #3a3a3b; }
#kundenmeinungen ul li a:hover.button1 { background-image:url(Bilder/button-mehr-meinungen-over.jpg); font : bold 12px/14px Arial; width:126px; height:22px; color:#fff;}


#kundenmeinungen-footer {
	width : 285px;
	height: 32px;
	margin :  0 0 10px 0;
	padding : 0 0 0 0;
	float : left;
	background: transparent url(Bilder/bg-meinungen-footer.jpg) no-repeat 0 0;
} 



#telefon {
	width : 285px;
	height:83px;
	margin :  12px 0 0 0;
	padding : 0 0 0 0;
	float : left;
	background: transparent url(Bilder/bg-telefon.jpg) no-repeat 0 0;
} 

#telefon-klein {
	width : 222px;
	height:56px;
	margin :  0 63px 0 0;
	padding : 0 0 0 0;
	float : right;
	background: transparent url(Bilder/kontakt-bg-klein.jpg) no-repeat 0 0;
} 


#telefon h1 {
	font : normal 18px/20px Arial;
	color : #3a3a3b;
	width: 200px;
	float:left;
	padding : 5px 0 0 15px;
	margin : 0 0 0 0;
} 

 
#telefon p {
	font : normal 12px/16px Arial;
	color : #000;
	margin : 0 0 0 0;
	padding : 12px 0 0 15px;
	float : left;

} 

 
#telefon p a {
	font : normal 12px/16px Arial;
	color : #00a2bd;
	padding: 0 10px 0 0;
	margin : 0 0 0 0;
	text-decoration:none;
	background: transparent url(Bilder/pfeil-left.jpg) right no-repeat;
} 

#telefon p a:hover{
	text-decoration:underline;

} 

#social {
	width : 285px;
	height:165px;
	margin :  0 0 0 0;
	padding : 0 0 0 0;
	float : left;
	background: transparent url(Bilder/bg-meinungen.jpg) no-repeat 0 0;
} 

#social h1 {
	font : normal 18px/20px Arial;
	color : #3a3a3b;
	width: 260px;
	float:left;
	padding : 0;
	margin : 20px 0 15px 15px;
} 


 
#social p {
	font : bold 13px/16px Arial;
	color : #000;
	margin : 0 0 0 0;
	padding : 6px 0 0 10px;
	

} 

#social img {
	margin : 0;


} 

#social p a {
	font : normal 12px/16px Arial;
	color : #00a2bd;
	padding: 0 10px 0 0;
	margin : 0 0 0 0;
	text-decoration:none;
	background: transparent url(Bilder/pfeil-left.jpg) right no-repeat;
} 

#social p a:hover{
	text-decoration:underline;

} 

#referenzen-button {
	margin :  15px 0 0 0;
	padding : 0 0 0 0;
	float : left;
	
	
} 

#referenzen-button ul {
	padding : 0 0 0 0;
	margin : 0 0 0 0;
	float:left;
} 
#referenzen-button ul li {
	padding : 0 0 0 0;
	margin: 0 0 0 0;
	float:left;
	
} 

#referenzen-button ul li a {
	display: block;
	font : bold 14px/14px Lucida Sans;
	text-decoration:none;
	background: transparent url(Bilder/button-twitter.jpg) no-repeat 0 0;
	width:286px;
	height:32px;
	
	
} 

#referenzen-button ul li a:hover {
	background: transparent url(Bilder/button-twitter-over.jpg) no-repeat 0 0;
	
} 

#right tr td a { 
font : normal 12px/16px Arial; 
color : #000; 
text-decoration : underline; 
} 

#right tr td a:hover { 
font : normal 12px/16px Arial; 
color : #000; 
text-decoration : none; 
} 


#adresse {
	width : 280px;
	height:85px;
	margin :  0 0 0 0;
	padding : 0 0 0 0;
	float : left;
	background: transparent url(Bilder/map.jpg) right no-repeat;
} 

#adresse p {
	font : normal 12px/16px Arial;
	color : #000;
	margin : 0 0 0 0;
	padding : 5px 0 0 5px;
	float : left;
	width : 250px;
} 

#footer {
	width : 1000px;
	margin : 0 0 0 0;
	padding : 0 0 0 0;
	float:left;
	height:229px;
	background: transparent url(Bilder/bg-footer.jpg) no-repeat 0 0;
}

.urbangreymenu{
	width: 215px; /*width of menu*/
	margin: 15px 22px 0 0;
	float:left;
	display:inline;

}

.urbangreymenu h1{
	font: bold 13px Arial;
	color: #585858;
	padding: 10px 0 0 0; /*link text is indented 8px*/
	text-decoration: none;
	height:25px;
	border-bottom: 2px solid #4b4b4b;
	
}

.urbangreymenu ul{
list-style-type: none;
padding:10px 0 0 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
clear:both;

}



.urbangreymenu ul li{
padding:0 0 1px 0; /*bottom spacing between menu items*/
background:  transparent url(Bilder/pfeil-navi.gif) no-repeat 0 9px;
height:25px;

}

.urbangreymenu ul li a{
	font: normal 13px Arial;
	color: #848484;
	display: block;
	padding: 4px 0 0 10px; /*link text is indented 8px*/
	text-decoration: none;
	height:20px;
}

.urbangreymenu ul li a.visited{
	color: #ff0056;
	
}

.urbangreymenu ul li a:hover{ /*hover state CSS*/
	color: #ff0056;
	font-weight:bold;
	
	
}


#footer-copyright{
	width:510px;
	margin:0 auto;
	padding:0 0 0 36px;
	float:left;
	}

#footer-baseplus{
	width:800px;
	height:46px;
	margin:5px 0 0 36px;
	padding:0 0 0 0;
	float:left;
	text-align:left;
	background:url(Bilder/logo-baseplus.jpg) no-repeat 0 0;
	display: inline;
	}
	
	
#footer-baseplus p{
	padding:4px 40px 0 50px;
	}


#footer p {
	font : normal 12px/16px Arial;
	color : #848484;
	margin : 10px 0 0 0;
} 
#footer p a {
	font : normal 12px/16px Arial;
	color : #585858;
	text-decoration : none;
} 
#footer p a:hover {
	font : normal 12px/16px Arial;
	color : #ff0056;
	text-decoration : underline;
} 

#contentForm {
	display: block;
	width: 490px;
	margin:0 0 0 20px;/*this line will center the page*/
	padding: 0;
	font:normal 13px/16px Arial, Helvetica, sans-serif;
	color:#646655;
  
 
}

#contentForm h2 {
	font : bold 13px Lucida Sans;
	color : #fff;
	margin: 10px 0 0 0;
	padding : 5px 0 3px 10px;
	background-color: #e1001a;
	width:500px;
	height:20px;

	
} 

/* and now the form formatting itself */
label {
  display: block;
  float: left;
  clear: left;
  Width: 150px;
  line-height: 20px;
  margin-bottom: 10px;
  margin: 5px 0;
  
}

input, textarea, select {
  margin: 0;
  padding: 2px;
  font-size: 1em;
  color: #282828;
  background: none;
  border: none;
  margin: 5px 0;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
}   

input:focus, textarea:focus, select:focus {
  border: none;
  background-color: #FFFFFF;
}

span.required{
  font-size: 13px !important;
  color: red !important;
}

.errormsg {
  display: block;
  width: 90%;
  color: #FF0000;
  padding: 10px;
  margin: 10px 0;
  border-top: 2px solid #FF0000;
  border-bottom: 2px solid #FF0000;
  font:bold 13px/16px "Arial", Arial, Helvetica, sans-serif;
}

.success {
  display: block;
  width: 90%;
  color: #64a634;
  padding: 10px;
  margin: 10px 0;
  border-top: 2px solid #64a634;
  border-bottom: 2px solid #64a634;
  font:bold 14px/18px "Arial", Arial, Helvetica, sans-serif;
}

.msgSent {
  font-size: 20px;
  text-align: center;
}

.red{
	color:#e1001a;
}

#switch-contend{
	width:682px;
	padding:0 0 10px 0;
	float:left;
	margin:0 0 0 0;
	}
	
#switch-contend  h2{
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#182663;
	padding:7px 0 0 10px;
	}
	
#contend-tabs {
	width : 682px;
	padding : 0 0 0 0;
	float : left;
	margin : 0 0 0 0;
	background: transparent url(Bilder/bg-content.jpg) repeat-y;
	display: inline;
} 

#form_box{
	width:278px;
	height:381px;
	background:url(Bilder/formular-bg.png) no-repeat;
	padding:0px 15px 0px 18px;
	color:#3a3a3b;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:25px 0 0 0;
}
#form_box h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#3a3a3b;
	margin:0px 0px 20px 0px;
	font-weight: bold;
	text-transform: uppercase;
	padding: 12px 0 0 0;
	text-align:center;
}
#form_box h3{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#3a3a3b;
	padding:0px 0px 8px 0px;
	margin:0px;
}
.search_input{
	position:relative;
	height:65px;
}
.searchbox{
	position:absolute;
	width:257px;
	height:26px;
	padding:10px 0px 5px 10px;
	font-size:15px;
	color:#ffffff;
	background:url(Bilder/bg-searchbox.png) no-repeat;
	z-index:200;
	cursor:default;
}
.searchbox_button{
	width:47px;
	height:38px;
	background:url(Bilder/button-searchbox.gif) no-repeat center center;
	cursor:pointer;
	position:absolute;
	margin-right:12px;
	z-index:201;
	left:222px;
}
.searchbox_options{
	position:absolute;
	display:none;
	background-color:#99aaab;
	left:0px;
	top:20px;
	width:273px;
	height:200px;
	background:url(Bilder/bg-options.png) no-repeat;
	padding:14px 0px 0px 1px;
}
.searchbox_options a{
	display:block;
	padding:8px 0px 7px 8px;
	font-size:14px;
	text-decoration:none;
	color:#b6b6b6;
}
.searchbox_options a:hover{
	background:url(../gfx/bg-menu.gif) repeat-x;
	text-decoration:none;
	color:#f6f6f6;
}
.webmin{
	display:none;
}
.input_box{
	background:url(Bilder/bg-input.gif) no-repeat;
	width:250px;
	height:34px;
	margin-bottom:10px;
	padding:1px 0px 0px 13px;
}
input.input_l{
	width:225px;
	font-family:Arial, Helvetica, sans-serif;
	color:#3a3a3b;
	font-size:15px;
}
input.input_l:focus,input.button:focus{
	background:none;
}
input.button{
	cursor:pointer;
	width:266px;
	height:39px;
	margin-top:8px;
}
#box_sent{
	background:url(Bilder/bg-sent.gif) no-repeat;
	padding:115px 18px 0px 0px;
	text-align:center;
	margin-top:60px;
}
#box_sent h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#3a3a3b;
	margin:0px;
	padding:0px 0px 7px 0px;
	text-transform:uppercase;
}
#box_sent h3{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#767676;
	margin:0px;
	padding:0px;
	text-transform:uppercase;
}