@font-face {
	font-family : 'The Sans OS';
	src         : url('/assets/font/thesansosf-extrabolditalic-webfont.eot');
	src         : url('/assets/font//thesansosf-extrabolditalic-webfont.eot?#iefix') format('embedded-opentype'), url('/assets/font/thesansosf-extrabolditalic-webfont.woff') format('woff'), url('/assets/font/thesansosf-extrabolditalic-webfont.ttf') format('truetype'), url('/assets/font/thesansosf-extrabolditalic-webfont.svg#thesansosfextrabold_italic') format('svg');
	font-weight : normal;
	font-style  : normal;
}

* {
	margin         : 0;
	padding        : 0;
	outline        : none;
	vertical-align : baseline;
}

html, body {
	height : 100%;
}

body {
	font-family : Arial, Helvetica, sans-serif;
	color       : #222;
	font-size   : 13px;
	line-height : 17px;
}

a {
	font-family     : Arial, Helvetica, sans-serif;
	color           : #222;
	font-weight     : bold;
	text-decoration : underline;
}

a:hover, a:focus, a:active {
	text-decoration : none;
}

a img {
	border : none;
}

:active, :focus, input {
	outline : none;
}

input[type=submit]::-moz-focus-inner {
	border : 1px dotted transparent;
}

h1, h2, h3 {
	font-family : "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	font-weight : normal;
	font-style  : italic;
}

h1 {
	font-size        : 30px;
	line-height      : 36px;
	color            : #fff;
	background-color : #e88300;
}

h1 span {
	background-color : #e88300;
	padding          : 2px 10px 4px 8px;
}

h2 {
	font-size   : 20px;
	line-height : 24px;
	color       : #e88300;
}

h3 {
	font-size : 13px;
}

p {
	padding : 0 0 1.5em 0;
}

hr {
	display    : block;
	overflow   : hidden;
	background : transparent url(../img/dotline_gray.gif) repeat-x top left;
	height     : 1px;
	width      : 100%;
	clear      : both;
	color      : transparent;
	margin     : 10px 0;
}

label {
	cursor : pointer;
}

fieldset {
	border : none;
}

iframe {
	border : 0;
}

/* --HEADER-- */
.header {
	height     : 98px;
	width      : 980px;
	background : transparent url(../img/bg_menu_shadow.gif) no-repeat 200px 0;
	position   : relative;
	margin-top : 5px;
}

.header a.haefft_logo {
	position        : absolute;
	top             : 10px;
	left            : 18px;
	z-index         : 999;
	text-decoration : none;
}

/* --search & login-- */

.header .SearchLoginBox {
	position    : absolute;
	top         : 20px;
	left        : 755px;
	width       : 212px;
	padding-top : 45px;
}

.header .SearchLoginBox a {
	font-size   : 11px;
	color       : #666;
	font-weight : normal;
	margin-left : 13px;
}

.header #gSearchForm,
.header #gLoginForm {
	width            : 162px;
	height           : 42px;
	position         : absolute;
	top              : 0;
	background-color : #fff;
}

.header #gLoginForm {
	left : 0;
}

.header #gSearchForm {
	right : 0;
}

.header .online #gSearchForm {
	width : 212px;
}

.header .online #gSearchForm input {
	width : 170px;
}

.header .online #gSearchForm input.button {
	width : 42px;
}

.header .online a {
	font-weight : bold;
}

.header #gSearchForm input,
.header #gLoginForm input {
	width         : 120px;
	height        : 19px;
	background    : transparent url(../img/bg_search_input.png) no-repeat top left;
	border        : none;
	font-size     : 11px;
	line-height   : 19px;
	margin-bottom : 4px;
	padding       : 0 12px;
}

#gLoginForm input.button,
#gSearchForm input.button {
	width       : 42px;
	height      : 42px;
	background  : transparent url(../img/button_login_a.png) no-repeat top left;
	border      : none;
	position    : absolute;
	overflow    : hidden;
	text-indent : -99999px;
	cursor      : pointer;
	padding     : 0;
	margin      : 0;
	top         : 0;
	right       : 0;
	line-height : 42px;
	display     : block !important;
}

#gSearchForm input {
	margin-top : 11px;
}

#gSearchForm input.button {
	background : transparent url(../img/button_search_a.png) no-repeat top left;
}

.header .SearchLoginBox form.inactive {
	width : 42px !important;
}

.header .SearchLoginBox form.inactive input {
	display : none;
}

/* --/HEADER-- */

/* --MENUS-- */

ul.mainMenu {
	width        : 810px;
	position     : relative;
	padding-left : 175px;
	z-index      : 100;
	list-style   : none;
}

ul.mainMenu li {
	float    : left;
	display  : block;
	position : relative;
}

ul.mainMenu li a {
	font-size       : 20px;
	text-decoration : none;
	color           : #424242;
	display         : block;
	padding         : 20px 18px 7px 18px;
}

ul.mainMenu li ul {
	position   : absolute;
	list-style : none;
	width      : 136px;
	top        : 0;
	left       : -11px;
	display    : none;
}

ul.mainMenu li:hover ul {
	display : block;
	z-index : 3;
}

ul.mainMenu li ul li {
	background : transparent url(../img/bg_menu_middle.png) repeat-y top left;
	padding    : 0 8px 0 8px;
	float      : none;
}

ul.mainMenu li ul li a {
	background-color : #e88330;
	padding          : 7px 8px 5px 8px;
	width            : 104px;
	font-size        : 14px;
	color            : #fff;
	border-top       : 1px solid #fff;
}

ul.mainMenu li ul li a:hover,
ul.mainMenu li ul li a:focus,
ul.mainMenu li ul li a:active {
	background-color : #f1b669;
}

ul.mainMenu li ul li.first {
	background : transparent url(../img/bg_menu_top.png) no-repeat top left;
	padding    : 8px 8px 0 8px;
}

ul.mainMenu li ul li.first a:hover,
ul.mainMenu li ul li.first a:focus,
ul.mainMenu li ul li.first a:active {
	background-color : #e88330;
}

ul.mainMenu li ul li.first a {
	font-size  : 20px;
	border     : none;
	height     : 27px;
	padding    : 12px 8px 2px 8px;
	text-align : center;
}

ul.mainMenu li ul li.last {
	background : transparent url(../img/bg_menu_bottom.png) repeat-y bottom left;
	padding    : 0 8px 8px 8px;
}

/* Shop muss letztes Element sein */
ul.mainMenu li.last ul {
	padding : 0 8px 8px 8px;
	left    : -19px;
	z-index : 1;
}

ul.mainMenu li.last ul li.first {
	background : transparent url(../img/bg_menu_shop.png) no-repeat top left !important;
	padding    : 8px;
}

ul.mainMenu li.last ul li.first a {
	background-color : #e88330;
	padding          : 12px 8px 9px 8px;
	width            : 68px;
	text-align       : center;
	font-size        : 20px;
	color            : #fff;
	border           : none;
}

ul.mainMenu li.last.active ul {
	position   : absolute;
	list-style : none;
	width      : 136px;
	top        : 0;
	left       : -19px;
	z-index    : 1;
}

ul.mainMenu li.last.active ul li.first {
	display    : block !important;
	overflow   : hidden;
	height     : 31px;
	background : transparent url(../img/bg_menu_shop.png) no-repeat top left !important;
}

ul.mainMenu li.last:hover ul li.first {
	display    : block !important;
	overflow   : hidden;
	height     : 40px;
	background : transparent url(../img/bg_menu_shop.png) no-repeat top left !important;
}

ul.mainMenu li.last:hover ul li.first a {
	padding : 12px 8px 0 8px;
}

/* /Shop muss letztes Element sein */

ul.mainMenu li.active ul {
	position   : absolute;
	list-style : none;
	width      : 136px;
	top        : 0;
	left       : -11px;
	display    : block;
	z-index    : 1;
}

ul.mainMenu li.active ul li {
	display : none;
}

ul.mainMenu li.active ul li.first {
	display : block;
}

ul.mainMenu li.active ul li.first a {
	font-size  : 20px;
	border     : none;
	height     : 27px;
	padding    : 12px 8px 0 8px;
	text-align : center;
}

ul.mainMenu li.active:hover ul li {
	display : block;
}

ul.mainMenu li.active:hover ul li.first a {
	padding : 12px 8px 2px 8px;
}

/* --thirdNavi-- */

div.thirdNavi {
	position         : relative;
	z-index          : 10;
	width            : 492px;
	background-color : #e88300;
	color            : #fff;
	padding          : 0 0 0 221px;
	border-top       : 1px solid #fff;
	height           : 25px;
	overflow         : hidden;
}

div.thirdNavi a {
	float            : left;
	border-left      : 1px solid #fff;
	border-right     : 1px solid #fff;
	padding          : 6px 10px;
	margin-left      : -1px;
	text-decoration  : none;
	color            : #fff;
	background-color : #e88300;
	font-size        : 15px;
	line-height      : 18px;
	display          : block;
}

div.thirdNavi a:hover, div.thirdNavi a:active, div.thirdNavi a:focus,
div.thirdNavi a.active {
	color            : #e88300;
	background-color : #fff;
}

/* --breadcrumb-- */

div.breadcrumb {
	font-size        : 11px;
	line-height      : 14px;
	padding          : 10px 10px 16px 10px;
	background-color : #fff;
	width            : 473px;
	margin           : 0 0 0 220px;
}

div.breadcrumb a {
	margin      : 0 3px;
	font-weight : normal;
}

/* --/MENUS-- */

.haefftBox {
	width      : 751px;
	position   : relative;
	top        : -42px;
	z-index    : 10;
	background : transparent url(../img/bg_content_middle.png) repeat-y top left;
}

.haefftBoxTop {
	position   : absolute;
	top        : -23px;
	left       : 0;
	height     : 23px;
	width      : 751px;
	background : transparent url(../img/bg_content_top.png) no-repeat top left;
}

.haefftBoxBottom {
	position   : absolute;
	bottom     : -23px;
	left       : 0;
	height     : 23px;
	width      : 751px;
	background : transparent url(../img/bg_content_buttom.png) no-repeat top left;
}

.haefftContent {
	border-right        : 9px solid #fff;
	margin              : 0 14px 0 0;
	background-color    : #fff2ba;
	background-position : top left;
	background-repeat   : no-repeat;
	min-height          : 360px;
	padding-bottom      : 120px;
	position            : relative;
}

.haefftContent div.head {
	position   : relative;
	height     : 129px;
	background : transparent url(../img/bg_artikel_topgradient.png) no-repeat bottom left;
}

