/* HTML5  Boilerplate
 * ==|== normalize ==========================================================
 */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; font-size: 13px; line-height: 1.231; }
body, button, input, select, textarea { font-family: sans-serif; color: #222; }

::-moz-selection { background: #004D99; color: #fff; text-shadow: none; }
::selection { background: #004D99; color: #fff; text-shadow: none; }

/*
a { color: #00e; }
a:visited { color: #551a8b; }
a:hover { color: #06e; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }
*/

abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; *overflow: visible; }
table button, table input { *overflow: auto; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0f0f0; }

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }


/* ==|== primary styles =====================================================
   Author: R. Horaczek (www.horaczek.net)
   ========================================================================== */
body {
    background: url("../img/background.png") repeat-x scroll 0 0 #004D99;
    color:#222;
    font-family: Verdana,Geneva,sans-serif;
    font-size: 0.75em !important;
    letter-spacing: 0.1em;
    line-height: 1.2em;
    margin: 0 auto;
    padding: 0;
}
label	{
	letter-spacing:1px;
}
input, select,textarea	{
	font-family: Verdana,Geneva,sans-serif;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border-width:1px;
}
button	{
	background: rgb(0,51,102); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(0,51,102,1) 0%, rgba(77.166.255,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,51,102,1)), color-stop(100%,rgba(77.166.255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(0,51,102,1) 0%,rgba(77.166.255,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(0,51,102,1) 0%,rgba(77.166.255,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(0,51,102,1) 0%,rgba(77.166.255,1) 100%); /* IE10+ */
	background: linear-gradient(top, rgba(0,51,102,1) 0%,rgba(77.166.255,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4DA6FF', endColorstr='#003366',GradientType=0 ); /* IE6-9 */
	
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	
	border-width:1px;
	border-color: #FFF #4DA6FF #4DA6FF #FFF;
	color:#FFF;
	padding-top:0.3em;
	padding-bottom:0.3em;
	font-family: Verdana,Geneva,sans-serif;
	text-shadow:grey 1px 1px;
}
h1	{
	line-height:120%;
	color:#004D99;
	font-family: Georgia,"Times New Roman",Times,serif;
	font-style: italic;
    font-weight: normal;
	font-size:220%;
}
a	{
	text-decoration:none;
	color:#004D99 !important;
}
a:hover	{
	color:grey !important;
}
#container	{
	width:70%;
	margin-left:auto;
	margin-right:auto;
	margin-top:0;
	padding-left:5%;
	padding-right:5%;
	padding-top:1.2em;
	padding-bottom:1em;
}
#siteHeader	{
	margin-bottom:3em;
}
body#login #siteHeader	{
	margin-bottom:1em !important;
}
#main	{
	background:#f0f0f0;
	padding:2em;

	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	box-shadow:2px 4px 6px grey;
	margin-bottom:2em;
}
body#login #main,
body#landingpage #main,
body#forgotPassword #main	{
	background:none;
	-moz-border-radius:none;
	-webkit-border-radius:none;
	border-radius:none;
	box-shadow:none;
	margin-bottom:0;
}


/* LOGO */
#logo	{
	float:left;
}
#logo a {
	display:block;
    background: url("../img/logo.aekw-small.gif") no-repeat 0 0 transparent;
    height: 73px;
    margin-top: 1.2em;
    text-indent: -9000px;
    width: 118px;
}

#loginStatus	{
	float:right;
	color:#f0f0f0;
}
#loginStatus p	{
	margin:0;
	padding-top:44px;
}
#loginStatus a	{
	margin-left:2em;
	color:#004D99 !important;
}
#loginStatus a:hover	{
	color:grey !important;
}


/* CONTENT */
body#login article div	{
	background:#FFF;
	float:left;
	width:30%;
	height: 23em;
	overflow:hidden;
	padding-left:2em;
	padding-right:2em;
	padding-top:0em;
	padding-bottom:1em;
	margin-right:4.995%;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	-moz-box-shadow:2px 4px 6px grey;
	-webkit-box-shadow:2px 4px 6px grey;
	box-shadow:2px 4px 6px grey;
}
div.teaserBlock h1	{
	font-size:165% !important;
}
body#login article div:last-child,


