/* general reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, hr, button
{margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align: baseline; background:none;}
ol, ul {list-style:none;}
h1, h2, h3, h4, h5, h6 {font-size: 33px; line-height:100%;}
blockquote, q {
	quotes:none;
	font-size: 14px;
	line-height: 22px;
	}
table {border-collapse:collapse; border-spacing:0;}
input, textarea, button {margin:0;font-family:inherit; font-size:1em;}
html{height:100%;}
q:before,q:after {content:"";}

/*faded alle links - performance?*/
a {
  -webkit-transition: all 0.5s ease;
  -moz-transition:    all 0.5s ease;
  -ms-transition:     all 0.5s ease;
  -o-transition:      all 0.5s ease;
}


body{
	font:12px/20px  'Droid Sans', Arial,Helvetica, sans-serif;
	color:#5d5d5d;
	background:#f4f4f4 url(../images/???bg-body.gif) repeat-x;
	height:100%;
	min-width:970px;
	overflow-y:scroll;
	
}
/* general setings */
a{
	color:#fe9b00;
	text-decoration:none;
	font-family: 'Droid Sans', Arial, Helvetica, sans-serif;
	letter-spacing: 0.05em;
}
a:hover{text-decoration:underline;}
/* wrapper */
#wrapper {
	min-height:100%;
	width:960px;
	margin:0 auto;
}
* html #wrapper {height: 100%;}
/*header start*/
#header{
	font:13px/15px 'Droid Sans', Arial, Helvetica, sans-serif;
	border-bottom:1px solid #c0c0c0;
	margin-bottom:18px;
	padding-top: 32px;
	padding-right: 0;
	padding-bottom: 25px;
	padding-left: 0;
}
#header .mail{
	text-align:right;
	position:relative;
	background-color: #f4991a;
	padding: 10px;
	width: 250px;
	float: right;
	border: #ccc solid 0px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-khtml-border-bottom-right-radius: 5px;
	-khtml-border-bottom-left-radius: 5px;
	-khtml-border-top-right-radius: 5px;
	-khtml-border-top-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	color: #4F2700;
	font-size: 12px;
}

#header .mail a{
	color:#4F2700;
}

#header .whyspain{
	text-align:right;
	position:relative;
	background-color: #f4f4f4;
	padding-top: 5px;
	width: 250px;
	float: right;
	border: #f4f4f4  solid 1px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-khtml-border-bottom-right-radius: 5px;
	-khtml-border-bottom-left-radius: 5px;
	-khtml-border-top-right-radius: 5px;
	-khtml-border-top-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	color: #333;
	clear: both;
	margin-top: 10px;
}

#header .row{
	width:100%;
	overflow:hidden;
	margin-top:-11px;
}

.floatleft{
	float: left;
	text-align: left;
	line-height: 18px;
}
.logo{
	float:left;
	overflow:visible;
	z-index: 100;
	position: relative;
	background-position: 0px 43px;
	margin-left: -46px;
	margin-top: -152px;
}
.logo a{
	display:block;
	height:100%;
}
#nav{
	float:right;
	padding-top: 180px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
#nav li{
	float:left;
	margin-left:37px;
	display:inline;
	font:bold 15px/15px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}
#nav li a:hover {
	text-decoration:none;
	color:#41281b;
}

#nav li.active a{
	text-decoration:none;
	color:#41281b;
}




/*header end*/
/*promo start*/
.promo{
	position:relative;
	border-bottom:1px solid #c0c0c0;
	padding-bottom:18px;
	margin-bottom:22px;
	width:100%;
	
}
.promo img{display:block;}
.promo .view{
	position:absolute;
	background:#090909;
	width:422px;
	text-transform:uppercase;
	font:bold 15px/44px 'Droid Sans', Arial, Helvetica, sans-serif;
	color:#999898;
	top:270px;
	left:35px;
	overflow:hidden;
	padding-top: 0;
	padding-right: 8px;
	padding-left: 13px;
}
.promo .view a{
	float:right;
	background:url(../images/arrow-orange.gif) no-repeat 100% 19px;
	padding-right:16px;
}
/*promo end*/

/*main start*/
#main{
	width:100%;
	overflow:hidden;
	padding-bottom:145px;
}
.three-cols{
	width:1020px;
	overflow:hidden;
	padding-bottom:23px;
	border-bottom:1px solid #c0c0c0;
	margin-bottom:19px;
}
.three-cols .col{
	float:left;
	width:283px;
	margin-right:56px;
	display:inline;
}

.three-cols .col2{
	float:left;
	width:500px;
	margin-right:56px;
	display:inline;
	margin-top: 45px;
}

.three-cols .col2 h2{
	color:#41281b;
	padding:0 0 10px 10px;
	margin-bottom:10px;
	font-family: 'Droid Sans', Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 18px;
	font-weight: normal;
	 letter-spacing: 0.05em;
}

