/* ------------------------------------------------------------------------------------------------- #
*
* Layout - Site Grid
*
*/

#global-wrapper {
	width:1185px;
	margin-left:50px;
}
#page-wrapper {
	width:1185px;
}
.sidebar {
	float:right;
	width:148px;
}
.content-wrapper {
	width:980px;
	float:left;
}
.content-wrapper .sidebar {
	float:right;
	width:305px;
}
.content-wrapper .content {
	float:left;
	width:615px;
}

/* ------------------------------------------------------------------------------------------------- #
*
* Page Header
*
*/

#head {
	position:relative;
	width:100%;
	height:80px;
	color:inherit;
	z-index:0;
}

/*
** Branding
*/
#branding {
	display:block;
	position:absolute;
	left:0px;
	top:22px;
	width:264px;
	height:24px;
	z-index:1;
	color:inherit;
	background:url(../images/layout/base.gif) no-repeat;
	background-position: left top;
}
#branding a {
	display:block;
	width:264px;
	height:24px;
	overflow:hidden;
	text-indent:-9999px;
	z-index:2;
}
#branding a:hover {
	background:url(../images/layout/base.gif) no-repeat;
	background-position: left top;
}

#orange #branding {
	background-position:left -24px;
}
#pink #branding {
	background-position:left -48px;
}
#violett #branding {
	background-position:left -72px;
}
#turkis #branding {
	background-position:left -96px;
}
#grun #branding {
	background-position:left -120px;
}
#blau #branding {
	background-position:left -144px;
}

/* ------------------------------------------------------------------------------------------------- #
*
* Main Navigation
*
*/

#mainnav {
	width:100%;
	margin-bottom:30px;
}

#mainnav ul {
  margin:0;
  padding:0;
  line-height:1em;
  list-style:none;

}
#mainnav li {
  list-style-type:none;
	float:left;
  margin:0;
  padding:0;
}
#mainnav li.orange {
  width:200px;
}
#mainnav li.orange a {
  width:160px;
}
#mainnav li.orange a:hover,
#mainnav li.orange.active a {
  color:#e08900;
}

#mainnav li.pink {
  width:200px;
}
#mainnav li.pink a {
  width:160px;
}
#mainnav li.pink a:hover,
#mainnav li.pink.active a {
  color:#c62e47;
}

#mainnav li.violett {
  width:212px;
}
#mainnav li.violett a {
  width:180px;
}
#mainnav li.violett a:hover,
#mainnav li.violett.active a {
  color:#6c3964;
}

#mainnav li.turkis {
  width:235px;
}
#mainnav li.turkis a {
  width:200px;
}
#mainnav li.turkis a:hover,
#mainnav li.turkis.active a {
  color:#00788c;
}

#mainnav li.grun {
  width:135px;
}
#mainnav li.grun a:hover,
#mainnav li.grun.active a {
  color:#6d9a26;
}

#mainnav li.blau {
  width:148px;
	margin-left:55px;
	position:relative;
}
#mainnav li.blau a:hover,
#mainnav li.blau.active a {
  color:#31618f;
}

#mainnav a,
#mainnav strong {
  color:#444444;
  display:block;
  font-weight:normal;
  text-decoration:none;
	font-size:1.6em;
}
#mainnav a span,
#mainnav strong span {
  color:#777777;
  display:block;
  font-size:0.5em;
	line-height:1.1em;
	margin-top:5px;
}

.subnav li {
	background-color:#e7e7e7;
	margin-bottom:1px;
}
.subnav li a {
	background-color:#31618f;
	display:block;
	line-height:2.4em;
	text-decoration:none !important;
}

.subnav li a:hover { text-decoration:underline !important; }
.subnav li.active a:hover { text-decoration:none !important; }
.subnav li a span {
	background-color:#e7e7e7;
	margin-left:30px;
	padding-left:10px;
	display:block;
}

#orange .subnav li a { background-color:#e08900;}
#pink .subnav li a { background-color:#c62e47;}
#violett .subnav li a { background-color:#6c3964;}
#turkis .subnav li a { background-color:#00788c;}
#grun .subnav li a { background-color:#6d9a26;}
#blau .subnav li a { background-color:#31618f;}