body#login article .teaserBlock    {
    position:relative;
}
.moreLink    {
position:absolute;
bottom:0;
right:2em;
}


div.teaserBlock.last	{
	margin-right:0 !important;
}
.ie7 body#login article div	{
	width:29% !important;
}
div.teaserBlock.last figure	{
	width:45%;
	float:right;
}
div.teaserBlock.last figure	{
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
}
.field	{
	background:#FFF;
	margin-bottom:1.5em;
	padding:0.5em;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}
h2.fieldHeader	{
	font-family: Georgia,"Times New Roman",Times,serif;
	font-style: italic;
    font-weight: normal;
	color:#004D99;
	margin-top:0.1em;
}
article h2	{
	font-family: Georgia,"Times New Roman",Times,serif;
	font-style: italic;
    font-weight: normal;
	color:#004D99;
	margin-top:2em;
	line-height:110%;
}
article footer	{
	background:none !important;
	height:auto;
}
article.twoCol	{
	-moz-column-count: 2;
    -moz-column-gap: 6em;
	-webkit-column-count: 2;
    -webkit-column-gap: 6em;
	column-count: 2;
    column-gap: 6em;
	
	-moz-column-rule-color: #CCC;
	-moz-column-rule-style: solid;
	-moz-column-rule-width: 1px;
	-webkit-column-rule-color: #CCC;
	-webkit-column-rule-style: solid;
	-webkit-column-rule-width: 1px;
	column-rule-color: #CCC;
	column-rule-style: solid;
	column-rule-width: 1px;
	
	margin-top:5em;
}
.absencefield	{
	margin-bottom:1.5em;
}
.appointmentBlock	{
	margin-bottom:1.5em;
}
.appointmentBlock header	{
	background:#004D99;
	padding-left:0.5em;
	padding-right:0.5em;
	padding-top:0.3em;
	padding-bottom:0.4em;
	margin-bottom:0.3em;
}
.appointmentBlock header a,
.absenceBlock a	{
	color:#004D99 !important;
}
.appointmentBlock header a:hover,
.appointmentBlock header a:active,
.appointmentBlock header a:focus,
.absenceBlock a:hover,
.absenceBlock a:active,
.absenceBlock a:focus{
	color:#FFF !important;
}
.appointmentTitle,
.absenceTitle	{
	display:block;
	float:left;
	width:60%;
	margin-right:2%;
	font-weight:bold;
	color:grey;
}
.appointmentEdit	{

}
.appointmentDelete,
.absenceDelete	{
	float:right;
}
.attendance	{
	margin-left:4em;
}
a.editAppointmentSeriesBtn,
a.editModalAbsenceBtn,
input.nextBtn,
a.registerBtn	{
	background: #004D99; /* Old browsers */
	background: -moz-linear-gradient(top, rgba(0,51,102,1) 0%, rgba(77.166.255,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,51,102,1)), color-stop(100%,rgba(77.166.255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(0,51,102,1) 0%,rgba(77.166.255,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(0,51,102,1) 0%,rgba(77.166.255,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(0,51,102,1) 0%,rgba(77.166.255,1) 100%); /* IE10+ */
	background: linear-gradient(top, rgba(0,51,102,1) 0%,rgba(77.166.255,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4DA6FF', endColorstr='#003366',GradientType=0 ); /* IE6-9 */
	
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	
	border-width:1px;
	border-color: #FFF #4DA6FF #4DA6FF #FFF;
	color:#FFF !important;
	padding-top:0.3em;
	padding-bottom:0.3em;
	padding-left:2em;
	padding-right:2em;
	font-family: Verdana,Geneva,sans-serif;
	text-shadow:grey 1px 1px;
}
.absenceBlock	{
	background: none repeat scroll 0 0 #004D99;
    margin-bottom:1em;
    padding: 0.3em 0.5em 0.4em;
}
#searchResult	{
	border-color: #FFFFFF #CCCCCC #CCCCCC #FFFFFF;
    -moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
    border-style: solid;
    border-width: 1px;
    margin-bottom: 2em;
    padding: 1em;
}
#searchResult .searchMessage	{
	display:block;
	font-size:90%;
	margin-bottom:1em;
}
.pageBrowser	{
	margin-top:1em;
	font-size:90%;
	text-align:right;
}
#searchResult table	{
	border-bottom:solid 1px #999;
	font-size:90%;
	letter-spacing:0;
	width:100%;
}
#searchResult table thead th	{
	text-align:left;
	border-bottom:solid 1px #999;
}
#searchResult table tbody td	{
	padding-top:2px;
	padding-bottom:2px;
	
}
#searchResult table tbody tr.even td	{
	background:#FFF;
}
.registerBlock	{
	text-align:center;
	margin-top:2em;
}




