/*------------------------------- screen START ---------------------------------------*/
@media screen {
/*------------------------------- screen START ---------------------------------------*/
/*-------------------------------------------------------------------------------------
	*
	*	@copyright:_________2009, H2OK Webentwicklung
	*	@link:______________http://www.h2ok.de
	*	@author:____________Oliver Hook
	*	@function:__________site style settings
	*
	*	@version:___________1.0
	*
--------------------------------------------------
	*
	*	COLOR SCHEME
	*
	*-- GLOBAL ---------------------------
	*	Body Background:____________#EEF0F2

	*-- TEXT -----------------------------
	*	Text Copy, Hd, SHd:_________#6e7782
	*	Text Footnote:______________#FFFFFF

	*-- INTERACTION ----------------------
	*	Links, Icons:_______________#003366
	*	Links Hover:________________#EC8000

	*-- GRAFIC ---------------------------
	*	Meta, MN Level 0 (active):__#AFB4BA
	*	Lines:______________________#DDDDDD
	*	Tab Header:_________________#F8F8F8
	*	BG Mainnav, Flyout:_________#ECECEC
	*	Highlight Icons:____________#EFAA22
	*
-------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------*/
/*-----|| reset browser defaults ||--------------------------------------------------*/
/*-----------------------------------------------------------------------------------*/
* { /* resets all predefined values to 0 */
	margin:0;
	padding:0;
}
body {
	padding:3px 0 20px 10px;
	font-size:62.5%;
	background:#fbfcfb url(images/rapBody.jpg);
}


table {
	border-collapse:collapse;
	border-spacing:0;
}
iframe {
	border:none;
}
fieldset, img, abbr, acronym {
	border:0;
}
abbr, acronym {
	border-bottom:1px dotted;
}
address, caption, cite, code, dfn, em, var {
	font-style:normal;
	font-weight:normal;
}
ol, ul {
	list-style:none;
}
caption, th {
	text-align:left;
}
q:before, q:after {
	content:'';
}
a:focus { /* prevents ugly (but maybe useful) outlining on focus */
	outline:none;
}
embed:focus, object:focus { /* prevents ugly (but maybe useful) outlining on focus */
	outline:none;
}
img, embed, object, header, footer, section, nav, aside, article, time, legend {
	display:block;
}
/*-----------------------------------------------------------------------------------*/
/*-----|| predefined styles ||-------------------------------------------------------*/
/*-----------------------------------------------------------------------------------*/
.clear { /* clearing floats within html-code about the <br /> tag */
	clear:both;
	height:0;
	font-size:0;
}
.clearfix:after { /* clearfix-method without additional markup. needs surrounding element. */
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {
	display:block;
}
hr { /* hr is invisile, but visible in print-view */
	display:none;
}
.invisible { /* makes elements invisible but readable */
	position:absolute;
	left:-1000em;
}
.divider {
	clear:both;
	margin:0 0 20px 0;
	height:1px;
	font-size:1px;
	line-height:1px;
	border-top:1px dotted #d76a6a;
}
/*-----------------------------------------------------------------------------------*/
/*-----|| global font definitions ||-------------------------------------------------*/
/*-----------------------------------------------------------------------------------*/
* { /* basic font family/groundcolor */
	/*font-family:Tahoma, Arial, Helvetica, sans-serif;*/
	font-family:Georgia,"Times New Roman", Times, serif;
}
a { /* basic link groundcolor */
	padding:0 2px;
	text-decoration:underline;
	color:#6e7782;
}
a:hover, a:active, a:focus { /* basic link hover color */
	color:#fff;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	background-color:#6e7782;
	text-decoration:none;
}

#tweetThis:hover, #tweetThis:focus, #tweetThis:visited {
	background:none;
}
.lnIcon {
	float:left;
	margin-right:10px;
	padding:4px 4px 4px 16px;
	background:url(images/icons.png) no-repeat;
	text-decoration:none;
}
p .lnIcon, address .lnIcon,ul .lnIcon {
	float:none;
	margin-right:0;
	padding:0 4px 0 16px;
	background-image:url(images/icons.png);
	background-repeat: no-repeat;
	text-decoration:underline;
}
.lnIcon:hover, .lnIcon:focus, .lnIcon:active { 
	text-decoration:none;
}
.lnTypeMore {
	background-position:2px 9px;
}
.lnTypeBack {
	background-position:2px -21px;
}
.lnTypeDown {
	background-position:2px -52px;
}
.lnTypeUp {
	background-position:2px -82px;
}
.lnTypeExt {
	background-position:2px -113px;
}
address .lnTypeXing {
	padding-left:18px;
	background-position:2px -146px;
}
address .lnTypeMail{
	padding-left:18px;
	background-position:2px -174px;
}
address .lnTypeTwitter{
	padding-left:18px;
	background-position:2px -206px;
}
p .lnTypeExt, ul .lnTypeExt {
	white-space:nowrap;
	background-position:2px -115px;
}
p.pgMore .lnTypeExt {
	background-position:2px -112px;
}
p.pgMore .lnTypeMore {
	background-position:2px 9px;
}
p .lnTypeMore {
	background-position:2px 6px;
}
p.pgBack a.lnTypeBack {
	background-position:2px -26px;
}
h1 {
	font-size:2.6em;
	margin-bottom:30px;
	margin-left:-5px;
	padding:4px 5px;
	color:#d76a6a;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	font-variant:small-caps;
    background:url(images/rapXBox.png) 0 0 repeat-x;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	text-shadow:2px 2px 3px #BBBBBB;
}
h2 {
	padding-top:20px;
	margin-bottom:20px;
	font-size:2em;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	color:#6e7782;
	font-weight:normal;
	font-variant:small-caps;
	text-shadow:2px 2px 3px #BBBBBB;
}
h3 {
	margin-bottom:10px;
	padding-top:10px;
	font-size:1.5em;
	color:#6e7782;
}
h4 {
	margin-bottom:5px;
	font-size:1.5em;
	color:#6e7782;
}
p, address {
	margin-bottom:15px;
	font-size:1.5em;
	color:#6e7782;
	line-height:20px;
}
.lnListExt {
	margin-bottom:15px;
}
.lnListExt li a {
	float:none;
	margin-right:0;
	padding:0 4px 0 16px;
	background-image:url(images/icons.png);
	background-repeat:no-repeat;
	background-position:2px -117px;
	text-decoration:none;
	font-size:1.5em;
	line-height:20px;
}
.lsTxt {
	margin-bottom:15px;
	font-size:1.5em;
	color:#6e7782;
	line-height:20px;
	list-style-type:square;
	list-style-position:outside;
	margin-left:15px;
}

/*-----------------------------------------------------------------------------------*/
/*-----|| global form definitions ||-------------------------------------------------*/
/*-----------------------------------------------------------------------------------*/


/*-----------------------------------------------------------------------------------*/
/*-----|| document ||----------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------*/
#dcCont { /* document container */
	width:960px;
	margin:0 auto; 
}