#orange .subnav li.active a span { background-color:#e08900; color:#fff; }
#pink .subnav li.active a span { background-color:#c62e47; color:#fff; }
#violett .subnav li.active a span { background-color:#6c3964; color:#fff; }
#turkis .subnav li.active a span { background-color:#00788c; color:#fff; }
#grun .subnav li.active a span { background-color:#6d9a26; color:#fff; }
#blau .subnav li.active a span { background-color:#31618f; color:#fff; }

/* ------------------------------------------------------------------------------------------------- #
*
* PageTurn
*
*/

.pageturn {
	padding:0.7em 0;
	margin:15px 0;
	text-align:right;
	font-size:0.9em;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
.pageturn ul {
	text-align:right;
}
.pageturn li {
	display:inline;
	padding-right:5px;
	border-right:1px solid #818284;
	margin-right:5px;
	line-height:1.1;
	background-color:inherit;
}
.pageturn li a {
	line-height:1;
}

/* ------------------------------------------------------------------------------------------------- #
*
* Footer
*
*/

#footer {
	background-color: #e7e7e7;
	position:relative;
	padding:1em 0px 1em 50px;
	margin-top:40px;
	width:1185px;
	line-height:1.2em;
	font-size:0.9em;
}
#footer .left {
	width:615px;
	float:left;
}
#footer .right {
	width:510px;
	float:right;
}
#footer address,
#footer address {
	font-style:normal;
	line-height:1.5em;
}
#footer span.adr,
#footer span.mail { display:block; }

#footer span.mail span {
	display:block;
	float:left;
}
#footer span.mail span.vcarddownloadn { margin-left:8px; }
#footer span.mail span.vcarddownloadn a {
	display:block;
	width:16px;
	height:16px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/layout/id_card.png) no-repeat;
}

#footer .left ul  { margin: 10px 0px 0px; }
#footer .left ul li {
	float:left;
	border-right:1px solid #777777;
	margin-right:8px;
	padding-right:8px;
}

#footer .fb a {
  display:block;
	width:17px;
	height:17px;
	overflow:hidden;
	padding:0px;
	text-indent:-9999px;
	background:url(../images/layout/base.gif) no-repeat;
	background-position: right -2px;
}

/* ------------------------------------------------------------------------------------------------- #
*
* First- / Last Child Reset
*
*/

.first,
.first-child {
	margin-left:0 !important;
	padding-left:0 !important;
	border-left:0 !important;
}
.last,
.last-child {
	margin-right:0 !important;
	padding-right:0 !important;
	border-right:0 !important;
}


/* ------------------------------------------------------------------------------------------------- #
*
* Basic Html
*
*/

body {
  	font-family: Arial, Helvetica, sans-serif;
	color:#333333;
}

h1,h2,h3,h4,h5,h6 {
  color: #333333;
  margin: 0 0 15px 0;
	font-weight:normal;
}

h1 {	font-size: 2.1667em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.3333em; }
h4 { font-size: 1.1667em; }
h5 { font-size: 1.1667em; }
h6 { font-size: 1.1667em; }

ul, ol, dl { margin:0 0 15px 0; }
ul { list-style-type:none; }
ul ul { list-style-type:none; margin-bottom:0; }

ol { list-style-type:none; }
ol ol { list-style-type:lower-latin; margin-bottom:0; }

li { margin-left:0; }

.content ul, .content ol, .content dl { margin:0 0 15px 5px; }
.content ul { list-style-type:disc; }
.content ul ul { list-style-type:circle; margin-bottom:0; }

.content ol { list-style-type:decimal; }
.content ol ol { list-style-type:lower-latin; margin-bottom:0; }

.content li { margin-left:0.8em; }

dt { font-weight: bold; }
dd { margin: 0 0 15px 0.8em; }

p { line-height: 1.5em; margin: 0 0 15px 0;}

blockquote, cite, q {
  font-style: italic;
}
blockquote { margin: 0 0 15px 1.5em; }

strong,b { font-weight: bold; }
em,i { font-style: italic; }

big { font-size: 1.1667em; }
small { font-size: 0.91667em; }

pre { line-height: 1.5em; margin: 0 0 15px 0; }
pre, code, kbd, tt, samp, var { font-size: 100%; }
kbd, samp, var, tt { font-weight: bold; }
var, dfn { font-style: italic; }