.oneRow div.head {
	height : 90px;
}

.uebersicht div.head {
	margin-bottom : -32px !important;
	height        : 340px;
}

.start div.head {
	height : auto;
}

.artikel div.head {
	min-height : 234px;
	height     : auto;
}

.profile div.head h3 {
	color     : #222;
	font-size : 16px;
	position  : absolute;
	top       : 24px;
	left      : 220px;
}

.profile div.head img.profilepic {
	width    : 78px;
	height   : 78px;
	border   : 1px solid #fff;
	position : absolute;
	bottom   : 0;
	left     : 130px;
}

.haefftContent div.head img {
	position : relative;
	z-index  : 1;
}

.haefftContent div.head h1 {
	font-size        : 30px;
	display          : inline;
	position         : absolute;
	bottom           : 5px;
	left             : 220px;
	z-index          : 4;
	background-color : transparent;
}

.uebersicht div.head h1 {
	font-size        : 24px;
	display          : inline;
	position         : absolute;
	bottom           : 35px;
	left             : 0;
	z-index          : 4;
	background-color : transparent;
}

.haefftContent div.head .mainTeaser {
	position   : absolute;
	z-index    : 3;
	bottom     : 45px;
	left       : 0;
	width      : 550px;
	padding    : 0 0 2px 0;
	background : transparent url(../img/bg_mainteaser.png) repeat-y top left;
}

.haefftContent div.head .mainTeaser .mainTeaserFooter {
	position   : absolute;
	background : transparent url(../img/bg_mainteaser_footer.png) no-repeat bottom left;
	height     : 15px;
	width      : 100%;
	bottom     : -15px;
	left       : 0;
}

.haefftContent div.head .mainTeaser h1 {
	font-size : 24px;
	display   : inline;
	position  : static;
}

.haefftContent div.head .mainTeaser h1 span,
.uebersicht div.head h1 span {
	padding          : 4px 10px;
	line-height      : 28px;
	background-color : #e88300;
}

.haefftContent div.head .mainTeaser p {
	width   : 372px;
	padding : 12px;
}

.haefftContent div.head .gradient {
	position   : absolute;
	bottom     : 0;
	left       : 0;
	z-index    : 2;
	height     : 75px;
	width      : 100%;
	background : transparent url(../img/bg_head_gradient.png) repeat-x top left;
}

/* --Community Stuff-- */

.dotBox,
.subjectBox {
	background  : #e4e4e4 url(../img/dotline_gray.gif) repeat-x top left;
	padding-top : 1px;
	margin      : 10px 0;
}

.subjectBox {
	display : none;
	margin  : 4px 0 16px 0;
}

.profile .dotBox {
	margin      : 0 0 10px 0;
	line-height : 19px;
}

.profile .dotBox p {
	line-height : 17px;
}

.dotBox .col130 {
	float   : left;
	width   : 130px;
	padding : 6px 0px 6px 8px;
}

.dotBox .col315 {
	float   : right;
	width   : 315px;
	padding : 6px 5px 6px 5px;
}

.dotBox .col315 br {
	clear : both;
}

.dotBox .miniprofile {
	border : 1px solid #fff;
	float  : left;
	margin : 2px 0 2px 8px;
	height : 24px !important;
	width  : 24px !important;
}

.dotBox .col415 {
	float   : right;
	padding : 6px 30px 6px 8px;
	width   : 390px;
}

.dotBox .col415 input {
	width  : 310px;
	margin : -2px 0 0 0;
}

.dotBox .col415 .close {
	width       : 12px;
	height      : 12px;
	position    : absolute;
	right       : 9px;
	top         : 9px;
	overflow    : hidden;
	text-indent : -99999px;
	background  : transparent url(../img/icn_close_gray.gif) no-repeat top left;
}

.dotBox .col465 {
	padding : 6px 5px 6px 8px;
	width   : 452px;
}

.dotBox .col465 .checkbox {
	float  : left;
	margin : 4px 8px 4px 0;
}

.dotBox .col465 .txtlabel {
	float          : left;
	margin         : 0;
	width          : 430px;
	padding-bottom : 6px;
}

.profile .dotBox .bt_orange {
	float   : right;
	margin  : -2px 0 !important;
	padding : 2px 5px 2px 5px !important;
}

.profile .dotBox input.bt_orange {
	float   : right;
	margin  : -2px 0 !important;
	padding : 2px 4px 2px 4px !important;
}

form.kleingedrucktes {
	margin-bottom : 6px;
	width         : 415px;
}

form.kleingedrucktes input {
	float : left;
}

form.kleingedrucktes input.bt_orange {
	width : 85px;
}

.guestbook .col415 {
	overflow : hidden;
}

.profile .dotBox input,
.profile .dotBox select {
	margin : -2px 0;
}

.profile .dotBox .col315 input {
	width : 301px;
	float : left;
}

.profile .dotBox .col315 input.city {
	width : 99px !important;
}

.profile .dotBox .col315 .country {
	width       : 96px !important;
	float       : left;
	margin-left : 5px;
}

.profile .dotBox .col315 select.gender {
	width     : 110px !important;
	float     : left;
	font-size : 11px !important;
}

.profile .dotBox .col315 input.field140 {
	width : 140px;
}

.profile .dotBox .col315 input.field192 {
	width  : 192px;
	float  : right;
	margin : 0;
}

.dotBox .col160,
.subjectBox .col160 {
	float   : left;
	width   : 160px;
	padding : 6px 0px 6px 8px;
}

.dotBox .col160 input,
.subjectBox .col160 input {
	width : 135px;
}

.dotBox .col286,
.subjectBox .col286 {
	float   : right;
	width   : 286px;
	padding : 6px 5px 6px 5px;
}

.dotBox select.schoolyear {
	width         : 110px;
	margin-bottom : 4px;
}

.newSubject {
	margin-top : 0 !important;
}

.newSubject label {
	display     : block;
	float       : left;
	line-height : 24px;
	width       : 85px;
}

a.subject {
	font-family      : "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	font-weight      : normal;
	font-style       : italic;
	font-size        : 20px;
	line-height      : 24px;
	color            : #e88300;
	background-color : #fff;
	padding          : 8px 20px 8px 26px;
	background       : transparent url(../img/arrow_orange_right.gif) no-repeat 0px 8px;
	position         : relative;
	text-decoration  : none;
	display          : block;
}

a.open {
	background : transparent url(../img/arrow_orange_down.gif) no-repeat 0px 12px;
}

a.subject span {
	background  : transparent url(../img/icn_close_orange.gif) no-repeat left top;
	height      : 12px;
	width       : 12px;
	overflow    : hidden;
	position    : absolute;
	right       : 9px;
	top         : 12px;
	text-indent : -99999px;
}

.subjectBox span.mark {
	padding : 0 12px 0 2px;
}

.subjectBox input.mark {
	width        : 30px;
	float        : left;
	margin-right : 70px;
}

.subjectBox .markInput .bt_orange {
	margin : 0 !important;
}

.subjectBox .markInput .checkbox {
	margin-right : 4px;
}

.subjectBox .markInput label {
	margin-right : 16px;
}

.subjectBox .row {
	position : relative;
}

.subjectBox .row a.close {
	background  : transparent url(../img/icn_close_gray.gif) no-repeat left top;
	height      : 12px;
	width       : 12px;
	overflow    : hidden;
	position    : absolute;
	right       : 9px;
	text-indent : -99999px;
	top         : 9px;
}

.haefftContent .dotBox div {
	position : relative;
}

.haefftContent .dotBox .dbContent {
	background : #e4e4e4 url(../img/dotline_gray.gif) repeat-x bottom left;
	padding    : 3px 3px 4px 3px;
	position   : relative;
	clear      : both;
}

.haefftContent .dotBox p {
	padding : 0;
	margin  : 0;
}

.haefftContent .dotBox .message {
	padding : 12px 7px 13px 17px;
}

.haefftContent .dotBox .message h3 {
	float      : left;
	margin-top : 4px;
	width      : 115px;
}

.haefftContent .dotBox .message p {
	width : 325px;
	float : left;
}

.dotBox input, .dotBox select, .dotBox textarea,
.subjectBox input, .subjectBox select, .subjectBox textarea {
	font-family      : Arial, Helvetica, sans-serif;
	border           : 1px solid #000;
	width            : 230px;
	background-color : #fff;
	padding          : 2px 6px;
	font-size        : 13px;
	color            : #222;
	line-height      : 18px;
}

.dotBox select,
.subjectBox select {
	padding : 2px;
}

#forgotPwdForm .dotBox label {
	display     : block;
	float       : left;
	font-size   : 13px;
	color       : #222;
	line-height : 16px;
	padding     : 6px 0 0 0;
	width       : 197px;
}

#forgotPwdForm .dotBox div.dbContent {
	padding : 7px 7px 8px 17px;
}

#contactForm .dotBox select,
#registerForm .dotBox select {
	width : 244px;
}

#contactForm .dotBox h3,
#registerForm .dotBox h3 {
	margin : 14px 0 10px 0;
}

#contactForm .dotBox .dbContent,
#registerForm .dotBox .dbContent {
	padding : 3px 9px 4px 12px;
}

#contactForm .dotBox textarea,
#registerForm .dotBox textarea {
	height : 100px;
}

#contactForm .checkbox,
#registerForm .checkbox {
	float            : left;
	margin-top       : 3px;
	background-color : transparent;
}

#contactForm label.txtlabel,
#registerForm label.txtlabel {
	width  : 392px;
	float  : left;
	margin : 0 0 10px 16px;
}

#registerForm .s_label {
	width       : 78px;
	line-height : 22px;
	float       : left;
}

select.daymonth,
select.day {
	width        : 47px !important;
	float        : left !important;
	font-size    : 11px !important;
	margin-right : 6px !important;
}

select.month {
	width        : 90px !important;
	float        : left !important;
	font-size    : 11px !important;
	margin-right : 6px !important;
}

select.year {
	width     : 60px !important;
	font-size : 11px !important;
}

select.country {
	width     : 166px !important;
	font-size : 11px;
}

.dotBox .dbContent div.rightcol {
	width : 244px;
	float : left;
}

.dotBox .dbContent div.leftcol {
	width         : 180px;
	float         : left;
	font-size     : 11px;
	line-height   : 13px;
	padding-right : 20px;
}

.dotBox div.maincol {
	padding : 0 0 0 14px;
}

#contactForm .dotBox .dbContent div.leftcol h3,
#registerForm .dotBox .dbContent div.leftcol h3 {
	margin : 12px 0 10px 0;
}

.dotBox .dbContent div.leftcol p {
	padding : 0 0 10px 0;
}