/*-----------------------------------------------------------------------------------*/
/*-----|| header ||------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------*/
#hdCont { /* header  container */
	position:relative;
	margin-bottom:10px;
	padding:3px;
	background-color:#FFF;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #959ca3;
	box-shadow: 3px 1px 7px #959ca3;
	-moz-box-shadow: 3px 1px 7px #959ca3;
	-webkit-box-shadow: 3px 1px 7px #959ca3;
}
#hdCont .ct {
	height:114px;
	background:url(images/rapX.png) repeat-x;
}
#tweetThis {
	position:absolute;
	z-index:99;
	right:-90px;
	top:35px;
}
#logo {
	position:absolute;
	left:20px;
	top:20px;
	width:122px;
	height:66px;
	text-indent:-9999em;
	background:#FFF url(images/ciLogo.png) no-repeat;
	box-shadow: 0 0 7px #959ca3;
	-moz-box-shadow: 0 0 7px #959ca3;
	-webkit-box-shadow: 0 0 7px #959ca3;
}
#ciHead {
	position:absolute;
	right:0;
	bottom:3px;
	width:100px;
	height:116px;
	-moz-opacity:0.7;
	opacity:0.7;
}
#lnHdHome {
	padding:0;
}
/*-----------------------------------------------------------------------------------*/
/*-----|| main nav ||------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------*/
#mnCont { /* main navigation  container */
	background-color:#959ca3;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	box-shadow: 3px 1px 7px #959ca3;
	-moz-box-shadow: 3px 1px 7px #959ca3;
	-webkit-box-shadow: 3px 1px 7px #959ca3;
}
#mnCont ul { /* main navigation */
	padding:2px;
}
#mnCont ul li { 
	float:left;
	margin-right:2px;
}
#mnCont ul .login { 
	float:right;
	margin-right:0;
}
#mnCont ul li a, #mnCont ul li span { 
	display:block;
	padding:8px 15px;
	font-size:1.8em;
	color:#FFF;
	font-weight:bold;
	font-family:Georgia, "Times New Roman", Times, serif;
	text-decoration:none;
	font-variant:small-caps;
	text-shadow:2px 2px 3px #BBBBBB;
}
#mnCont ul li a:hover, #mnCont ul li span, #mnCont ul li.trail a {
	background-color:#e8ecf1;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	color:#6e7782;
}
#mnCont ul li span, #mnCont ul li.trail a {
	background-color:#FFF;
}
/*-----------------------------------------------------------------------------------*/
/*-----|| content ||-----------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------*/
#ctSrd { /* surrounding content elements */
	padding-top:10px;
	margin-bottom:10px;
}
#ctCont { /* content container */
	float:left;
	width:670px;
	background-color:#FFF;
	border:1px solid #959ca3;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	box-shadow: 3px 1px 7px #959ca3;
	-moz-box-shadow: 3px 1px 7px #959ca3;
	-webkit-box-shadow: 3px 1px 7px #959ca3;
}
#ctCont .ct { /* contentbox inside content */
	padding:30px 30px 20px 30px;
}
.ct2Col {
	float:left;
	width:360px;
}
#mySelf {
	margin:0 0 20px 0;
	float:right;
	box-shadow: 3px 1px 7px #959ca3;
	-moz-box-shadow: 3px 2px 7px #959ca3;
	-webkit-box-shadow: 3px 1px 7px #959ca3;
}
/*-----|| media box overview ||-----*/
.mediaOvSrd {
	float:left;
	width:196px;
	margin:0 11px 11px 0;
	border-top:3px double #959ca3;
}
.mediaBlockSrd > :nth-of-type(3) {
	/*margin-right:0;*/
}
.mediaOvSrd:nth-child(3n) {
	margin-right:0;
}
.rowLast {
	margin-right:0;
}
.mediaOvSrd .mediaBoxNav {
	padding:5px;
	background-color:#6e7782;
}
.mediaOvSrd p {
	margin-bottom:0;
}
.mediaOvSrd .pgMore {
	float:right;
}
.mediaOvSrd .pgMore a {
	padding:4px 4px 4px 16px;
	text-decoration:none;
	background:url(images/icons.png) 2px 9px no-repeat;
}
.mediaOvSrd .pgMore a:hover, .mediaOvSrd .pgMore a:focus {
	background-color:#FFF;
	color:#6e7782;
}
.mediaOvSrd .mediaBoxNav .jvmID, .mediaOvSrd .mediaBoxNav .h2okID {
	float:left;
	margin:-1px 0 -1px 0;
	width:20px;
	height:20px;
	background:url(images/ciLogoJvmn.png) no-repeat;
	text-indent:-9999em;
}
.mediaOvSrd .mediaBoxNav .h2okID {
	background:url(images/ciLogoH2okS.png) no-repeat;
}
.mediaOvSrd .mediaBoxNav .jvmID:hover {
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	border-radius:0px;
}
.mediaOvSrd .mediaBoxCont {
	position:relative;
	width:194px;
	height:auto;
	border:1px solid #959ca3;
}
.mediaOvSrd .mediaBoxShadow {
	/*position:absolute;
	z-index:3;
	left:0;
	top:0;
	width:194px;
	height:127px;
	box-shadow:inset 3px 1px 7px #959ca3;
	-moz-box-shadow:inset 0px 0px 7px #959ca3;
	-webkit-box-shadow:inset 3px 1px 7px #959ca3;*/
}
.mediaOvSrd .mediaBoxCont a {
	padding:0;
	display:block;
}
.mediaOvSrd * {
	color:#FFF;
}
.mediaOvSrd .mediaTxtBox {
	position:relative;
	padding:5px;
	background-color:#fff;
	background-color:#6e7782;
	min-height:50px;
}
.mediaOvSrd .mediaTxtBox h3 {
	margin-bottom:0;
	padding-top:0;
	font-size:1.1em;
}
.mediaOvSrd .mediaTxtBox h3 span {
	font-weight:normal;
}
.mediaOvSrd .mediaTxtBox p {
	position:absolute;
	left:5px;
	bottom:3px;
	font-size:1.1em;
}
.mediaOvSrd .lnIcon:hover, .mediaOvSrd .lnIcon:focus, .mediaOvSrd .lnIcon:active { 
	background-color:#FFF;
	color:#6e7782;
}