acronym {
	border-bottom:1px #aaa dotted;
  font-variant:small-caps;
  letter-spacing:0.07em;
  cursor:help;
}

hr {
	color:#fff;
  background:transparent;
  margin:0 0 15px 0;
  padding:0 0 15px 0;
  border:0;
  border-bottom:1px #eee solid;
}

.hr {
	height:1px;
	overflow:hidden;
	background:#e7e7e7;
	color:inherit;
	margin:15px 0;
}
.hr hr {
	position:absolute;
	top:0px;
  left:-32768px;
}

a {
	color:#333333;
	text-decoration:none;
}

a:visited  { color:#333333; }
a:hover,
a:focus,
a:active {
	color:#333333;
	text-decoration:underline;
	outline:0;
}

.content a,
#sidebar a { text-decoration:underline;}
.content a:hover,
#sidebar a:hover { text-decoration:none;}

a[rel^="external"] {
	background: transparent url(../images/content/link_extern.png) 100% 50% no-repeat;
	padding-right: 12px;
}

/* ------------------------------------------------------------------------------------------------- #
*
* Download List
*
*/

.downloads ul {
	margin-left:0px;
}
.downloads ul li {
	min-height:25px;
	list-style-type:none;
	padding-left:30px;
	margin-left:0;
	margin-top:0.8em;
	line-height:1;
	background:url(../images/content/system_icons/icon_download_common.gif) -4px 0.1em no-repeat;
}
.downloads ul li a {
	font-weight:bold;
}
.downloads ul li.pdf {
	background:url(../images/content/system_icons/icon_download_pdf.gif) left 0.1em no-repeat;
}
.downloads ul li.doc {
	background:url(../images/content/system_icons/icon_download_word.gif) left 0.1em no-repeat;
}
.downloads ul li.xls {
	background:url(../images/content/system_icons/icon_download_excel.gif) left 0.1em no-repeat;
}
.downloads ul li.txt {
	background:url(../images/content/system_icons/icon_download_text.gif) left 0.1em no-repeat;
}
.downloads ul li.jpg {
	background:url(../images/content/system_icons/icon_download_image.gif) 1px 0.1em no-repeat;
}
.downloads ul li em {
	display:block;
	font-style:italic;
	margin:0;
	margin-top:0.2em;
	font-size:0.9em;
	line-height:1.1em;
	background-color:inherit;
}

/* ------------------------------------------------------------------------------------------------- #
*
* Tabellen
*
*/

table {
	width:auto;
	border-collapse:collapse;
	margin-bottom:15px;
	border-top:2px #888 solid;
	border-bottom:2px #888 solid;
}
table caption {
	font-variant:small-caps;
}

table.full { width:100%; }
table.fixed { table-layout:fixed; }

th,td { padding:0.5em; }

thead th {
	color:#000;
	border-bottom:2px #800 solid;
}
tbody th {
	background:#e0e0e0;
	color:#333;
}
tbody th[scope="row"], tbody th.sub {
	background:#f0f0f0;
}

tbody th {
	border-bottom:1px solid #fff;
	text-align:left;
}
tbody td {
	border-bottom:1px solid #eee;
}

tbody tr:hover th[scope="row"],
tbody tr:hover tbody th.sub {
	background:#f0e8e8;
}
tbody tr:hover td {
	background:#fff8f8;
}

/* ------------------------------------------------------------------------------------------------- #
*
* Headlines & Colors
*
*/

.headline {
	width:100%;
	margin-bottom:30px;
	background-color:#31618f;
}
.headline.orange,
#orange .headline { background-color:#e08900;}
.headline.pink,
#pink .headline { background-color:#c62e47;}
.headline.violett,
#violett .headline { background-color:#6c3964;}
.headline.turkis,
#turkis .headline { background-color:#00788c;}
.headline.grun,
#grun .headline { background-color:#6d9a26;}
.headline.blau,
#blau .headline { background-color:#31618f;}

.headline h1 {
	margin:0px;
	padding:40px 0px 0px 20px;
	width:560px;
	font-size:5em;
	color:#fff;
}
.headline p {
	margin:0px;
	padding:10px 0px 15px 20px;
	width:580px;
	font-size:1.2em;
	color:#fff;
}

/* Headline Sub-colors */
#orange .content h2,
#orange .content h3 { color:#e08900;}
#pink .content h2,
#pink .content h3 { color:#c62e47;}
#violett .content h2,
#violett .content h3 { color:#6c3964;}
#turkis .content h2,
#turkis .content h3 { color:#00788c;}
#grun .content h2,
#grun .content h3 { color:#6d9a26;}
#blau .content h2,
#blau .content h3 { color:#31618f;}

/* ------------------------------------------------------------------------------------------------- #
*
* Infotip
*
*/

.infotip {
	padding:10px 10px 10px 70px;
	color:#fff;
	margin-bottom:15px;
	min-height:72px;
	background:url(../images/content/infotip_blau.gif) #31618f no-repeat;
	background-position: left top;
}
.infotip p { margin:0px; }
.infotip a { color:#fff; }

#orange .infotip { background:url(../images/content/infotip_surfen.gif) #e08900 no-repeat; }
#pink .infotip { background:url(../images/content/infotip_shoppen.gif) #c62e47 no-repeat; }
#violett .infotip { background:url(../images/content/infotip_werben.gif) #6c3964 no-repeat; }
#turkis .infotip { background:url(../images/content/infotip_programmieren.gif) #00788c no-repeat; }
#grun .infotip { background:url(../images/content/infotip_erledigt.gif) #6d9a26 no-repeat; }
#blau .infotip { background:url(../images/content/infotip_datenkraft.gif) #31618f no-repeat; }


/* ------------------------------------------------------------------------------------------------- #
*
* Facts
*
*/

.facts {
	padding:10px 10px 10px 70px;
	color:#333333;
	margin-bottom:15px;
	min-height:72px;
	background:url(../images/content/facts_datenkraft.png) #EEEEEE no-repeat;
	background-position: left top;
}
.facts li {
	list-style-type: square;
}

.facts p { margin:0px; }
.facts a { color:#000; }

#orange .facts{ background:url(../images/content/facts_orange.gif) #EEEEEE no-repeat; }
#pink .facts { background:url(../images/content/facts_pink.gif) #EEEEEE no-repeat; }
#violett .facts { background:url(../images/content/facts_violett.gif) #EEEEEE no-repeat; }
#turkis .facts { background:url(../images/content/facts_turkis.gif) #EEEEEE no-repeat; }
#grun .facts { background:url(../images/content/facts_grun.gif) #EEEEEE no-repeat; }
#blau .facts { background:url(../images/content/facts_datenkraft.gif) #EEEEEE no-repeat; }

.facts ul{
	margin-top: 15px;
	margin-bottom: 15px;
	margin-right: 15px;
	margin-left: 15px;
}

/* ------------------------------------------------------------------------------------------------- #
*
* Notiz
*
*/

.notiz {
	margin:0px 0px 15px 30px;
	width:180px;
	height:180px;
	background:url(../images/content/notiz_datenkraft.png) no-repeat;
	position: relative;
	float: right;
	z-index: -1;
}


.notiz p {
	padding:45px 20px 0px 20px;
	font-family: 'Rock Salt', cursive;
	overflow: hidden;
	height: 110px;
}


#orange .notiz{ background:url(../images/content/notiz_orange.png) no-repeat; }
#pink .notiz { background:url(../images/content/notiz_pink.png) no-repeat; }
#violett .notiz { background:url(../images/content/notiz_violett.png) no-repeat; }
#turkis .notiz { background:url(../images/content/notiz_turkis.png) no-repeat; }
#grun .notiz { background:url(../images/content/notiz_grun.png) no-repeat; }
#blau .notiz { background:url(../images/content/notiz_datenkraft.png) no-repeat; }

/* ------------------------------------------------------------------------------------------------- #
*
* ../images
*
*/

.image {
	background-color:#e7e7e7;
	padding:15px 0px;
	text-align:center;
	font-size:0.9em;
	margin-bottom:15px;
}
.image img { margin-bottom:8px; }
.image p {
	text-align:left;
	line-height:1.3em;
	margin:5px 0px 0px 15px;
}

.listing .image {
	float:left;
	width:300px;
	margin-right:15px;
	min-height:312px;
}
.listing .image.last {
	margin-right:0px;
}
.image h3 {
	text-align:left;
	margin:0px 0px 5px 15px;
	padding:0px;
	font-size:1.2em;
	font-weight:bold;
	color:#333333 !important;
}

.textlisting .image .left {
	width:275px;
	padding:0px 15px;
	float:left;
}
.textlisting .image .left img {
	margin-bottom:0px;
}
.textlisting .image .right {
	width:280px;
	font-size:1.1em;
	float:left;
	padding:0px 15px 0px 5px;
}
.textlisting .image .right * {
	margin-left:0px !important;
	line-height:1.4em;
}

/* ------------------------------------------------------------------------------------------------- #
*
* Persönlicher Verlauf
*
*/

.verlauf {
	font-size:0.9em;
}
.verlauf h5 {
	font-size:1em;
	line-height:2.2em;
	border-bottom:2px solid #31618f;
}
.verlauf ul { margin:22px 0px 0px; }
.verlauf ul { line-height:2em; }
.verlauf ul em { font-style:normal;}

#orange .verlauf h5 { border-bottom:2px solid #e08900; }
#pink .verlauf h5 { border-bottom:2px solid #c62e47; }
#violett .verlauf h5 { border-bottom:2px solid #6c3964; }
#turkis .verlauf h5 { border-bottom:2px solid #00788c; }
#grun .verlauf h5 { border-bottom:2px solid #6d9a26; }
#blau .verlauf h5 { border-bottom:2px solid #31618f; }


/*** LINK LIST **/
.whatshot h4 {
	text-transform: uppercase;
	font-size: 1em;
}
.whatshot ul {
	line-height:1.5em;
}

/*** Special Table ***/
table.special th {
	text-align:center;
	color:#00549F;
	font-weight:normal;
}
table.special tbody th {
	background-color:#fff;
}
table.special tbody th[scope="row"], table.special tbody th.sub {
	background: none repeat scroll 0 0 #F0F0F0;
}
table.special tbody tr.none th[scope="row"], table.special tbody tr.none th.sub {
	background: none repeat scroll 0 0 #fff;
}
table.special tbody tr.none td {
	border-bottom:1px solid #fff;
}
#orange table.special th { color:#e08900; }
#pink table.special th { color:#c62e47; }
#violett table.special th { color:#c62e47; }
#turkis table.special th { color:#00788c; }
#grun table.special th { color:#6d9a26; }
#blau table.special th { color:#31618f; }

table.special thead th,
table.special th.sub {
	text-align:left;
	color:#333333 !important;
}

#orange table.special thead th { color:#fff !important; }
#pink table.special thead th { color:#fff !important; }
#violett table.special thead th { color:#fff !important; }
#turkis table.special thead th { color:#fff !important; }
#grun table.special thead th { color:#fff !important; }
#blau table.special thead th { color:#fff !important; }

table.special td span.yes {
	background: url("../images/layout/icon_check_green.png") no-repeat scroll 0 0 transparent;
}
#grun table.special td span.yes { background: url("../images/layout/icon_check_green.png") no-repeat scroll 0 0 transparent; }
#blau table.special td span.yes { background: url("../images/layout/icon_check_blue.png") no-repeat scroll 0 0 transparent; }
#pink table.special td span.yes { background: url("../images/layout/icon_check_pink.png") no-repeat scroll 0 0 transparent; }
#turkis table.special td span.yes { background: url("../images/layout/icon_check_turkis.png") no-repeat scroll 0 0 transparent; }
#orange table.special td span.yes { background: url("../images/layout/icon_check_orange.png") no-repeat scroll 0 0 transparent; }
#violett table.special td span.yes { background: url("../images/layout/icon_check_violett.png") no-repeat scroll 0 0 transparent; }

table.special td span {
	display: block;
  height: 12px;
  margin: 0 auto;
  overflow: hidden;
  text-indent: -9999px;
  width: 12px;
}
table.special {
	border:0px;
}
table.special td {
	text-align:center;
	width:60px;
}
table.special thead {
	background-color:#E7E7E7;
}
#orange table.special thead { background-color:#e08900; }
#pink table.special thead { background-color:#c62e47; }
#violett table.special thead { background-color:#6C3964; }
#turkis table.special thead { background-color:#00788c; }
#grun table.special thead { background-color:#6d9a26; }
#blau table.special thead { background-color:#31618f; }

table.special thead th {
	border-bottom: 0px;
	font-size:1.2em;
	font-weight:bold;
}