.dotBox .dbContent div.rightcol div {
	margin   : 6px 0;
	position : relative;
}

div.error,
span.error {
	margin           : 6px 0;
	position         : relative;
	border           : 2px solid #952813;
	background-color : #fff;
	color            : #952813;
	padding          : 2px 6px;
	font-weight      : bold;
	display          : block;
}

.dotBox span.require {
	left     : -10px;
	top      : 4px;
	position : absolute;
}

.dotBox .col315 span.require {
	top : 8px;
}

.dotBox .maincol span.require {
	left : 0;
}

.dotBox input.file {
	width   : auto;
	padding : 0;
}

input.abschicken,
input.registrieren,
input.aenderungen_speichern {
	display     : block;
	border      : none;
	margin      : 20px auto 0 auto;
	height      : 40px;
	width       : 357px;
	background  : #e88300 url(../img/bt_abschicken.png) no-repeat top left;
	color       : #fff;
	text-align  : center;
	text-indent : -999999px;
	overflow    : hidden;
	cursor      : pointer;
}

input.registrieren {
	background : #e88300 url(../img/bt_registrieren.png) no-repeat top left;
}

input.aenderungen_speichern {
	background : #e88300 url(../img/bt_aenderungen_speichern.png) no-repeat top left;
}

.tooltip {
	background  : transparent url(../img/bg_tooltip.png) no-repeat top center;
	border      : none;
	padding     : 9px 6px 4px 6px;
	max-width   : 200px;
	display     : none;
	color       : #fff;
	text-align  : left;
	font-size   : 12px;
	position    : relative;
	z-index     : 999;
	line-height : 15px;
}

/* --Suchergebnisse-- */

#searchForm .dotBox .dbContent {
	padding : 21px 7px 22px 17px;
}

#searchForm input {
	width       : 264px;
	height      : 19px;
	background  : transparent url(../img/bg_search_input.png) no-repeat top left;
	border      : none;
	font-size   : 11px;
	line-height : 19px;
	padding     : 0 12px;
}

#searchForm label {
	padding-right : 10px;
}

#searchForm input.button {
	width       : 42px;
	height      : 42px;
	background  : transparent url(../img/button_search.png) no-repeat top left;
	border      : none;
	position    : absolute;
	overflow    : hidden;
	text-indent : -99999px;
	cursor      : pointer;
	padding     : 0;
	margin      : 0;
	top         : 10px;
	right       : 15px;
	line-height : 42px;
	display     : block !important;
}

.searchEntry {
	background : #fff url(../img/dotline_gray.gif) repeat-x top left;
	padding    : 16px 0 15px 0;
	margin     : 10px 0 -1px 0;
	clear      : both;
}

.searchEntry h3 a {
	text-decoration : none;
}

.searchEntry .searchPic {
	float  : left;
	width  : 142px;
	margin : 0 16px 15px 0;
}

.searchEntry .searchPic img {
	width  : 142px;
	height : 80px;
}

.searchEntry .searchPic img.profilepic {
	width   : 50px;
	height  : 50px;
	display : block;
	margin  : 0 0 0 auto;
}

.searchEntry .searchText {
	float : left;
	width : 305px;
}

.searchEntry .searchText p {
	margin : 0 10px 15px 0;
}

.paginate {
	background  : #fff url(../img/dotline_gray.gif) repeat-x top left;
	padding-top : 1px;
	margin      : 10px 0;
	clear       : both;
}

.paginate .navi {
	background : #fff url(../img/dotline_gray.gif) repeat-x bottom left;
	padding    : 8px 3px 9px 3px;
	text-align : center;
}

.paginate .navi a {
	font-weight : normal;
	margin      : 0 4px;
}

.paginate .navi a.current {
	font-weight     : bold;
	text-decoration : none;
}

/* --/Suchergebnisse-- */

/* --HaefftScrollable  Notenstatistik-- */

.haefftStoryScrollable,
.profilePicsScrollable,
.notenstatistikBox,
.bilderGalerie {
	width            : 508px;
	height           : 235px;
	margin           : -4px 0 16px 0;
	position         : relative;
	background-color : #fff;
	border-top       : 1px solid #e1e1e1;
	border-bottom    : 1px solid #e1e1e1;
}

.profilePicsScrollable {
	width  : 728px;
	height : 154px;
	left   : -234px;
	margin : 20px 0 10px 0;
}

.notenstatistikBox {
	width  : 728px;
	height : 195px;
	left   : -220px;
	margin : 20px 0 2px 0;
}

.bilderGalerie {
	width   : 453px;
	height  : auto;
	left    : -14px;
	padding : 30px 25px 30px 30px;
	margin  : -4px 0 16px 0;
}

.artikel .bilderGalerie {
	left : -34px;
}

.haefftStoryScrollable .top,
.profilePicsScrollable .top,
.notenstatistikBox .top,
.bilderGalerie .top {
	width      : 100%;
	height     : 14px;
	left       : 0;
	top        : -14px;
	position   : absolute;
	background : transparent url(../img/bg_scrollable_shadow_top.png) repeat-x top left;
}

.haefftStoryScrollable .bottom,
.profilePicsScrollable .bottom,
.notenstatistikBox .bottom,
.bilderGalerie .bottom {
	width      : 100%;
	height     : 14px;
	left       : 0;
	bottom     : -14px;
	position   : absolute;
	background : transparent url(../img/bg_scrollable_shadow_bottom.png) repeat-x top left;
}

.profilePicsScrollable .noPics img {
	position : absolute;
	top      : 6px;
	left     : 234px;
}

.profilePicsScrollable .noPics p {
	position    : absolute;
	top         : 10px;
	left        : 385px;
	width       : 208px;
	font-weight : bold;
	line-height : 16px;
}

.scrollable {
	position : absolute;
	overflow : hidden;
	width    : 442px;
	height   : 200px;
	float    : left;
	left     : 35px;
	top      : 20px;
}

.profilePicsScrollable .scrollable {
	width  : 660px;
	height : 142px;
	left   : 35px;
	top    : 6px;
}

.scrollable .items {
	width    : 20000em;
	position : absolute;
}

.items div {
	float        : left;
	position     : relative;
	margin-right : 10px;
}

.profilePicsScrollable .items div {
	margin-right : 5px;
}

.haefftStoryScrollable .items div a {
	display : block;
}

.haefftStoryScrollable .items div span {
	position         : absolute;
	left             : 0;
	bottom           : -10px;
	color            : #fff;
	background-color : #e88300;
	padding          : 4px 7px 5px 7px;
	font-size        : 16px;
	font-style       : italic;
}

a.browse {
	background-repeat   : no-repeat;
	background-position : top left;
	display             : block;
	width               : 16px;
	height              : 26px;
	cursor              : pointer;
	position            : absolute;
	top                 : 108px;
}

a.right {
	left             : 487px;
	background-image : url(../img/arrow_scroll_right.gif);
}

a.left {
	left             : 8px;
	background-image : url(../img/arrow_scroll_left.gif);
}

a.disabled {
	visibility : hidden !important;
}

.profilePicsScrollable a.right {
	top  : 62px;
	left : 705px;
}

.profilePicsScrollable a.left {
	top  : 62px;
	left : 8px;
}

.profilePicsScrollable .selectPic {
	position         : absolute;
	bottom           : 4px;
	right            : 5px;
	z-index          : 10;
	text-decoration  : none;
	text-align       : right;
	background-color : #e88300;
	color            : #fff;
	padding          : 0px 5px 2px 5px;
}

.profilePicsScrollable .deletePic {
	position         : absolute;
	right            : 5px;
	top              : 5px;
	z-index          : 10;
	background-color : #e88300;
	color            : #fff;
	padding          : 0;
}

/* --/HaefftScrollable Notenstatistik-- */

/* --FOOTER-- */
.haefftFooter {
	position    : absolute;
	bottom      : 0;
	width       : 100%;
	background  : transparent url(../img/dotline_gray.gif) repeat-x top left;
	font-size   : 12px;
	line-height : 24px;
	text-align  : center;
	padding     : 22px 0;
}

.haefftFooter .innerBox {
	padding : 10px 0 14px 0;
}

.haefftFooter .dotline {
	position : relative;
	top      : -10px;
}

.haefftFooter a {
	margin          : 0 10px;
	text-decoration : none;
	font-weight     : normal;
}

.haefftFooter a:hover,
.haefftFooter a:active,
.haefftFooter a:focus {
	text-decoration : underline;
}

.backMobileLink{
    font-size: 14px;
    color: red;
    font-weight: bold !important;
}

/* --/FOOTER-- */

/* --TEASER-- */
.teaserBox,
.startTeaserBox {
	margin-left : 16px;
	width       : 720px;
	position    : relative;
	z-index     : 6;
}
.startTeaserBox{
    margin-top: -20px;
}
.teaserBox .teaser,
.startTeaserBox .teaser {
	position         : relative;
	width            : 220px;
	height           : 166px;
	margin           : 15px 18px 26px 0;
	background-color : #fff;
	float            : left;
}

.startTeaserBox .teaser {
	height : 148px !important;
}

.startTeaserBox .teaser a img,
.teaserBox .teaser a img {
	z-index : 1;
	border  : 2px solid #fff;
}

.startTeaserBox .teaser h3,
.teaserBox .teaser h3 {
	font-size : 15px;
	position  : absolute;
	top       : 90px;
	left      : 2px;
	z-index   : 3;
}

.startTeaserBox .teaser h3 {
	top : 104px !important;
}

.startTeaserBox .teaser h3 a,
.teaserBox .teaser h3 a {
	text-decoration : none;
	color           : #fff;
	font-size       : 15px;
	text-decoration : none;
}

.startTeaserBox .teaser h3 a span,
.teaserBox .teaser h3 a span {
	background-color : #e88300;
	padding          : 3px 8px 4px 8px;
	line-height      : 18px;
}

.startTeaserBox .teaser h3 a span {
	padding : 3px 4px 4px 4px;
}

.teaser .teasertext {
	position    : relative;
	top         : -45px;
	left        : 0;
	z-index     : 2;
	padding     : 25px 4px 0 8px;
	font-size   : 12px;
	line-height : 15px;
	background  : transparent url(../img/bg_teaser_gradient.png) repeat-x top left;
}

.startTeaserBox .teaser .teasertext {
	height : 24px;
}

.teaser .teaser_footer {
	position   : absolute;
	bottom     : -15px;
	height     : 15px;
	width      : 220px;
	background : transparent url(../img/bg_teaser_zickzack.png) no-repeat bottom left;
}