/* NAVIGATION */
#mainNav	{
	margin-bottom:2em;
	font-family: Georgia,"Times New Roman",Times,serif;
	font-style: italic;
    font-weight: normal;
	color:#FFF;
	padding:3px;
	
	background: rgb(0,51,102); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(0,51,102,1) 0%, rgba(77.166.255,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,51,102,1)), color-stop(100%,rgba(77.166.255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(0,51,102,1) 0%,rgba(77.166.255,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(0,51,102,1) 0%,rgba(77.166.255,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(0,51,102,1) 0%,rgba(77.166.255,1) 100%); /* IE10+ */
	background: linear-gradient(top, rgba(0,51,102,1) 0%,rgba(77.166.255,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4DA6FF', endColorstr='#003366',GradientType=0 ); /* IE6-9 */
}
#mainNav ul li	{
	float:left;
	width:25%;
}
#mainNav ul li a	{
	display:block;
	color:#FFF !important;
	padding-left:3%;
	padding-top:5px;
	padding-bottom:20px;
	width:95%;
	border-style:solid;
	border-width:1px;
	border-color: #004D99 #4DA6FF #4DA6FF #004D99;
	overflow:hidden;
}
#mainNav ul li a:hover,
#mainNav ul li a:active,
#mainNav ul li a:focus,
#mainNav ul li.active a	{
	border-color: #4DA6FF #004D99 #004D99 #4DA6FF;
	color:#DDDDDD !important;
}
#mainNav ul li.active a	{
	cursor:default;
}



/* FORMS */
legend	{
	font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 1.7em;
	color:#004D99;
	font-style: italic;
    font-weight: normal;
    line-height: 1.2em;
	margin-bottom:1em;
}
.formRow,
.btnRow	{
	margin-bottom:0.5em;
	clear:both;
}
.btnRow	{
	text-align:center;
	margin-top:2em;
}
.formRow label,
.combinedLabel	{
	display:blocK;
	float:left;
	color:#004D99;
	width:33.3%;
	margin-right:1.7%;
}
.formRow input,
.formRow select	{
	width:63%;
}
.hiddenLabel	{
	display:none !important;
}
.multiRowLabel	{
	float:none !important;
	Width:100% !important;
	margin-bottom:0.25em;
}
.hiddenLabel	{
	display:none;
}
input#plz	{
	float:left;
	width:15%;
	margin-right:3%;
}
input#ort	{
	width:45%;
}
.no-flexbox input#ort	{
	width:44%;
}
select#kontaktaufnahme	{
	margin-left:35%;
	margin-bottom:2em;
}
.info	{
	margin-left:35%;
	font-size:90%;
	float:left;
}
select#vorlaufDay,
select#vorlaufHour	{
	width:31.5%;
}
.nextBtn,
.saveBtn	{
	padding-left:2em;
	padding-right:2em;
}


.terminbezeichnung	{
	display:block;
	float:left;
	width:40%;
	margin-right:2%
}
.formHeader	{
	margin-bottom:1em;
}
.dauer	{
	display:block;
	float:left;
	width:16%;
	margin-right:2%
}
.infotext	{
	display:block;
	float:left;
	width:40%;
}
#attendance1{
	width:19%;
	margin-right:2%
}
.no-flexbox #attendance1{
	width:18%;
	margin-right:2%
}
#svaonly{
	width:17%;
	margin-right:2%
}

