/*
-------------------------------
piccto design | 2014
-------------------------------
www.piccto.de
-------------------------------
Kunde
-------------------------------
 */
 
/*
 * ---------- Basics ---------- 
 */

body {
    font-size: 12px;
    color: #7F7D70;
    line-height: 1.6;
}
header {
	padding: 20px 0 15px 0;
}

footer ul {
	padding: 30px 0;
	margin-top: 30px;
	border-top: 1px solid #ddd;
}

footer li{
	float: left;
	font-size: 12px;
	padding-right: 20px;
}

/* 
 * ---------- Navi ---------- 
 */
nav {
	position: relative;
}

nav > ul {
	padding-top: 70px;
	float: right;
}

nav > ul > li {
	float: left;
	position: relative;
	padding-left: 20px;
	cursor: pointer;
}

nav > ul > li > a {
	color: #7F7D70;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}

nav li a:hover {
	color: #cc0033;
}

nav ul ul {
	display: none;
	position: absolute;
	top: 0;
	left: 1px;
	z-index: 999;
	padding-top: 38px;
	width: 160px;
}

nav li:hover ul {
	display: block;
}

nav ul ul li {
	padding: 5px 10px;
	border-bottom: 1px solid #ccc;
	background: white;
	opacity: 0.9;
}

nav .lang:lang(de) a#de,
nav .lang:lang(en) a#en { 
	color: #7F7D70; 
}

nav .lang a {
	color: #ccc;
}

:lang(de) .en,
:lang(en) .de {
	display: none;
}

#home #home,
#team #team,
#invest_1 #beteiligungen,
#invest_1 #invest_1,
#invest_2 #beteiligungen,
#invest_2 #invest_2,
#invest_3 #beteiligungen,
#invest_3 #invest_3,
#invest_4 #beteiligungen,
#invest_4 #invest_4,
#aktuell #aktuell,
#kontakt #kontakt {
	color: #cc0033;
}

/* 
 * ---------- Styles ---------- 
 */
 li.email {
 	.display: inline-block;
 	.padding-top: 4px;
 	.height: 15px;
 	width: 200px;
 	height: auto;
 	color: white;
 	background: url(../img/email.png) no-repeat 0 4px;
 }
 
 .red,
 a:hover {
 	color: #cc0033;
 	cursor: pointer;
 }
 
 .black {
 	color: #666;
 }
 
 h3 {
 	font-size: 22px;
 }
 
 h5 {
 	margin: 0;
 }
 
 .bullet:before {
 	content: '> ';
 	color: #cc0033;
 }
 
 .image {
 	position: relative;
    height: 200px;
 }
 
 #kontakt .image {
 	display: none;
 }
  
 .logo {
 	float: left;
 	width: 250px;
 }
 
 .content {
 	padding-top: 50px;
 }
 
.main {
	width: 70%;
	float: left;
}

aside {
	width: 20%;
	float: right;
}

aside ul.nav li,
aside .nav h6 {
	padding: 5px 0;
	border-bottom: 1px dotted #ccc;
}

aside .nav h6 {
	padding-top: 0;
}

aside ul.nav li {
	padding: 5px 0;
}

#kontakt aside,
#disclaimer aside
 {
	float: left;
	padding-right: 10%;
}

#disclaimer article h6 {
	..padding-left: 14px;
	margin-left: -12px;
}

}
table {
	width: 100%;
	border-collapse: collapse;
}

td, th {
    padding: 8px 10px;
    text-align: left;
    line-height: 1.5;
    *padding: 5px 0;
    vertical-align: top;
    background: #f1f2f3;
}

th {
	background: #b1b2b3;
	color: white;
}

td:first-child,
th:first-child {
	background: #cc0033;
	color: white;
}

th:first-child {
	background: #990033;
}

#team td {
	background: #f1f2f3;
	color: #777;
}

#map_canvas,
.map_canvas {
	height: 220px;
}

/* 
 * ---------- Blocks ----------- 
 */


/* 
 * ---------- dd formmailer ---------- 
 */