/* --/TEASER-- */

/* --ARTIKEL-- */
div.artikelBox {
	position         : relative;
	z-index          : 4;
	width            : 493px;
	float            : right;
	background-color : #fff;
	margin-bottom    : 40px;
	margin-right     : 15px;
}

div.artikelBox h2 {
	/*padding:3px 0;*/
	padding : 12px 0 12px;
}

div.artikelBox .aContent {
	padding : 5px 14px 30px 14px;
}

.haefftstory div.artikelBox .aContent,
.artikel div.artikelBox .aContent {
	padding : 5px 74px 30px 34px;
}

div.artikelBox .aBottom {
	position   : absolute;
	bottom     : -39px;
	left       : 0;
	height     : 39px;
	width      : 493px;
	clear      : both;
	background : transparent url(../img/bg_artikel_zickzack.png) no-repeat top left;
}

div.artikelBox .description {
	font-weight : bold;
}

div.artikelBox .meta {
	font-size : 11px;
}

div.artikelBox ul {
	list-style : none;
	margin     : 14px 0;
}

div.artikelBox ul li {
	background : transparent url(../img/list_quad_orange.gif) no-repeat 0em 0.55em;
	padding    : 0 0 4px 20px;
}

div.artikelBox p {
	padding : 0;
	margin  : 0 0 1.5em 0;
}

div.picture,
div.pictureLeft,
div.pictureRight {
	background  : #e4e4e4 url(../img/dotline_gray.gif) repeat-x bottom left;
	position    : relative;
	font-size   : 11px;
	line-height : 14px;
}

div.picture p,
div.pictureLeft p,
div.pictureRight p {
	padding : 8px;
	margin  : 0;
}

div.picture {
	margin : 12px 0;
}

div.pictureLeft {
	width  : 217px;
	float  : left;
	left   : -34px;
	margin : 2px -20px 2px 0;
}

div.pictureRight {
	width  : 217px;
	float  : right;
	right  : -74px;
	margin : 2px 0 2px -65px;
}

/* Module */
.artikelModulBox {
	width        : 200px;
	float        : left;
	padding-top  : 0;
	margin-right : 20px;
}

.artikel .artikelModulBox {
}

.oneRow .artikelModulBox {
	padding-top : 225px;
}

.haefftstory .artikelModulBox {
	padding-top : 250px;
}

.modul {
	width       : 200px;
	margin      : 10px 0 14px 0;
	background  : transparent url(../img/bg_artikelmodul_topgradient.png) repeat-x top left;
	float       : left;
	font-size   : 12px;
	line-height : 16px;
	padding-top : 12px;
	position    : relative;
}

.modul h3 {
	font-size  : 15px;
	background : none;
	position   : relative;
	top        : -10px;
}

.modul h3 span {
	color            : #fff;
	background-color : #e88300;
	padding          : 2px 6px 5px 5px;
	line-height      : 20px;
}

.modul p {
	padding : 0 0 9px 0;
}

.modul .mContent {
	padding          : 6px 9px 0px 9px;
	background-color : #fff;
}

.modul .mBottom {
	position   : absolute;
	bottom     : -13px;
	height     : 13px;
	width      : 100%;
	background : transparent url(../img/bg_artikelmodul_zickzack.png) repeat-x top left;
}

ul.profileMenu {
	width       : 200px;
	margin      : 200px 0 14px 0;
	background  : #fff2ba url(../img/dotline_gray.gif) repeat-x top left;
	float       : left;
	font-size   : 12px;
	line-height : 16px;
	position    : relative;
}

ul.profileMenu li {
	display     : block;
	margin      : 0;
	background  : #fff2ba url(../img/dotline_gray.gif) repeat-x bottom left;
	font-size   : 12px;
	line-height : 16px;
	position    : relative;
}

.profileMenu a.pmenu {
	padding             : 8px 0 8px 48px;
	background-position : 9px 2px;
	background-repeat   : no-repeat;
	text-decoration     : none;
	display             : block;
}

.profileMenu a.pmenu:hover, .profileMenu a.pmenu:focus, .profileMenu a.pmenu:active {
	text-decoration : underline;
}

.profileMenu .pdelete {
	background-image : url(../img/icn_pmenu_loeschen.png);
}

.profileMenu .pblock {
	background-image : url(../img/icn_pmenu_blocken.png);
}

.profileMenu .pdeactivate {
	background-image : url(../img/icn_pmenu_deaktivieren.png);
}

.profileMenu .pupload {
	background-image : url(../img/icn_pmenu_hochladen.png);
}

.profileMenu .pedit {
	background-image : url(../img/icn_pmenu_bearbeiten.png);
}

.profileMenu form {
	padding     : 5px 10px 10px 48px;
	font-size   : 11px;
	line-height : 14px;
	display     : none;
}

.profileMenu p {
	padding : 0 0 1.0em;
}

.profileMenu input {
	font-size        : 11px;
	line-height      : 14px;
	background-color : #fff;
	border           : 1px solid #000;
	padding          : 2px 3px;
	width            : 130px;
}

.profileMenu input.file {
	background-color : transparent;
	border           : none;
	padding          : 0;
	width            : auto;
}

.profileMenu input.bt_orange {
	margin-left : 0;
	margin-top  : 6px;
}

/* --/ARTIKEL-- */

/* --Tabellen-- */

table {
	width           : 100%;
	table-layout    : fixed;
	border-collapse : collapse;
	margin          : 6px 0;
}

td {
	text-align     : left;
	vertical-align : top;
	padding        : 2px 6px;
	border         : 1px solid #e88300;
}

td.orange {
	color            : #fff;
	border           : 1px solid #e88300;
	background-color : #e88300;
}

table a {
	font-weight     : normal;
	text-decoration : none;
}

table a:hover, table a:active, table a:focus {
	text-decoration : underline;
}

table.links td.orange {
	background   : #e88300 url(../img/arrow_links.png) no-repeat top left;
	border       : 1px solid #fff;
	border-left  : 1px solid #e88300;
	border-right : none;
	width        : 26px;
	padding      : 0;
}

table.links td.orangefirst {
	background    : #e88300 url(../img/arrow_links.png) no-repeat top left;
	border-bottom : 1px solid #fff;
	border-top    : 1px solid #e88300;
	border-left   : 1px solid #e88300;
	border-right  : none;
	width         : 26px;
	padding       : 0;
}

table.links td.orangelast {
	background    : #e88300 url(../img/arrow_links.png) no-repeat top left;
	border-bottom : 1px solid #e88300;
	border-top    : 1px solid #fff;
	border-left   : 1px solid #e88300;
	border-right  : none;
	width         : 26px;
	padding       : 0;
}

table.links td {
	border-left : none;
}

table.links td a {
	text-decoration : none;
	font-weight     : normal;
}

table.ferien td.head {
	color         : #222;
	font-weight   : bold;
	border        : 1px solid #fff;
	border-bottom : 1px solid #e88330 !important;
	padding       : 2px 6px 6px 6px;
}

table.ferien td.orange {
	border-top    : 1px solid #fff;
	border-bottom : 1px solid #fff;
	border-left   : 1px solid #e88300;
	border-right  : none;
	padding       : 2px 6px;
}

table.ferien td {
	border      : 1px solid #e88300;
	border-left : none;
	padding     : 2px 6px;
}

table.ferien td.orangefirst {
	color            : #fff;
	border-top       : 1px solid #e88300;
	border-bottom    : 1px solid #fff;
	border-left      : 1px solid #e88300;
	border-right     : none;
	background-color : #e88300;
}

table td.orangelast {
	color            : #fff;
	border-top       : 1px solid #fff;
	border-bottom    : 1px solid #e88300;
	border-left      : 1px solid #e88300;
	border-right     : none;
	background-color : #e88300;
}

/* --downloadBox-- */
div.downloadBox {
	background-color : #e88330;
	width            : 100%;
	padding          : 0;
	margin           : 8px 0;
	border           : 1px solid #e88330;
}

div.downloadBox a {
	display          : block;
	margin           : -1px -1px -1px auto;
	border           : 1px solid #e88330;
	background-color : #fff;
	text-decoration  : none;
	font-weight      : normal;
	padding          : 3px 6px;
	text-align       : left;
	width            : 258px;
	position         : relative;
}

div.downloadBox a:hover,
div.downloadBox a:active,
div.downloadBox a:focus {
	text-decoration : underline;
}

span.download {
	background      : #e88300 url(../img/icn_download.gif) no-repeat 0.35em 0.35em;
	padding-left    : 25px;
	line-height     : 22px;
	color           : #fff;
	vertical-align  : middle;
	text-decoration : none;
	text-transform  : uppercase;
	float           : left;
}

/* --/Tabellen-- */

/* --PAUSENHOF-- */

#pausenhof {
	position    : absolute;
	color       : #424242;
	top         : 85px;
	right       : 0;
	font-size   : 11px;
	line-height : 14px;
}

#pausenhof p {
	margin  : 0;
	padding : 0;
}

#pausenhof a.bt_orange {
	font-size   : 12px !important;
	padding     : 3px 6px !important;
	line-height : 15px;
	margin      : 0;
}

#pausenhof input.bt_orange {
	margin : 0;
}

.pausenhofHeader {
	height     : 23px;
	width      : 100%;
	background : transparent url(../img/bg_pausenhof_top.png) no-repeat top left;
	position   : relative;
}

.pausenhofLogo {
	left     : 0;
	top      : 0;
	z-index  : 2;
	position : absolute;
}

.pausenhofMiddle {
	background : transparent url(../img/bg_pausenhof_middle.png) repeat-y top left;
	width      : 1200px;
}

.pausenhofContent {
	background  : #ccc url(../img/bg_pausenhof.jpg) repeat top left;
	position    : relative;
	z-index     : 1;
	margin-left : 23px;
	padding     : 0 0 210px 0
}

#pausenhof .innerLeft {
	float    : left;
	position : relative;
	z-index  : 7;
	width    : 600px;
}

#pausenhof .undsonstsoBox {
	float    : left;
	position : relative;
	z-index  : 5;
	padding  : 58px 0 0 15px;
	width    : 360px;
}

#pausenhof .adBox {
	float    : left;
	position : absolute;
	top      : 15px;
	left     : 950px;
	width    : 227px;
	z-index  : 5;
	display  : block;
	width    : 100px;
	height   : 100px;
}

#pausenhof .pausenhofGrafik {
	position : absolute;
	z-index  : 2;
	top      : 35px;
	left     : 0;
}

h2.widgetHeadline {
	position : relative;
}

h2.widgetHeadline img {
	position : absolute;
}