.three-cols .col h2{
	text-transform:uppercase;
	color:#41281b;
	padding:0 0 10px 28px;
	background:url(../images/arrow.gif) no-repeat 0 7px;
	margin-bottom:16px;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	font-family: 'Droid Sans', Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 18px;
	font-weight: normal;
	 letter-spacing: 0.05em;
}





.three-cols .col .more{
	background:url(../images/small-arrow.gif) no-repeat 0 50%;
	padding-left:23px;
	font-weight:bold;
	text-transform:uppercase;
}
.three-cols .col p{margin-bottom:5px;}
.three-cols .list li{
	background:url(../images/sep02.gif) no-repeat 0 3px;
	line-height:14px;
	padding:2px 0 14px 29px;
}
.three-cols q{
	display:block;
	margin-bottom:19px;
}
.three-cols cite{color:#090909;}

/* rückt die Paella Punkte nach oben ein */
.col2 ul {
	margin-bottom: 15px;
}

.col2 ul li {
	margin-top: 5px;
	list-style-type: circle;
	margin-left: 13px;
}

.portfolio{
	padding-bottom:40px;
	border-bottom:1px solid #c0c0c0;
	margin-bottom:25px;	
}
.portfolio h2{
	text-transform:uppercase;
	font:bold 18px/18px 'Droid Sans', Arial, Helvetica, sans-serif;
	color:#090909;
	padding:0 0 18px 30px;
	background:url(../images/arrow.gif) no-repeat 0 7px;
}
.portfolio ul{
	width:994px;
	overflow:hidden;
}
.portfolio ul li{
	float:left;
	margin-right:33px;
	position:relative;
}
.portfolio ul li img{display:block;}
.portfolio .view{
	position:absolute;
	bottom:0;
	right:0;
	padding:0 20px 0 10px;
	color:#090909;
	font:bold 12px/21px 'Droid Sans', Arial, Helvetica, sans-serif;
	background:#fe9b00 url(../images/orang-arrow.gif) no-repeat 100% 6px;
	text-transform:uppercase;
}
* html .portfolio .view{
	bottom:-1px;
	right:-1px;
}
.block{
	width:100%;
	overflow:hidden;
}
.block h3{
	background:url(../images/small-arrow.gif) no-repeat 0 4px;
	padding:0 0 21px 23px;
	font:bold 12px/14px 'Droid Sans', Arial, Helvetica, sans-serif;
	color:#090909;
	text-transform:uppercase;
}
.block .social{
	float:right;
	width:219px;
	margin-left:82px;
}
.social ul{
	width:100%;
	overflow:hidden;
}
.social li{
	float:left;
	margin-right:14px;
}
.social li img{display:block;}
.block .text{
	height:1%;
	overflow:hidden;
}
/*main end*/
/*wrapper end*/
/*footer start*/
#footer{
	background:#e2e2e2;
	position:relative;
	width: 100%;
	height:111px;
	margin-top:-111px;
}
#footer .holder{
	width:960px;
	margin:0 auto;
	overflow:hidden;
	padding:19px 0 18px;
}

#footer .footerright{
	overflow:hidden;
	margin-top: -25px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 0;
	
	float: right;
}
	
#footer .logo1{float:right;}
#footer .logo1 img{display:block;}
#footer .nav{
	height:1%;
	overflow:hidden;
	padding:10px 0 0;
}
#footer .nav li{
	float:left;
	background:url(../images/sep01.gif) no-repeat 0 50%;
	padding:0 6px 0 9px;
	margin:0 9px 0 -9px;
	line-height:18px;
	display:inline;
}
#footer .nav li a{color:#5d5d5d;}
/*footer end*/

/*Tiny Tip*/
.lightTip						{
	
	
	float: left;
	width: 300px;
	margin-top: 390px;
}
.lightTip .content				{
	width: 300px;
	padding: 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: #ffffff;
	color: #020202;
	margin-right: 50px;
	border: 6px solid #f4991a;
}
.lightTip .bottom				{ height: 14px; background: url(../images/??notch-white.png) top center no-repeat; }


/* rounded image styles */
.rounded-img {
	display: inline-block;
	border: solid 0px #000;
	overflow: hidden;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px; 
	border-radius: 10px;
	/*-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
	box-shadow: 0 1px 3px rgba(0, 0, 0, .4);*/
}


@media only screen and (max-device-width: 480px) {

	    
#header{
	font:13px/15px 'Droid Sans', Arial, Helvetica, sans-serif;
	border-bottom:0px solid #c0c0c0;
	margin-bottom:8px;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
}
#header .mail{
	text-align:left;
	position:relative;
	background-color: #f4991a;
	padding: 10px;
	width: 250px;
	float: left;
	border: #ccc solid 0px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-khtml-border-bottom-right-radius: 5px;
	-khtml-border-bottom-left-radius: 5px;
	-khtml-border-top-right-radius: 5px;
	-khtml-border-top-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	color: #4F2700;
	font-size: 10px;


}
}