/*-----|| media box detail ||-----*/
.mediaBoxSrd {
	margin-bottom:20px;
	padding-bottom:5px;
	border-top:3px double #959ca3;
	border-bottom:3px double #959ca3;
	/*background:url(images/rapMediaBox.png);*/
}
.mediaBoxSrd h3 {
	padding:5px;
	font-size:1.5em;
	margin-bottom:5px;
	/*background:#FFF url(images/rapMediaBox.png) repeat-x;*/
}
.mediaBoxSrd h3 span {
	font-weight:normal;
}
.mediaBoxSrd .mediaBox {
	width:610px;
	overflow:hidden;
	margin-bottom:5px;
	/*-moz-box-shadow: 1px 1px 7px rgb(140, 151, 164);*/
}
.mediaBoxSrd .mediaBoxNav {
	position:relative;
	padding:5px;
	margin-bottom:5px;
	min-height:22px;
	background-color:#6e7782;
}
.mediaBoxSrd .back {
	float:left;
	margin-bottom:0;
	line-height:normal;
}
.mediaBoxSrd  .next {
	float:right;
	margin-bottom:0;
	line-height:normal;
}
.mediaBoxSrd .view_all {
	position:absolute;
	margin-bottom:0;
	left:50%;
	width:160px;
	margin-left:-80px;
	top:7px;
	color:#FFF;
}
.mediaBoxSrd .view_all a {
	padding:4px 4px 4px 16px;
	color:#FFF;
	margin:0;
	float:none;
	text-decoration:none;
}
.mediaBoxSrd .back a, .mediaBoxSrd .next a {
	display:none;
	padding:4px 4px 4px 16px;
	color:#FFF;
	margin:0;
	float:none;
	text-decoration:none;
}
.mediaBoxSrd .lnIcon:hover, .mediaBoxSrd .lnIcon:focus, .mediaBoxSrd .lnIcon:active { 
	background-color:#FFF;
	color:#6e7782;
}
.jsLoad .mediaBoxSrd .mediaBoxCont {
	height:400px;
}
.mediaBoxSrd .mediaBoxCont {
	position:relative;
	width:608px;
	height:auto;
	overflow:hidden;
	border:1px solid #959ca3;
}
.mediaBoxSrd  .mediaBoxShadow {
	position:absolute;
	z-index:3;
	left:0;
	top:0;
	width:608px;
	height:400px;
	box-shadow:inset 3px 1px 7px #959ca3;
	-moz-box-shadow:inset 0px 0px 7px #959ca3;
	-webkit-box-shadow:inset 3px 1px 7px #959ca3;
}
.jsLoad .mediaBoxSrd .mediaBox ul {
	height:400px;
}
.mediaBoxSrd .mediaBox ul {
	position:absolute;
	height:auto;
	left: 0;
	z-index:2;
}
.mediaBoxSrd .mediaBox ul li {
	position:relative;
	float:left;
	width:615px;
	margin-bottom:10px;
}
.mediaBoxSrd .mediaBox ul li:last-child {
	margin-bottom:0;
}
.mediaBoxSrd .mediaBox ul li img {
	margin-right:5px;
}
.mediaBoxSrd .mediaTxtBox {
	position:relative;
	padding:5px;
	background-color:#fff;
	background-color:#6e7782;
}
.mediaBoxSrd .mediaTxtBox * {
	color:#FFF;
	text-decoration:none;
}
.mediaBoxSrd .pgMore .lnIcon {
	padding:4px 4px 4px 16px;
	text-decoration:none;
	line-height:normal;
	margin-right:10px;
}
.mediaBoxSrd .lnIcon:hover, .mediaBoxSrd .lnIcon:focus, .mediaBoxSrd .lnIcon:active { 
	background-color:#FFF;
	color:#6e7782;
}
.mediaBoxSrd .mediaTxtBox .pgMore .lnIcon {
	float:left;
}
/*-----|| blog box ||-----*/
.blogBoxSrd {
	margin-bottom:20px;
}
.blogBoxCont {
	position:relative;
	margin-bottom:15px;
	border:1px solid #959ca3;
	overflow:hidden;
}
.blogBoxCont  .mediaBoxShadow {
	position:absolute;
	z-index:3;
	left:0;
	top:0;
	width:608px;
	height:200px;
	box-shadow:inset 3px 1px 7px #959ca3;
	-moz-box-shadow:inset 0px 0px 7px #959ca3;
	-webkit-box-shadow:inset 3px 1px 7px #959ca3;
}
.blogBoxSrd .pgMore .lnIcon {
	padding:4px 4px 4px 16px;
	text-decoration:none;
	line-height:normal;
	margin-right:10px;
}
.comSrd {
	margin-bottom:30px;
}
.comInfoSrd {
	position:relative;
	padding:5px;
	margin-bottom:5px;
	background-color:#6e7782;
}
.gravatar {
	float:left;
	width:30px;
	margin-right:10px;
}
.blogBoxSrd object {
	margin:0 auto 20px auto;
}
.pgMandat {
	
}
.comInfoSrd p {
	float:left;
	width:500px;
	color:#FFF;
	margin-bottom:0;
}
.comInfoSrd p a {
	color:#FFF;
	text-decoration:none;
}
.comInfoSrd .lnIcon:hover, .comInfoSrd .lnIcon:focus, .comInfoSrd .lnIcon:active { 
	background-color:#FFF;
	color:#6e7782;
}
.formbody {
	clear:both;
	margin-bottom:20px;
}
.formbody .widget {
	position:relative;
	padding:0 0 4px 0;
	margin-bottom:5px;
}
.formbody input {
	padding:3px 5px;
	width:350px;
	font-size:1.5em;
	color:#6e7782;
}
.formbody textarea {
	padding:3px 5px;
	width:590px;
	height:200px;
	font-size:1.5em;
	color:#6e7782;
}
.formbody label, .formbody .widget .captcha_text {
	width:200px;
	font-size:1.5em;
	color:#6e7782;
	padding-left:10px;
}
.formbody span.mandatory {
	font-size:1.5em;
	color:#6e7782;
}
.widget p.error {
	margin-bottom:0;
	color:#d76a6a;
}
.widget input.error {
	border:1px solid #d76a6a;
}
.formbody .submit_container {

	
}
.formbody .submit_container input {
	float:none;
	width:auto;
	display:inline;
	padding:3px 5px;
	background-color:#6e7782;
	color:#FFF;
	font-size:1.5em;
	font-weight:bold;
	border:none;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	box-shadow: 3px 1px 7px #959ca3;
	-moz-box-shadow: 3px 1px 7px #959ca3;
	-webkit-box-shadow: 3px 1px 7px #959ca3;
	cursor:pointer;
}
#logoCont {
	margin-bottom:20px;
}
#logoCont img {
	float:left;
	margin:0 5px 5px 0;
	box-shadow: 3px 1px 7px #959ca3;
	-moz-box-shadow: 3px 1px 7px #959ca3;
	-webkit-box-shadow: 3px 1px 7px #959ca3;
}
#logoCont img:nth-child(5n) {
	margin-right:0;
}