.plakatBox {
	float : left;
	/*margin : 0 0 0 -100px;*/
}

.plakatboxHead {
	background  : transparent url(../img/bg_plakatbox_head.png) no-repeat top left;
	margin-left : 20px;
	padding     : 26px 26px 10px 25px;
	position    : relative;
	width       : 228px;
}

.plakatBox h2.widgetHeadline img {
	left : -4px;
	top  : -35px;
}

.plakatboxBild {
	background : url(../img/bg_plakatbox.png) no-repeat;
	height     : 185px;
	width      : 266px;
	margin-top : -15px;
	padding    : 23px;
	position   : relative;
}

.plakatboxBild a {
	display  : block;
	position : absolute;
	top      : 23px;
	left     : 23px;
	height   : 185px;
	width    : 266px;
	z-index  : 9;
}

.plakatboxBild a img {
	height : 185px;
	width  : 266px;
}

.plakatboxBild iframe {
	position : absolute;
	top      : 23px;
	left     : 23px;
	height   : 185px;
	width    : 266px;
	z-index  : 1;
}

.plakatboxFooter {
	background : transparent url(../img/bg_plakatbox_footer.png) no-repeat bottom left;
	margin     : -14px 0px 0px 42px;
	padding    : 16px 31px 26px 31px;
	width      : 198px;
}

.plakatboxFooter a.bt_orange {
	margin : 0 6px !important;
}

a.reload {
	position    : absolute;
	width       : 51px;
	height      : 54px;
	background  : transparent url(../img/bt_reload.png) no-repeat top left;
	text-indent : -99999px;
	overflow    : hidden;
	/*bei Funktionseinbindung wieder l�schen*/
	display     : none;
}

.widget {
	position            : relative;
	background-position : top left;
	background-repeat   : repeat-y;
	margin              : 20px 0 30px 0;
}

#pausenhof .widget p {
	padding : 0 0 6px 0;
}

.widget .top,
.widget .bottom {
	position            : absolute;
	width               : 100%;
	background-position : top left;
	background-repeat   : no-repeat;
	z-index             : 4;
	left                : 0;
}

.widget .top {
	top    : -11px;
	height : 11px;
}

.widget .bottom {
	bottom : -21px;
	height : 21px;
}

.widget .middle {
	position : relative;
	padding  : 2px 22px 0 16px;
	margin   : -5px 0 0 0;
	z-index  : 6;
	/*overflow : hidden;*/
}

a.widgetlink {
	background-color : #fff;
	color            : #b0b0b0;
	font-size        : 10px;
	font-weight      : normal;
	padding          : 1px 3px;
	text-decoration  : none;
}

a.widgetlink:hover, a.widgetlink:focus, a.widgetlink:active {
	color           : #000;
	text-decoration : none !important;
}

.wgtBig {
	width            : 560px;
	margin           : 52px 22px 75px 22px;
	background-image : url(../img/bg_wgtbig.png);
}

.wgtBig .top {
	top              : -30px;
	height           : 30px;
	background-image : url(../img/bg_wgtbig_top.png);
}

.wgtBig .middle {
	padding : 4px 25px;
}

.wgtBig .middle h2.widgetHeadline img {
	left : 0;
	top  : -40px;
}

.wgtBig .middle a.reload {
	position : absolute;
	right    : 20px;
	top      : -40px;
}

.wgtBig .middle .bt_orange {
	margin-right : 6px !important;
}

.wgtBig .bottom {
	bottom           : -24px;
	height           : 24px;
	background-image : url(../img/bg_wgtbig_bottom.png);
}

ul.forumNewslist {
	margin     : 0 0 10px -9px;
	padding    : 0;
	list-style : none;
}

ul.forumNewslist li {
	background  : transparent url(../img/dotline_gray.gif) repeat-x left bottom;
	padding     : 7px 50px 7px 118px;
	text-indent : -105px;
	width       : 361px;
	display     : block;
	position    : relative;
}

ul.forumNewslist li a {
	text-decoration : none;
}

ul.forumNewslist li a:hover, ul.forumNewslist li a:focus, ul.forumNewslist li a:active {
	text-decoration : underline;
}

ul.forumNewslist li .hoverNavi {
	display     : none;
	right       : 10px;
	top         : 5px;
	position    : absolute;
	text-indent : 0;
}

ul.forumNewslist li:hover .hoverNavi, ul.forumNewslist li:active .hoverNavi, ul.forumNewslist li:focus .hoverNavi {
	display : block;
}

ul.forumNewslist li span.time {
	width   : 40px;
	display : block;
	float   : left;
}

ul.forumNewslist li span.date {
	width   : 65px;
	display : block;
	float   : left;
}

.forumnewsBox {
	background : transparent url(../img/bg_newsbox_header.png) no-repeat left top;
	width      : 578px;
	margin     : 22px;
}

.forumnewsboxHeadline {
	background    : transparent url(../img/forumnewsbox_headline.png) no-repeat left top;
	height        : 24px;
	margin-left   : 30px;
	margin-bottom : -24px;
}

.forumnewsboxContent {
	background   : url(../img/bg_newsbox_content.png) repeat-y scroll left top;
	margin-top   : 30px;
	padding-left : 30px;
	width        : 535px;
}

.postcardsBox {
	margin : 25px 28px;
}

.postcardsBox .postcardBoxTop {
	position    : relative;
	padding     : 15px 20px 8px 17px;
	margin-left : 32px;
	width       : 340px;
	background  : transparent url(../img/bg_postcardbox_top.png) no-repeat top left;
}

.postcardsBox .widgetHeadline img {
	top  : -35px;
	left : 0;
}

.postcardsBox .postcard {
	margin   : -14px 0;
	position : relative;
	z-index  : 5;
}

.postcardsBox .postcard .top {
	height     : 23px;
	width      : 457px;
	background : transparent url(../img/bg_postcard_top.png) no-repeat top left;
}

.postcardsBox .postcard .middle {
	width      : 411px;
	height     : 286px;
	padding    : 0 23px;
	background : transparent url(../img/bg_postcard_middle.png) repeat-y top left;
}

.postcardsBox .postcard .bottom {
	height     : 23px;
	width      : 457px;
	background : transparent url(../img/bg_postcard_bottom.png) no-repeat top left;
}

.postcardsBox .postcardBoxFooter {
	position    : relative;
	width       : 237px;
	height      : 50px;
	margin-left : 72px;
	padding     : 8px 25px 30px 19px;
	background  : transparent url(../img/bg_postcardbox_info.png) no-repeat bottom left;
}

.postcardsBox .postcardNavi {
	position   : absolute;
	top        : 0;
	right      : -55px;
	z-index    : 3;
	height     : 12px;
	width      : 120px;
	padding    : 8px 20px 20px 20px;
	background : transparent url(../img/bg_postcardbox_navi.png) no-repeat bottom left;
}

.postcardsBox .postcardNavi a {
	position        : relative;
	z-index         : 10;
	text-decoration : none;
}

.postcardsBox .postcardNavi a:hover, .postcardsBox .postcardNavi a:focus, .postcardsBox .postcardNavi a:active {
	text-decoration : underline;
}

.postcardScrollable .scrollable {
	width    : 411px;
	height   : 370px;
	position : relative;
	left     : 0;
	top      : 0;
}

.postcardScrollable .scrollable .items {
	width    : 20000em;
	position : absolute;
}

.postcardScrollable .items div {
	float    : left;
	position : relative;
	margin   : 0;
}

.postcardScrollable a.browse {
	display         : inline;
	cursor          : pointer;
	width           : auto;
	position        : absolute;
	top             : 324px;
	text-decoration : none;
}

.postcardScrollable a.right {
	left             : 335px;
	background-image : none;
}

.postcardScrollable a.left {
	left             : 264px;
	background-image : none;
}

.postcardInfos {
	position : absolute !important;
	bottom   : -70px;
	left     : 65px;
}

.postcardInfos p {
	margin : 0 0 11px 0 !important;
}

.wgtChalkboard {
	width            : 560px;
	margin           : 100px 22px 88px 22px;
	background-image : url(../img/bg_wgtchalk_middle.png);
}

.wgtChalkboard .top {
	top              : -23px;
	height           : 23px;
	background-image : url(../img/bg_wgtchalk_top.png);
}

.wgtChalkboard .middle {
	padding  : 14px 45px 55px 45px;
	position : relative;
}

.wgtChalkboard .middle * {
	font-family : 'Schoolbell', Arial, sans-serif;
	color       : #fff;
	font-size   : 13px;
	line-height : 17px;
	font-weight : normal;
}

.wgtChalkboard .middle h4 {
	font-family : 'Schoolbell', Arial, sans-serif !important;
	color       : #fff;
	font-size   : 20px;
	font-weight : bold;
	line-height : 30px;
}

.wgtChalkboard .bottom {
	bottom           : -64px;
	height           : 64px;
	background-image : url(../img/bg_wgtchalk_bottom.png);
}

.wgtChalkboard .middle h2.widgetHeadline img {
	left   : -10px;
	top    : -65px;
	border : none;
}

.wgtChalkboard .middle img {
	border : 3px solid #fff;
}

.wgtChalkboard .middle .bt_orange {
	margin-right : 6px !important;
}

.wgtChalkboard .pictureLeft {
	margin-right  : 10px;
	margin-bottom : 10px;
	padding       : 0 !important;
	float         : left;
}

.wgtChalkboard .pictureRight {
	margin-left   : 10px;
	margin-bottom : 10px;
	padding       : 0 !important;
	float         : right;
}

.wgtChalkboard .pictureCenter {
	margin  : 10px auto !important;
	padding : 0 !important;
	display : block;
}

.wgtChalkboard a.chalk_prev,
.wgtChalkboard a.chalk_next {
	font-size       : 18px !important;
	text-decoration : none;
	position        : absolute;
	bottom          : 15px;
	right           : 45px;
}

.wgtChalkboard a.chalk_prev {
	right : 130px;
}

.wgtChalkboard a:hover {
	color : #e88300;
}

.wgtChalkboard img.binweg {
	position : absolute;
	border   : none !important;
	bottom   : 10px;
	left     : 42px;
}

/* einzelne Sprüche */
.haefftContent.sayings div.head {
	background : none;
}

.singleSaying {
	position    : relative;
	margin-top  : 55px;
	margin-left : 65px;
}

.singleSaying .spruchwrapper {
	background : transparent url('../img/bg_sayings_small.jpg') top left no-repeat;
	padding    : 27px;
	width      : 375px;
	height     : 221px;
	position   : relative;
	display    : table;
	/*border     : 6px solid white;*/
}

