/* -------------------------------------------------------

Copyright (C) 2013 UNDGRÜN Medien, Berlin <www.und-gruen.de>

Blau = #003a66
Grau = #7F797D

---------------------------------------------------------- */


/* -------------------------------------------------------
    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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
form, label, fieldset, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* -------------------------------------------------------
    GENERAL
---------------------------------------------------------- */
body {
    font-family: Arial, sans-serif;
    font-size: 14px;
    line-height: 21px;
    color: #333;
	background: #003a66 url(img/bg.png) top left repeat-x;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}

strong, b { 
	font-weight: bold; 
} 

em { 
	font-style: italic; 
}

img { 
	border: none; 
} 

hr {
	margin: 30px 0;
	height: 1px;
	border: 1px dotted #e5e5e5;
	
}

p  {
	margin: 0 0 15px 0;
	padding: 0;
	line-height: 130%;
}

ul.content {
	margin: 10px 0;
	list-style: disc;
}

ul.content li {
	margin: 0 20px;
	padding: 5px 0;
	line-height: 130%;
}

ul.credit {
	margin: 0;
}

p.credit {
	margin: 0;
	padding: 0;
}

/* links */
a:link,
a:visited { 
	padding: 0 0 1px 0;
	color: #003a66;
	/*border-bottom: 1px dotted #003a66;*/
	text-decoration: none;
} 

a:hover {
	color: #7F797D; 
	border: none;
}

a:active, a:focus {
  /*width:0; height:0;*/
  outline:0; 
  outline: none; /* for browsers that understand */
}

a[href^="http:"] {
    background: transparent url(img/linkext.png) 100% 50% no-repeat;
    padding-right: 15px;
}
a:hover[href^="http:"] {
    background: transparent url(img/linkext-o.png) 100% 50% no-repeat;
    padding-right: 15px;
}

a[href^="http://gc-partner.de"],
a[href^="http://www.gc-partner.de"],
a[href^="http://german-capital-partner.de"],
a[href^="http://www.german-capital-partner.de"] {
    background: transparent;
    padding-right: 0px;
}

a.linkext-off, a:hover.linkext-off {
	background: none;
	padding: 0;
}

/* Headers */
h1, h2, h3, h4, h5, h6 {
    text-rendering: optimizeLegibility;
}

h1 {
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 15px 0;
}

h2 {
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 15px 0;
	color: ccc;
}

h3 {
	font-size: 14px;
	font-weight: bold;
	margin: 0;
}

h4 {
	text-transform: uppercase;
	font-weight: bold;
	margin: 0 0 20px 0;
}

h5 {

}

/* ------------------------------------------------------
    STRUCTURE
--------------------------------------------------------- */
#board {
    width: 968px;
    margin: 0 auto;
}

#header {
    position: relative;
	margin: 0 auto;
	height: 120px;
}

/*  Navigation  */
#header #nav {
	margin: 75px 0 0 0; 
	padding: 0;		
	float: right;	
}

#header #nav ul {
	list-style: none;	
	margin: 3px 0 0 0;
	height: 45px;
	padding: 0 0 0 15px;					
}

#header #nav ul li {
	float: left;
	margin: 0; 
	padding: 0 0 0 10px;	
	border-right: 1px solid #ccc;	
}

#header #nav ul li a {
	float: left;
	margin: 0;
	padding: 0 15px 0 5px;
	color: #666;
	font: bold 12px/40px Arial, sans-serif;
	text-transform: uppercase;	
	border: none;
	
}

#header #nav ul li a:hover, 
#header #nav ul li a:active {
	border: none;
	color: #111;
	background: transparent;
}

#header #nav ul li#current a,
#header #nav ul li#current a:hover, 
#header #nav ul li#current a:active {
	cursor: text;
	color: #111;
}



/* Logo */
#header span {
    position: absolute;
    background: url(../images/german-capital-partner.png) no-repeat;
    height: 52px;
    width: 620px;
    display: block;
    top: 65px;
    left: 15px;
}

#header span h1 a {
    text-indent: -9999em;
    display: block;
    height: 80px;
    width: 475px;
}

#sliderwrapper {
	margin: 20px 0 0 0;
	height: 250px;
	background: #ccc;
	/*border-top: 5px solid #01355c;*/
	/*border-bottom: 10px solid #01355c;*/
}

#contentwrapper {
	background: #e5e5e5;
	height: 100%;
	min-height: 100%;
	overflow: hidden;
}

#content {
	float: left;
	width: 624px;
	padding: 30px 24px 50px 20px;
	background: #fff;
	border-top: 10px solid #012642;
}

#content p.intro{
	margin-bottom: 50px;
	color: #bbb;
	font-style: italic;
}

.wrapper {
column-count: 2;
column-gap: 24px;
-webkit-column-count: 2;
-webkit-column-gap: 24px;
-moz-column-count: 2;
-moz-column-gap: 24px;
column-rule-color: #aaa;
column-rule-style: dotted;
column-rule-width: 1px;
-webkit-column-rule-color: #aaa;
-webkit-column-rule-style: dotted;
-webkit-column-rule-width: 1px;
-moz-column-rule-color: #aaa;
-moz-column-rule-style: dotted;
-moz-column-rule-width: 1px;
widows: 2;
orphans: 3;
-webkit-margin-bottom-collapse: separate;
}

#sidebar {
	float: left;
	width: 260px;
	padding: 30px 20px 0 20px;
	margin: 0;
	background: #e5e5e5;
	border-top: 10px solid #111;
}

#sidebar p#tracking {
	margin: 40px 0;

}

#sidebar p#tracking  a {
	color: #333;
	border: none;
}

#sidebar p#tracking  a:hover {
	color: #003a66;
}

#sidebar p#tracking img {
	margin: 5px 0;
}

#extra {
	float: left;
	margin: 0 0 10px 20px;
	width: 480px;
	background: #ccc;
	border: 1px solid #ddd;
	color: #333;
}

#extra p {
	margin: 10px;
}

#extra a:link { 
	padding: 0 0 1px 0;
	color: #333;
	border-bottom: 1px dotted #333;
	text-decoration: none;
} 

#extra a:hover {
	color: #333; 
	border: none;
	
}

#footer { 
	clear: both;
	width: 948px;
	height: 25px;
	padding: 10px 0 0px 20px;
	background: #012642;
} 

#footer p {
	font-size: smaller;
	color: #bbb;
}


#footer a:link,
#footer a:visited { 
	padding: 0 0 1px 0;
	color: #bbb;
	/*border-bottom: 1px dotted #bbb;*/
	text-decoration: none;
} 

#footer a:hover {
	color: #7F797D; 
	border: none;
}




/* Alignment & clearing */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }
.border-none { border: none; }
.clear { clear: both;}