#attendance2,
#attendance3	{
	width:39%;
	margin-right:2%
}
#attendanceTime1,
#attendanceTime2,
#attendanceTime3	{
	width:16%;
	margin-right:2%
}
#attendanceDescription1,
#attendanceDescription2,
#attendanceDescription3	{
	width:39%;
}
.no-flexbox #attendance2,
.no-flexbox #attendance3	{
	width:38%;
	margin-right:2%
}

#main fieldset.left	{
	float:left;
	width:44.5%;
	border-right:solid 1px #999;
	padding-right:5%
}
#main fieldset.right	{
	float:right;
	width:44.5%;
	border-right:none;
	padding-left:5%;
	
}

/* Login Form */
#loginForm	{
	margin-top:5em;
	margin-bottom:5em;
	margin-left:auto;
	margin-right:auto;
	background:#f0f0f0;/*f0f0f0;*/
	width:50%;
	padding-left:2em;
	padding-right:2em;
	padding-top:1em;
	padding-bottom:1em;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	box-shadow:2px 4px 6px grey;
}
#loginForm label	{
	display:blocK;
	float:left;
	color:#004D99;
	width:33.3%;
	margin-right:1.7%;
}
#loginForm input	{
	width:63%;
}
#loginForm button	{
	margin-left:34.6%;
	width:64.4%;
}
#loginForm .info a	{
	color:#004D99;
	text-decoration:none;
}
#loginForm .info a:hover	{
	color:#999;
}

/* Forgot Password Form */
body#forgotPassword article .teaserBlock	{
	background:#FFF;
	float:left;
	width:47.5%;
	height: 30em;
	overflow:hidden;
	padding-left:2em;
	padding-right:2em;
	padding-top:1em;
	padding-bottom:1em;
	margin-right:5%;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	box-shadow:2px 4px 6px grey;
}
body#forgotPassword article div:last-child	{
	margin-right:0;
}
body#forgotPassword form#pwForm	{
	margin-top:2em;
}
body#forgotPassword form#pwForm legend	{
	display:none;
}
body#forgotPassword form#pwForm .formRow	{
	width:100%;
}
body#forgotPassword form#pwForm .formRow button	{
	margin-left:35%;
	width:63%;
}

/* Appointment Form */
#appointmentForm fieldset	{
	border-style:solid;
	border-width:1px;
	border-color:#FFF #CCC #CCC #FFF;
	margin-bottom:2em;
	padding:1em;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}
#appointmentForm legend	{
	margin-bottom:0;
}

/* AGB Form */
#agbForm	{
	margin-top:2em;
}
#agbForm legend	{
	display:none;
}
#acceptAgb	{
	margin-right:1em;
}

/* Appointment Series Form */
#AppointmentSeriesForm .formRow	{
	margin-bottom:1em;
	margin-left:2em;
}
#AppointmentSeriesForm label,
#AbsenceForm label	{
	float:none;
	display:inline;
	margin-right:0;
}
.timeSpan	{
	color:#666;
	margin-left:2em;
}
#attendancesBlock	{
	border-color: #FFFFFF #CCCCCC #CCCCCC #FFFFFF;
    -moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
    border-style: solid;
    border-width: 1px;
    margin-bottom: 2em;
    padding: 1em;
}
#attendancesBlock legend	{
	display:none;
}
#attendancesBlock p	{
	margin-top:0;
}
#AppointmentSeriesForm .btnRow .abortBtn,
#AbsenceForm .btnRow .abortBtn	{
	float:left;
}
#AppointmentSeriesForm .btnRow .saveBtn,
#AbsenceForm .btnRow .saveBtn	{
	float:right;
}