.favSaying {
	background    : transparent url('../img/bg_fav_wgtspruecheboard.jpg') top left no-repeat;
	width         : 550px;
	height        : 200px;
	border-bottom : 31px solid white;
}

.favSaying .spruchwrapper {
	background : none;
	border     : none;
	position   : absolute;
	top        : 24px;
	left       : 52px;
	width      : 364px;
	height     : 133px;
	overflow   : visible;
	margin     : 0;
	padding    : 0;
}

.favSaying .spruchwrapper .spruch {
	/*position         : absolute;*/
	margin           : 0;
	padding          : 0;
	color            : #a24407;
	background-color : transparent;
	font-style       : normal;
	font-size        : 22px;
	line-height      : 28px;
	font-family      : Myriad, sans-serif;
}

.singleSaying.favSaying .fb_post {
	position : absolute;
	top      : 179px;
	left     : -47px;
}

.fb_iframe_widget_lift {
	z-index : 2 !important
}

/*Überschreibt FB Style damit Bewertungssterne nicht über Popup liegt */

.singleSaying .spruch {
	width          : 100%;
	height         : 100%;
	padding        : 10px;
	display        : table-cell;
	vertical-align : middle;
	font-size      : 20px;
	line-height    : 28px;
	color          : #a24407;
	/*background-color : rgba(255, 255, 255, 0.75);*/
	/*-pie-background  : rgba(255, 255, 255, .75);*/
	/*behavior         : url(assets/css/PIE.htc);*/
}

.singleSaying a.left, .singleSaying a.right {
	top        : 0;
	display    : block;
	width      : 20px;
	height     : 29px;
	position   : absolute;
	left       : 0;
	background : transparent url(../img/bt_orangearrow_left.png) no-repeat left top;
}

.singleSaying a.right {
	right      : 0;
	left       : auto;
	background : transparent url(../img/bt_orangearrow_right.png) no-repeat left top;
}

.singleSaying a:hover.right, .singleSaying a:hover.left {
	background-position : bottom left;
}

.singleSaying .navigation {
	position : absolute;
	top      : -20px;
	left     : 10px;
	padding  : 0 30px;
	display  : block;
	width    : auto !important;
	z-index  : 1;
}

/* spruecheboard */

.wgtSpruecheboard {
	position   : relative;
	width      : 540px;
	height     : 640px;
	margin     : 40px 22px 88px 22px;
	background : transparent url(../img/bg_wgtspruecheboard.jpg) no-repeat top left;
	border     : 6px solid #fff;
}

.wgtSpruecheboard .widgetHeadline {
	top      : -20px;
	left     : 12px;
	position : relative;
}

.wgtSpruecheboard a.sprueche,
.wgtSpruecheboard a.back {
	position      : absolute;
	bottom        : 0;
	right         : 0;
	display       : block;
	height        : 34px;
	width         : 145px;
	overflow      : hidden;
	text-indent   : -999999px;
	color         : #fff;
	font-size     : 22px;
	border-width  : 4px 0 0 4px;
	border-color  : #fff;
	border-style  : solid;
	border-radius : 6px 0 0 0;
	background    : #e88300 url(../img/bt_sprueche.png) no-repeat left top;
	behavior      : url(assets/css/PIE.htc);
}

.wgtSpruecheboard a.back {
	background : #e88300 url(../img/bt_spruecheback.png) no-repeat left top;
}

.wgtSpruecheboard a.sprueche:hover, .wgtSpruecheboard a.sprueche:focus, .wgtSpruecheboard a.sprueche:active,
.wgtSpruecheboard a.back:hover, .wgtSpruecheboard a.back:focus, .wgtSpruecheboard a.back:active {
	background-color    : #f1b669;
	background-position : left bottom;
}

.wgtSpruecheboard .uebersichtspruchBox {
	position         : relative;
	width            : 495px;
	border-top       : 6px solid #fff;
	background-color : rgba(255, 255, 255, 0.85);
	-pie-background  : rgba(255, 255, 255, .85);
	margin           : 35px auto 0 auto;
	behavior         : url(assets/css/PIE.htc);
}

.wgtSpruecheboard .uebersichtspruchBox .entry {
	position      : relative;
	border-bottom : 6px solid #fff;
	padding       : 10px 20px 32px 20px;
}

.wgtSpruecheboard .uebersichtspruchBox .spruch {
	margin : 0 0 0 0;
}

.wgtSpruecheboard .uebersichtspruchBox .ratingBox {
	background-color : transparent;
}

.wgtSpruecheboard .uebersichtspruchBox ul.sternbewertung {
	right : 15px;
}

.wgtSpruecheboard .uebersichtspruchBox .navigation, .spruch .navigation {
	background-color : #fff;
	position         : absolute;
	left             : 0;
	bottom           : -36px;
	right            : 0;
	color            : #e88300;
	font-size        : 12px;
	line-height      : 42px;
}

.wgtSpruecheboard .uebersichtspruchBox .navigation .left {
	top  : 5px;
	left : 15px;
}

.wgtSpruecheboard .uebersichtspruchBox .navigation .right {
	top   : 5px;
	right : 15px;
}

.wgtSpruecheboard .spruchMonatWoche {
	position         : relative;
	width            : 404px;
	height           : 96px;
	border-top       : 6px solid #fff;
	background-color : rgba(255, 255, 255, 0.85);
	-pie-background  : rgba(255, 255, 255, .85);
	margin           : 40px auto 0 auto;
	behavior         : url(assets/css/PIE.htc);
}

.wgtSpruecheboard .spruchBox {
	position         : relative;
	width            : 478px;
	height           : 108px;
	border-top       : 6px solid #fff;
	background-color : rgba(255, 255, 255, 0.75);
	-pie-background  : rgba(255, 255, 255, .75);
	margin           : 40px auto;
	behavior         : url(assets/css/PIE.htc);
}

.wgtSpruecheboard .meinSpruch {
	position         : relative;
	width            : 382px;
	height           : 95px;
	background-color : rgba(255, 255, 255, 0.75);
	-pie-background  : rgba(255, 255, 255, .75);
	padding          : 10px;
	margin           : -20px 31px;
	behavior         : url(assets/css/PIE.htc);
}

.wgtSpruecheboard .meinSpruch div.captcha {
	position : absolute;
	bottom   : 10px;
	left     : 10px;
	margin   : 0;
}

.wgtSpruecheboard .meinSpruch input {
	font-family      : Arial, Helvetica, sans-serif;
	border           : 1px solid #000;
	width            : 240px;
	background-color : #fff;
	padding          : 2px 6px;
	font-size        : 11px;
	color            : #222;
	margin           : 0 0 4px 0;
	line-height      : 14px;
}

.wgtSpruecheboard .meinSpruch div.error {
	position : absolute;
	z-index  : 2;
	bottom   : -32px;
	left     : 10px;
	width    : 365px;
	display  : none;
}

.wgtSpruecheboard .meinSpruch div.okay {
	background-color : #fff;
	border           : 6px solid #090;
	color            : #090;
	width            : 350px;
	height           : 48px;
	padding          : 35px 20px 20px 20px;
	display          : none;
	font-weight      : bold;
	font-size        : 18px;
	line-height      : 22px;
	position         : absolute;
	top              : 0;
	left             : 0;
	z-index          : 5;
}

.wgtSpruecheboard .meinSpruch div.okay .close {
	color           : #090;
	position        : absolute;
	font-size       : 10px;
	font-weight     : normal;
	text-decoration : none;
	cursor          : pointer;
	top             : 4px;
	right           : 10px;
}

.wgtSpruecheboard .meinSpruch div.okay .close:hover {
	text-decoration : underline;
}

.wgtSpruecheboard .meinSpruch .charcount {
	position    : absolute;
	right       : 25px;
	top         : 14px;
	font-family : Arial, Helvetica, sans-serif;
	font-size   : 11px;
	font-weight : bold;
	color       : #005ea2;
}

.wgtSpruecheboard .meinSpruch .bt_orange {
	position    : absolute;
	bottom      : 11px;
	right       : 11px;
	display     : block;
	height      : 45px;
	width       : 126px;
	overflow    : hidden;
	text-indent : -999999px;
	color       : #fff;
	font-size   : 22px;
	border      : none;
	background  : #e88300 url(../img/bt_raushauen.png) no-repeat left top;
}

.wgtSpruecheboard .meinSpruch .bt_orange:hover, .wgtSpruecheboard .meinSpruch .bt_orange:focus, .wgtSpruecheboard .meinSpruch .bt_orange:active {
	background : #f1b669 url(../img/bt_raushauen.png) no-repeat left bottom;
}

.wgtSpruecheboard .navigation {
	position   : absolute;
	margin     : -20px 0 0;
	left       : 11px;
	width      : auto;
	text-align : center;
	display    : inline-block;
	padding    : 0 20px 0;
}

.wgtSpruecheboard .navigation .left {
	position   : absolute;
	display    : block;
	top        : 0;
	left       : 0;
	width      : 20px;
	height     : 29px;
	background : transparent url(../img/bt_orangearrow_left.png) no-repeat left top;
}

.wgtSpruecheboard .navigation .right {
	position   : absolute;
	display    : block;
	top        : 0;
	left       : auto;
	right      : 0;
	width      : 20px;
	height     : 29px;
	background : url("../img/bt_orangearrow_right_mobile.png") no-repeat scroll right top transparent;
}

.wgtSpruecheboard .spruchMonatWoche .navigation .left {
	top : 5px;
}

.wgtSpruecheboard .spruchMonatWoche .navigation .right {
	left : 250px;
	top  : 5px;
}

.wgtSpruecheboard .navigation a:hover {
	/*background-position : left bottom;*/
}

.wgtSpruecheboard .ratingBox {
	position         : absolute;
	left             : 0;
	bottom           : 0;
	background-color : #c4cfe7;
	color            : #005ea2;
	font-size        : 14px;
	line-height      : 26px;
	height           : 26px;
	padding          : 4px 20px;
	width            : 438px;
}

.wgtSpruecheboard .ratingBox .bt_orange {
	position : absolute;
	top      : 6px;
	left     : 390px;
	border   : 1px solid #fff;
}

.wgtSpruecheboard .ratingBox .bt_orange:hover {
	background-color : #f1b669;
}

.wgtSpruecheboard .paging {
	color       : #e88300;
	font-size   : 10px;
	font-weight : bold;
	position    : absolute;
	top         : 2px;
	right       : 12px;
}

.wgtSpruecheboard .spruch {
	font-family : 'Comic Sans MS', cursive;
	font-size   : 12px;
	line-height : 16px;
	margin      : 18px 10px 0 10px;
}