/*-----------------------------------------------------------------------------------*/
/*-----|| slot ||--------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------*/
#slCont { /* slot container */
	float:right;
	width:270px;
	background-color:#FFF;
	border:1px solid #959ca3;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	box-shadow: 3px 1px 7px #959ca3;
	-moz-box-shadow: 3px 1px 7px #959ca3;
	-webkit-box-shadow: 3px 1px 7px #959ca3;
}
#slCont .ct { /* contentbox inside slot */
	padding:20px 20px;
}
#slCont h3 { 
	margin-bottom:20px;
	font-size:2em;
	color:#6e7782;
	font-weight:normal;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	font-variant:small-caps;
	text-shadow:2px 2px 3px #BBBBBB;
}
#slCont address {
	padding:20px;
	margin:-20px -20px 0 -20px;
	background:url(images/rapXBox.png) 0 bottom;
}
#feedBoxSrd {
	padding:5px;
	margin-bottom:20px;
	background-color:#959ca3;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	box-shadow: 3px 1px 7px #959ca3;
	-moz-box-shadow: 3px 1px 7px #959ca3;
	-webkit-box-shadow: 3px 1px 7px #959ca3;
}
#feedBoxSrd a {
	display:block;
	font-size:1.5em;
	padding:2px 0 2px 20px;
	background:url(images/feed-icon-14x14.png) 2px 2px no-repeat;
	color:#FFF;
	text-decoration:none;
}
#feedBoxSrd a:hover {
	background-color:#FFF;
	color:#6e7782;
}