/* Search Form */
#searchForm fieldset	{
	border-color: #FFFFFF #CCCCCC #CCCCCC #FFFFFF;
    -moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
    border-style: solid;
    border-width: 1px;
    margin-bottom: 2em;
    padding: 1em;
}
#searchForm legend	{
	margin-bottom:0;
}
#searchForm label	{
	float:none;
	display:inline;
	width:auto;
	margin-right:0.5em;
}
#searchForm input#attendanceFrom,
#searchForm input#attendanceTo, #timeRecordingBlock input	{
	width:6.5em;
	margin-right:0.5em;
}
#searchForm #searchDateBlock, #timeRecordingForm #timeRecordingBlock	{
	float:left;
}
#searchForm #searchOtherParameterBlock	{
	float:right;
}
#searchForm .searchBtn, #timeRecordingForm .insertBtn	{
	font-size:90%;
	letter-spacing:0;
	padding-top:0.15em;
	padding-bottom:0.15em;
}

/* Doc Search Form */
#docSearchForm fieldset	{
	border-color: #FFFFFF #CCCCCC #CCCCCC #FFFFFF;
    -moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
    border-style: solid;
    border-width: 1px;
    margin-bottom: 2em;
    padding: 1em;
}
#docSearchForm legend	{
	margin-bottom:0;
}
#docSearchForm #docBlock	{
	width:80%;
	float:left;
}
#docSearchForm #searchOtherParameterBlock	{
	float:right;
	padding-top:0.8em;
}
#docSearchForm .formRow, #timeRecordingBlock .formRow{
	float:left;
	clear:none;
	width:25%;
}
#docSearchForm label{
	width:auto;
	float:none;
	display:block;
}
#timeRecordingBlock label, #searchBlock label{
	width:auto;
	float:none;
	display:inline;
}
#docSearchForm input{
	width:90%;
	display:inline;
}
#timeRecordingBlock input, #searchBlock input{
	width:100px;
	display:inline;
}
#timeRecordingBlock select, #searchBlock select{
	width:auto;
	display:inline;
}
#DocIdentification	span.docName	{
	font-weight:bold;
	margin-right:2em;
}
#DocIdentification label	{
	width:auto;
	float:none;
	display:inline;
}
#DocIdentification input#docPwd	{
	width:12em;
	margin-left:1em;
}
#DocIdentification input#docPwdAproved	{
	width:auto;
	margin-right:0.5em;
	margin-left:18em;
}
div.pageBrowserForward{
	float:right;
}

/* BANNER */
#mednannydocBanner	{
	margin-top:3em;
}


/* MODAL BOXES */
#modalAgb	{
	width:50em;
	padding:1.5em;
	background:#f0f0f0;
}
#modalAppointmentSeries	{
	width:34em;
	padding:1.5em;
	background:#f0f0f0;
}
#modalAbsence	{
	padding:1.5em;
	background:#f0f0f0;
}
#modalDocIdentification	{
	padding:1.5em;
	background:#f0f0f0;
	width:40em;
}

/* FOOTER */
footer	{
	background: url("../img/logo.mednanny.png") no-repeat right 8px transparent;
	padding-top:10px;
	padding-bottom:10px;
	height:15px;
}

footer nav ul li	{
	float:left;
	margin-right:2em;
}
footer nav a	{
	color:#FFF !important;
	text-decoration:none;
}
footer nav a:hover	{
	color:grey !important;
}


/* MODAL BOXES */
#modalBoxes,
.fancyLink	{
	display:none;
}



/* ==|== non-semantic helper classes ======================================== */
.clear	{ clear: both; }
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }


/* ==|== media queries ====================================================== */

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


}

@media only screen and (max-width: 800px) {
	article.twoCol	{
	-moz-column-count:1;
	-webkit-column-count:1;
	column-count:1;
	}

}



/* ==|== print styles ======================================================= */
 
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } 
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } 
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}

/* STYLES FÜR FIXES LAYOUT */
body#login #container    {
    width:80% !important;
    padding-left:0 !important;
    padding-right:0 !important;
}
body#login #main    {
    width:790px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding-top:2em !important;
    padding-bottom:2em !important;
    padding-left:0 !important;
    padding-right:0 !important;

}
body#login article .teaserBlock    {
    position:relative;
    width:250px !important;
    height: 285px !important;
    margin-right:20px;
}

#paging{
text-align:center;
font-size:80%;
}