.wgtSpruecheboard .spruchMonatWoche .spruch {
	font-size   : 14px;
	line-height : 16px;
	margin      : 15px 20px 0 18px;
}

.wgtSpruecheboard .spruch .username {
	font-family : Arial, Helvetica, sans-serif;
	font-size   : 11px;
	font-weight : bold;
	color       : #005ea2;
}

/*.wgtLieblingssprueche {*/
/*border        : none;*/
/*border-bottom : 31px solid white;*/
/*position      : relative;*/
/*width         : 550px;*/
/*height        : 200px;*/
/*margin        : 120px 22px 48px 22px;*/
/*background    : transparent url('../img/bg_fav_wgtspruecheboard.jpg') top left no-repeat;*/
/*}*/

/*.wgtLieblingssprueche .spruchwrapper {*/
/*position : absolute;*/
/*top      : 36px;*/
/*left     : 44px;*/
/*width    : 364px;*/
/*height   : 133px;*/
/*overflow : visible;*/
/*margin   : 0;*/
/*display  : none;*/
/*}*/

/*.wgtLieblingssprueche .spruchwrapper.active { display : table; }*/

/*.wgtLieblingssprueche .spruch {*/
/*display        : table-cell;*/
/*width          : 100%;*/
/*height         : 100%;*/
/*vertical-align : middle;*/
/*margin         : 0;*/
/*color          : #a24407;*/
/*font-size      : 22px;*/
/*line-height    : 28px;*/
/*font-family    : Myriad, sans-serif;*/
/*}*/

/*.wgtLieblingssprueche .fb_post {*/
/*position        : absolute;*/
/*top             : 168px;*/
/*left            : -38px;*/
/*text-decoration : none;*/
/*}*/

/*.fb_post.success { opacity : .5; }*/

/*.wgtLieblingssprueche .fb_post img { display : block; }*/

/*.fb_post img.ajax_wait {*/
/*position   : absolute;*/
/*right      : -19px;*/
/*top        : 3px;*/
/*visibility : hidden;*/
/*}*/

/*.fb_post.wait img.ajax_wait {*/
/*visibility : visible;*/
/*}*/

/*.wgtLieblingssprueche .fb-like {*/
/*position : absolute;*/
/*top      : 169px;*/
/*right    : -137px;*/
/*z-index  : 9;*/
/*}*/

/* ####### Lieblingssprüche ######## */

#pausenhof .contentContainer {
	width  : 520px;
	margin : 100px 0 0 40px;
}

.wgtLieblingssprueche {
	border          : none;
	border-bottom   : 31px solid white;
	position        : relative;
	width           : 100%;
	height          : auto !important;
	top             : 20px;
	left            : 0;
	right           : 0;
	bottom          : 0;
	margin          : 10px 0 48px 0;
	background      : none !important;
	/*background    : transparent url('../img/Spruchhintergrund-mobile.jpg') top left no-repeat;*/
	background-size : cover;
}

.wgtLieblingssprueche .spruchwrapper {
	margin   : 0;
	overflow : hidden;
	position : absolute;
	top      : 0;
	right    : 0;
	bottom   : 0;
	left     : 0;
	padding  : 3% 0 3.5% 0;
}

.wgtLieblingssprueche .wgt_img {
	border     : 4px solid #FFF;
	box-sizing : border-box;
}

.wgtLieblingssprueche h3 {
	margin  : 0;
	padding : 0;
}

.wgtLieblingssprueche .spruch {
	color       : #a24407;
	font-size   : 34px;
	line-height : 38px;
	margin      : 0;
	padding     : 1.5% 18% 2% 4%;
	font-family : Myriad, sans-serif;
}

.fb_post.success {
	opacity : .5;
}

.wgtLieblingssprueche .fb_post img {
	display : block;
}

.fb_post img.ajax_wait {
	position   : absolute;
	right      : -19px;
	top        : 3px;
	visibility : hidden;
}

.fb_post.wait img.ajax_wait {
	visibility : visible;
}

.wgtLieblingssprueche .fb-like {
	position : absolute;
	bottom   : -25px;
	right    : 8px;
	z-index  : 9;
	width    : auto !important;
	height   : 20px !important;
}

.wgtLieblingssprueche .fb_post {
	position        : absolute;
	bottom          : -25px;
	left            : 8px;
	text-decoration : none;
}

.fb_post.success {
	opacity : .5;
}

.wgtLieblingssprueche .fb_post img {
	display : block;
}

.fb_post img.ajax_wait {
	position   : absolute;
	right      : -19px;
	top        : 3px;
	visibility : hidden;
}

.fb_post.wait img.ajax_wait {
	visibility : visible;
}

/* ########## Sprücheboard Navigation ########## */
/* ##### benötigt für die Lieblingssprüche ##### */
.wgtSpruecheboard .navigation {
	position   : absolute;
	margin     : -20px 0 0;
	/*left       : 10px;*/
	width      : auto;
	text-align : center;
	display    : inline-block;
	padding    : 0 20px 0;
	z-index    : 10;
	left       : 11px;
}

.wgtSpruecheboard .navigation .left {
	position   : absolute;
	display    : block;
	top        : 0;
	left       : 0;
	width      : 40px;
	height     : 49px;
	background : transparent url('../img/bt_orangearrow_left_mobile.png') no-repeat left top;
}

.wgtSpruecheboard .navigation .right {
	position   : absolute;
	display    : block;
	top        : 0;
	left       : auto;
	right      : 0;
	width      : 40px;
	height     : 49px;
	background : url("../img/bt_orangearrow_right_mobile.png") no-repeat scroll right top transparent;
}

ul.sternbewertung {
	background : transparent url(../img/bg_ratingstars.png) no-repeat left bottom;
	height     : 20px;
	list-style : none;
	margin     : 0 !important;
	padding    : 0 !important;
	position   : absolute;
	top        : 8px;
	right      : 12px;
	width      : 100px;
}

ul.stern1 {
	background-position : -80px 0 !important;
}

ul.stern2 {
	background-position : -60px 0 !important;
}

ul.stern3 {
	background-position : -40px 0 !important;
}

ul.stern4 {
	background-position : -20px 0 !important;
}

ul.stern5 {
	background-position : -0px 0 !important;
}

ul.sternbewertung li {
	float   : left;
	margin  : 0;
	padding : 0;
}

ul.sternbewertung li a {
	display         : block;
	height          : 20px;
	margin          : 0 !important;
	padding         : 0 !important;
	position        : absolute;
	text-decoration : none;
	text-indent     : -9000px;
	width           : 20px;
	z-index         : 6;
}

ul.sternbewertung li a:hover, ul.sternbewertung li a:focus, ul.sternbewertung li a:active {
	background : transparent url(../img/bg_ratingstars.png) no-repeat left top !important;
	left       : 0;
	z-index    : 1;
}

ul.sternbewertung a.stern1 {
	left : 0;
}

ul.sternbewertung a.stern1:hover, ul.sternbewertung a.stern1:focus, ul.sternbewertung a.stern1:active {
	width : 20px;
}

ul.sternbewertung a.stern2 {
	left : 20px;
}

ul.sternbewertung a.stern2:hover, ul.sternbewertung a.stern2:focus, ul.sternbewertung a.stern2:active {
	width : 40px;
}

ul.sternbewertung a.stern3 {
	left : 40px;
}

ul.sternbewertung a.stern3:hover, ul.sternbewertung a.stern3:focus, ul.sternbewertung a.stern3:active {
	width : 60px;
}

ul.sternbewertung a.stern4 {
	left : 60px;
}

ul.sternbewertung a.stern4:hover, ul.sternbewertung a.stern4:focus, ul.sternbewertung a.stern4:active {
	width : 80px;
}

ul.sternbewertung a.stern5 {
	left : 80px;
}

ul.sternbewertung a.stern5:hover, ul.sternbewertung a.stern5:focus, ul.sternbewertung a.stern5:active {
	width : 100px;
}

.wgtSpruecheboard .boxShadow {
	-moz-box-shadow    : 2px 3px 15px -5px #000;
	-webkit-box-shadow : 2px 3px 15px -5px #000;
	box-shadow         : 2px 3px 15px -5px #000;
	behavior           : url(assets/css/PIE.htc);
}

.boxShadow {
	-moz-box-shadow    : 2px 3px 22px 0 #000;
	-webkit-box-shadow : 2px 3px 22px 0 #000;
	box-shadow         : 2px 3px 22px 0 #000;
	behavior           : url(assets/css/PIE.htc);
}

/* undsonstSo */

.wgts {
	width            : 254px;
	background-image : url(../img/bg_wgts.png);
}

.wgts .top {
	background-image : url(../img/bg_wgts_top.png);
}

.wgts .bottom {
	background-image : url(../img/bg_wgts_bottom.png);
}

.wgtm {
	width            : 292px;
	background-image : url(../img/bg_wgtm.png);
}

.wgtm .top {
	background-image : url(../img/bg_wgtm_top.png);
}

.wgtm .bottom {
	background-image : url(../img/bg_wgtm_bottom.png);
}

.wgtl {
	width            : 318px;
	background-image : url(../img/bg_wgtl.png);
}

.wgtl .top {
	background-image : url(../img/bg_wgtl_top.png);
}

.wgtl .bottom {
	background-image : url(../img/bg_wgtl_bottom.png);
}

.wgtxs {
	width            : 283px;
	background-image : url(../img/bg_wgtxs.png);
}

.wgtxs .top {
	background-image : url(../img/bg_wgtxs_top.png);
}

.wgtxs .bottom {
	background-image : url(../img/bg_wgtxs_bottom.png);
}

.widget input, .widget select, .widget textarea {
	font-family      : Arial, Helvetica, sans-serif;
	border           : 1px solid #000;
	width            : 100%;
	background-color : #fff;
	padding          : 2px 6px;
	font-size        : 11px;
	color            : #222;
	margin           : 4px 0;
	line-height      : 14px;
}

.wgtm input {
	width : 240px;
}

.wgtl input {
	width : 266px;
}

.widget .fullPicLeft {
	float         : left;
	padding-right : 10px;
	margin        : -8px 0 -6px -9px;
}

.widget .fullPicRight {
	float        : right;
	padding-left : 10px;
	margin       : -8px -9px -6px 0;
}

.widget .picLeft {
	padding-right  : 10px;
	padding-bottom : 10px;
	float          : left;
}

.widget .picRight {
	padding-left   : 10px;
	padding-bottom : 10px;
	float          : right;
}

.undsonstsoBox h2.widgetHeadline img {
	top  : -46px;
	left : 5px;
}