.jsLoad #tweetCont {
	min-height:315px;
}
#tweetCont ul {
	margin-bottom:20px;
}
#tweetCont li {
	clear:both;
	margin-bottom:10px;
	font-size:1.1em;
	color:#6e7782;
	line-height:14px;
}
#tweetCont .tweet_avatar {
	padding:0;
	float:left;
	border:1px solid #959ca3;
	margin:3px 5px 20px 0;
}
/*-----------------------------------------------------------------------------------*/
/*-----|| footer ||------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------*/
#ftCont { /* footer container */
	padding:3px;
	background-color:#FFF;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #959ca3;
	box-shadow: 3px 1px 7px #959ca3;
	-moz-box-shadow: 3px 1px 7px #959ca3;
	-webkit-box-shadow: 3px 1px 7px #959ca3;
}
#ftCont .ct {
	padding:2px 10px;
	height:20px;
	background-color:#959ca3;
}
#ftCont .ct p {
	color:#FFF;
}

/*------------------------------- screen END ----------------------------------------*/
}
/*------------------------------- screen END ----------------------------------------*/

/*------------------------------- print START ---------------------------------------*/
@media print {
/*------------------------------- print START ---------------------------------------*/

/*-----------------------------------------------------------------------------------*/
/*-----|| reset browser defaults ||--------------------------------------------------*/
/*-----------------------------------------------------------------------------------*/
* { /* resets all predefined values to 0 */
	margin:0;
	padding:0;
}
body {
	background:#fff !important;
}
table { 
	border-collapse:collapse;
	border-spacing:0;
}
fieldset, img, abbr, acronym {
	border:0;
}
address, caption, cite, code, dfn, em, var {
	font-style:normal;
	font-weight:normal;
}
caption, th {
	text-align:left;
}
/*-----------------------------------------------------------------------------------*/
/*-----|| predefined styles ||-------------------------------------------------------*/
/*-----------------------------------------------------------------------------------*/
.clear { /* clearing floats within html-code about the <br /> tag */
	clear:both;
	height:0;
	font-size:0; 
}
.clearfix:after { /* clearfix-method without additional markup. needs surrounding element. */
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {
	display:block;
}
hr { 
	clear:both;
	display:block;
	margin:15px 0;
	height:1px;
	line-height:1px;
	font-size:1px;
}
.invisible { /* makes elements invisible but readable */
	position:absolute;
	left:-1000em; 
}
/*-----------------------------------------------------------------------------------*/
/*-----|| hide areas ||--------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------*/
#loremipsum {
	display:none;
}
/*-----------------------------------------------------------------------------------*/
/*-----|| global font definitions ||-------------------------------------------------*/
/*-----------------------------------------------------------------------------------*/
* { /* basic font family/groundcolor */
	color:#000;
	font:12pt Georgia, "Times New Roman", serif; /* Zeichensatz auf Serifen umstellen */
	/*quotes: "\201E" "\201C" "\201A" "\2018";*/
}
h1, h2, h3, h4, h5, h6 { /* no page-break after headings */
	page-break-after:avoid; 
}
a:link, a:visited, a:active, a:focus { /* basic link groundcolor */
	text-decoration:underline;
}
a[href]:after { /* set urls visible after links --> modern browsers */
	content:" <"attr(href)">"; 
	background-color:inherit;
	color:#369; 
	font-style:italic;
}
abbr[title]:after, acronym[title]:after { /* set text of acronyms visible --> modern browsers */
	content:'(' attr(title) ')';
	background-color:inherit;
	color:#369; 
	font-style:italic; 
}
*[cite]:after {
	content:close-quote" (Quelle: "attr(cite)")";
}
q:before, blockquote:before {
	content:open-quote;
}
q:after, blockquote:after {
	content:close-quote;
}
/*-----------------------------------------------------------------------------------*/
/*-----|| document ||----------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------*/
#dcCont {
	width:100% !important;
	margin:0 !important;
	padding:0 !important; 
}
/*-----------------------------------------------------------------------------------*/
/*-----|| content ||-----------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------*/
#ctCont {
	
}
/*-----|| main content - basic font settings ||-----*/
#ctCont h1 {

}
/*------------------------------- print END -----------------------------------------*/
}
/*------------------------------- print END -----------------------------------------*/