input, textarea, select {
   -webkit-appearance: none;
}

.ddfmwrap {
	position: relative;
}

form.ddfm {
	width: 85%;
}

.form .credits {
	display: none;
}

.form p.fieldwrap {
    margin-bottom: 10px;
    padding: 0;
}

.form label {
	display: none;
}

.form input,
.form textarea {
    width: 93%;
    font-family: 'Open Sans', Arial, sans-serif;
    ...font-size: 13px;
    padding: 10px;
    border: 1px solid #ddd;
    color: #333;
    border-radius: 5px;
}

.form input {
	width: 43%;
	float: left;
	margin: 0 10px 10px 0;
}

.form input {}

.form .errorlist {
	display: none;
}

.form span.required {
	color: #ff0000;
}

.form .ddfmerrors {
    color: #ff0000;
    padding-bottom: 10px;
}

.form .submit {
    position: absolute;
    bottom: -5px;
    right: 0;
}

.form .submit input {
	width: 70px;
    padding: 7px;
    background: #333;
    color: #FFF;
    cursor: pointer;
}

.form .submit input:hover {
	background: #cc0033;
}

input.placeholder,
textarea.placeholder,
input::-webkit-input-placeholder,
input:-moz-placeholder,
input:-ms-input-placeholder {
	color: #ccc !important;
}

/* 
 * ---------- Responsive Styles ---------- 
 */

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

	body {
	    ...font-size: 14px;
	}

	.main {
	    width: 100%;
	    margin-left: 0;
	    ...padding-top: 15px;
	    ...padding-bottom: 15px;
	}
	
	aside {
		display: none;
	}
	
	#kontakt aside,
	#impressum aside {
		display: block;
		width: 100%;
		border-bottom: 1px solid #ddd;
		padding-bottom: 15px;
		margin-bottom: 15px;
	}
	
	nav {
		display: none;
		width: 100%;
	}
	
	nav ul {
		width: 100% !important;
		padding-top: 20px;
	}
	
	nav ul ul {
		display: block;
		position: relative;
		padding-top: 5px;
	}
	
	nav ul ul a {
		padding-left: 10px;
	}
	
	nav li {
		width: 100%;
		padding: 5px 0 !important;
		border-top: 1px dotted #ddd !important;
		border-bottom: 0 !important;
	}
	
	nav #beteiligungen:after {
		content: ':';
	}
	
	.button_nav {
	    float: right;
	    padding: 20px;
	    margin-top: -5px;
	    cursor: pointer;
	    background: url(../img/bt_nav.png) no-repeat;
	}

}

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

	header {
		padding: 10px 0 15px 0;
	}
	
	.content {
		padding-top: 30px;
	}

	.logo {
		width: 170px;
	}
	
	.image {
		position: relative;
	   height: 150px;
	}
	
	th, td {
		display: block;
	}
	
	#invest_3 td:before {
		content: '> ';
	}
	
	#invest_3 td:first-child:before {
		content: none;
	}
	
	#invest_3 td:last-child {
		color: #cc0033;
		padding-top: 0;
	}
	
	#invest_3 th {
		display: none;
	}
	
	#team table {
		width: 100%;
	}
	
	#team td {
		padding: 1px 0;
		background: none;
	}
	
	#team td:before {
		content: '• ';
		color: #cc0033;
	}
	
	.form .submit {
	    position: relative;
	    left: 0;
	    margin-top: -15px;
	}
	
	form.ddfm {
		width: 96%;
	}
	
	.form input,
	.form textarea {
		width: 100%;
		padding-right: 0;
	}
		
}

@media print { 
	body,
	.container,
	.main {
		width: 100%;
	}
	
	nav,
	.image {
		display: none;
	}
	
	aside {
		display: none;
	}
	
	#kontakt aside,
	#impressum aside {
		display: block;
		width: 100%;
		border-bottom: 1px solid #ddd;
		padding-bottom: 15px;
		margin-bottom: 15px;
	}
	
	.logo {
		width: 150px;
	}

}