.undsonstsoBox a.reload {
	left : 158px;
	top  : 4px;
}

.widget .userSearch {
	margin : 4px 0;
}

.widget .userSearch input {
	width : 136px;
}

.widget .userSearch .bt_orange {
	width     : auto;
	font-size : 11px;
	border    : 1px solid #f88300;
}

#likebox-frame {
	width    : 290px;
	z-index  : 10;
	height   : 390px;
	overflow : hidden;
	position : relative;
}

#likebox-frame iframe {
	left     : -1px;
	top      : -1px;
	overflow : hidden;
	position : relative;
}

.newUser {
	width         : 267px;
	height        : 60px;
	border-bottom : 1px solid #4e4e4e;
	margin        : 0 0 0 -9px;
	display       : block;
	padding       : 5px 0 0 6px;
}

.newUser a {
	width   : 50px;
	display : block;
	float   : left;
	padding : 0;
	margin  : 0 1px;
}

.newUser a img {
	border  : 1px solid #fff;
	padding : 0;
	margin  : 0;
}

.userpicLeft {
	position : relative;
	float    : left;
	margin   : 0 5px 14px 0;
}

.userpicLeft img {
	border : 1px solid #fff;
}

.userpicLeft .socialicon {
	position : absolute;
	bottom   : -12px;
	left     : 0;
	border   : none;
}

.widget div.captcha {
	margin : 4px auto 10px auto;
}

#pausenhof .kritzelFooter {
	width      : 470px;
	height     : 320px;
	background : url(../img/pausenhof_kritzelfooter.png) no-repeat right bottom;
	position   : absolute;
	right      : 0;
	bottom     : 0;
}

#pausenhof .binWeg {
	width      : 175px;
	height     : 60px;
	background : transparent url(../img/bin_weg.png) no-repeat top left;
	position   : absolute;
	right      : 20px;
	top        : 400px;
}

#pausenhof .meinSchwein {
	background : transparent url(../img/mein_schwein.png) no-repeat top left;
	width      : 275px;
	height     : 125px;
	position   : absolute;
	left       : 440px;
	top        : 810px;
}

.schuelercclink {
	text-decoration : none;
}

.schuelervzlink {
	text-decoration : none;
}

.favbg {
	background : white url('../img/bg_pausenhof.jpg') top left repeat;
}

/* --/PAUSENHOF-- */

/* --STOERER-- */

#stoerer {
	position    : absolute;
	left        : 0;
	top         : 85px;
	width       : 100%;
	z-index     : 999;
	padding-top : 12px;
	background  : transparent url(../img/bg_stoerer_top.png) repeat-x top left;
}

#stoerer .innerBox {
	background-color : #c65307;
	border-top       : 8px solid #fff;
	border-bottom    : 8px solid #fff;
}

#stoerer .sContent {
	width    : 698px;
	padding  : 17px 15px;
	color    : #fff;
	position : relative;
	overflow : hidden;
}

#stoerer .sContent a {
	color        : #fff;
	margin-right : 25px;
}

#stoerer .sContent p {
	padding : 0;
	margin  : 0;
}

#stoerer .sContent h1 {
	font-size        : 28px;
	color            : #fff;
	background-color : transparent;
	margin-bottom    : 18px;
}

#stoerer .sContent a.teaserpic {
	border       : 2px solid #fff;
	float        : left;
	margin-right : 15px;
}

#stoerer .sContent img.close {
	position     : absolute;
	right        : 15px;
	top          : 17px;
	margin-right : 0;
}

#stoerer .footer {
	height     : 12px;
	background : transparent url(../img/bg_stoerer_bottom.png) repeat-x top left;
}

/* --/STOERER-- */

/* -- WERBUNG -- */

.hockeyStickTop {
	display       : block;
	text-align    : right;
	padding-right : 227px;
}

#pausenhof .hockeyStickRight {
	display    : block;
	padding    : 0;
	text-align : left;
}

/* -- /WERBUNG -- */

a.bt_orange,
input.bt_orange {
	font-size        : 13px;
	font-weight      : bold;
	line-height      : 17px;
	color            : #fff;
	background-color : #e88300;
	border           : none;
	padding          : 1px 2px;
	text-decoration  : none;
	cursor           : pointer;
	margin-left      : 10px;
	width            : auto;
}

a.bt_orange {
	padding : 2px 4px !important;
}

a.more {
	color           : #fff;
	background      : #e88300 url(../img/arrow_link.gif) no-repeat center left;
	padding         : 3px 6px 3px 36px;
	vertical-align  : middle;
	text-decoration : none;
	line-height     : 22px;
}

a.more:hover, a.more:active, a.more:focus {
	text-decoration : underline;
}

div.captcha {
	width            : 250px;
	border           : 1px solid #fff;
	padding          : 1px;
	background-color : #808080;
	position         : relative;
	margin           : 10px auto;
}

div.captcha img {
	border-right : 1px solid #808080;
}

div.captcha div {
	background : transparent url(../img/bg_captcha.png) repeat left top;
}

div.captcha input {
	position         : absolute;
	right            : 15px;
	top              : 12px;
	border           : 1px solid #424242;
	width            : 68px !important;
	background-color : #fff;
	padding          : 2px 4px;
	margin           : 0;
	font-size        : 11px;
	line-height      : 14px;
}

div.capsmall {
	width  : 141px;
	margin : 6px auto;
}

div.capsmall img {
	border        : none;
	border-bottom : 1px solid #808080;
}

div.capsmall div {
	height : 80px;
}

div.capsmall input {
	right : 30px;
	top   : 53px;
}

.profileMenu div.capsmall {
	margin : 6px 0 6px -4px;
}

input.checkbox {
	height  : auto !important;
	width   : auto !important;
	border  : none;
	padding : 0;
	margin  : 0;
}

.content_top {
	z-index : 10;
}

.content_below {
	z-index : 5;
}

a.schuelervz {
	background  : transparent url(../img/icn_schuelervz.png) no-repeat center left;
	line-height : 26px;
	padding     : 3px 0 3px 25px;
}

a.schuelercc {
	background  : transparent url(../img/icn_schuelercc.png) no-repeat center left;
	line-height : 26px;
	padding     : 3px 0 3px 25px;
}

a.twitter {
	background  : transparent url(../img/icn_twitter.png) no-repeat center left;
	line-height : 26px;
	padding     : 3px 0 3px 25px;
}

a.flickr {
	background  : transparent url(../img/icn_flickr.png) no-repeat center left;
	line-height : 26px;
	padding     : 3px 0 3px 25px;
}

a.facebook {
	background  : transparent url(../img/icn_facebook.png) no-repeat center left;
	line-height : 26px;
	padding     : 3px 0 3px 25px;
}

a.otherlink {
	background  : transparent url(../img/icn_otherlink.png) no-repeat center left;
	line-height : 26px;
	padding     : 3px 0 3px 25px;
}

div.gutschein {
	height : 100px;
}

.btn_gutschein {
	background  : transparent url(../img/btn_gutschein.png) no-repeat left top;
	height      : 54px;
	width       : 384px;
	display     : block;
	overflow    : hidden;
	text-indent : -99999px;
}

.btn_gutschein:hover, .btn_gutschein:focus, .btn_gutschein:active {
	background : transparent url(../img/btn_gutschein.png) no-repeat left bottom;
}

div.gutschein .code {
	display : none;
}

.gutscheinbox {
	color      : #fff;
	background : #007917 url(../img/bg_gutschein.png) no-repeat left top;
	font       : bold 20px/24px "Courier New", Courier, monospace;
	text-align : center;
	height     : 38px;
	width      : 384px;
	display    : block;
	padding    : 44px 0 0 0;
}

.maillist .email {
	height      : 22px;
	line-height : 22px;
	padding     : 0 5px;
}

.maillist .bt_orange {
	height      : 22px;
	line-height : 22px;
	padding     : 0 7px;
}

.dotline {
	display    : block;
	overflow   : hidden;
	background : transparent url(../img/dotline_gray.gif) repeat-x top left;
	height     : 1px;
	clear      : both;
}

.red {
	color : #e88300;
}

.m4 {
	margin : 4px 0 !important;
}

.m8 {
	margin : 8px 0;
}

.m14 {
	margin : 14px 0;
}

.fr {
	float : right !important;
}

.fl {
	float : left !important;
}

.show {
	display : block;
}

.hide {
	display : none;
}

.clear {
	clear : both;
}

/* ###### Pausenhof Forum�bersicht ##### */
.forum_rect {
	background : url('../img/bg_ForumWidget_03.jpg');
	border     : 5px solid #9fbd1f;
	width      : 540px;
	height     : 319px;
	margin     : 50px 0;
}

.forum_logo {
	background : url('../img/h1_wgt_haefft_forum.png') no-repeat;
	width      : 128px;
	height     : 35px;
	position   : relative;
	top        : -25px;
	left       : 20px;
}

.reiter {
	font-family : Arial;
	font-size   : 14px;
	width       : 150px;
	height      : 25px;
	position    : relative;
	top         : -20px;
	left        : 267px;
	background  : #9fbd1f;
	text-align  : center;
	line-height : 170%;
	color       : #FFF;
	font-weight : 700;
}

.reiter a {
	color           : #FFF;
	text-decoration : none;
}

.item {
	width         : 515px;
	height        : 53px;
	margin        : 4px 0 9px 12px;
	font-family   : Arial;
	color         : #000;
	position      : relative;
	top           : -30px;
	border-bottom : 1px dashed #000;
}

.item a {
	text-decoration : none;
	font-weight     : normal;
}

.item a:hover {
	text-decoration : none;
}

.item:last-child {
	border-bottom : 0;
}

.headline {
	font-size    : 13px;
	width        : 150px;
	margin-right : 3px;
}

.avatar {
	width        : 20px;
	height       : 20px;
	margin-right : 40px;
}

.datum {
	line-height : 300%;
	font-size   : 10px;
	margin-left : 10px;
}

.last_post {
	width     : 190px;
	font-size : 12px;
	overflow  : hidden;
}

.last_post .imgage {
	height : 40px;
}

.line {
	width  : 100%;
	height : 1px;
	border : 1px dotted #000;
}

.fl {
	float : left;
}

.cf {
	margin  : 0;
	padding : 0;
	clear   : both;
}

/* #### Foren�bersicht ende #### */

/* 50 Avatars iFrame */
.iframeAvatar {
	width  : 50px;
	height : 50px;
	float  : left;
	margin : 0 3px 3px 0;
}

.mailer{
	text-decoration: underline;
	cursor: pointer;
}