
/* ===================================================== basic elements */

body
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	background-color: #cccccc;
	background-image: url(/assets/img/back.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	color: #444444;
}

h1,h2,h3,h4,h5,h6
{
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

h1
{
	margin: 10px 0px 5px 0px;
	font-size: 18px;
	line-height: 22px;
}

h2
{
	font-size: 16px;
	line-height: 19px;
	margin: 18px 0px 4px 0px;
}


h3
{
	margin: 6px 0px 3px 0px;
	font-size: 14px;
	line-height: 17px;
	position: relative;
}

h4
{
	margin: 10px 0px 5px 0px;
	font-size: 12px;
	line-height: normal;
}

h5
{
	font-size: 11px;
	line-height: 13px;
	margin: 2px 0px 1px 0px;
}

h6
{
	font-size: 10px;
	line-height: 12px;
	margin: 2px 0px 1px 0px;
}

hr
{
	border: 0;
	height: 1px;
	background-color: #dbdbdb;
	color: #dbdbdb;
	margin: 10px 0px;
}

img,div
{
	behavior: url(js/iepngfix.htc);
}

div
{
	position: relative;
}

.overEffekt:hover,
img.overEffekt:hover
/*,
a:hover img*/
{
	/*FF*/
	opacity: 0.6;
	/*IE*/
	filter: alpha(opacity=60);
}

label,select,textarea
{
	font-size: 11px;
	line-height: 13px;
}

ul li
{
	margin: 0px 0px 0px 16px;
	padding: 0px 0px 5px 0px;
	list-style-type: disc;
	list-style-position: outside;
}

ul.bulletMagenta li
{
	margin: 0px 0px 0px 16px;
	padding: 0px 0px 5px 0px;
	list-style-type: disc;
	list-style-position: outside;
	color: #cc0066;
}

ul.bulletMagenta li span
{
	color: #002843;
}



ul.ohne li
{
	margin: 0px 0px 0px 16px;
	padding: 0px 0px 5px 0px;
	list-style-type: none;
	list-style-position: outside;
}

ul.horizontal li
{
	display: inline;
	margin: 0px 10px 0px 0px;
}

li ul
{
	margin: 5px 0px 0px 0px;
}

p
{
	margin: 5px 0px 10px 0px;
	line-height: 17px;
}

ul
{
	margin: 0px;
	padding: 0px;
}

ol
{
	margin: 0px 0px 0px 15px;
	padding: 0px;
}

/* =============================================================== Links Start*/
a:link
{
	text-decoration: none;
	color: #B22053;
}

a:visited
{
	text-decoration: none;
	color: #B22053;
}

a:hover
{
	text-decoration: none;
	color: #707070;
}

a:active
{
	text-decoration: none;
	color: #B22053;
}

.linkPfeil
{
	position: relative;
	top: 2px;
	left: 0px;
}

/* ================================================================= Links End*/
.unsichtbar, .invisible
{
	display: none;
}

.nofloat
{
	clear: both;
	padding: 0px;
	margin: 0px;
	font-size: 0px;
	line-height: 0px;
	display: block;
}

.noDecoration
{
	text-decoration: none !important;
}

.spacer
{
	height: 10px;
	padding: 0px;
	margin: 0px;
	font-size: 1px;
	line-height: 1px;
	display: block;
}

.spacerWidth10
{
	width: 10px;
	padding: 0px;
	margin: 0px;
	font-size: 1px;
	line-height: 1px;
	display: inline-block;
}

.floatLi
{
	float: left;
	display:inline;
}

.floatRe
{
	float: right;
	display:inline;
}

.keinAbstandOben
{
	margin-top: 0px !important;
}

.keinAbstandUnten
{
	margin-bottom: 0px !important;
}

.paddingAll
{
	padding: 10px;
}

.paddingLeft-10
{
	padding-left: 10px !important;
}

.marginTop-5
{
	margin-top: 5px !important;
}

.marginTop-10
{
	margin-top: 10px !important;
}

.marginTop-15
{
	margin-top: 15px;
}

.marginTop-20
{
	margin-top: 20px !important;
}

.marginTop-25
{
	margin-top: 25px;
}

.marginTop-40
{
	margin-top: 40px;
}

.marginTop-65
{
	margin-top: 65px;
}

.marginRight-0
{
	margin-right: 0px !important;
}

.marginRight-5
{
	margin-right: 5px !important;
}

.marginRight-10
{
	margin-right: 10px !important;
}

.marginRight-12
{
	margin-right: 12px;
}

.marginRight-15
{
	margin-right: 15px !important;
}

.marginRight-20
{
	margin-right: 20px;
}

.marginRight-25
{
	margin-right: 25px;
}

.marginRight-40
{
	margin-right: 40px;
}

.marginBottom-5
{
	margin-bottom: 5px;
}

.marginBottom-10
{
	margin-bottom: 10px;
}

.marginBottom-15
{
	margin-bottom: 15px;
}

.marginBottom-20
{
	margin-bottom: 20px;
}

.marginBottom-25
{
	margin-bottom: 25px;
}

.marginBottom-30
{
	margin-bottom: 30px;
}

.marginBottom-40
{
	margin-bottom: 40px;
}

.marginBottom-50
{
	margin-bottom: 50px;
}

.marginBottom-60
{
	margin-bottom: 60px;
}

.marginLeft-5
{
	margin-left: 5px;
}

.marginLeft-10
{
	margin-left: 10px;
}

.marginLeft-15
{
	margin-left: 15px;
}


.marginLeft-20
{
	margin-left: 20px;
}

.marginLeft-25
{
	margin-left: 25px;
}

.marginLeft-30
{
	margin-left: 30px;
}

.marginLeft-35
{
	margin-left: 35px;
}

.txtZentriert { text-align: center; }

tr.txtFett td,tr.txtFett th,.txtFett
{
	font-weight: bold;
}

.txtNormal
{
	font-weight: normal;
}

.txt11px
{
	font-size: 11px !important;
	line-height: 13px;
}

.txt14px
{
	font-size: 14px !important;
	line-height: 17px;
}

.txtMagenta
{
	color: #B22053;
}


.handCursor
{
	cursor: pointer;
}

.block
{
	display: block;
}

.inline
{
	display: inline;
}

table.nowrap td,tr.nowrap td,td.nowrap,.nowrap {
	white-space: nowrap !important;
}

/* --::--*/
table.formular
{
	border-collapse: collapse;
	width: 100%;
	position: relative;
}

table.formular td
{
	border: 0px gray solid;
	padding: 0px 10px 5px 0px;
	vertical-align: bottom;
}

table.formular td input.inputfield
{
	width: 100%;
}

table.formular td textarea
{
	width: 100%;
}

table.formular td input.radio
{
	border:none;
}

table.formular td p
{
	margin-top: 0;
}

table.formular tr.paddingTop10 td
{
    padding-top: 10px;
}

.media {
    display: block;
    margin-bottom: 4em;
}

.media:after {
    content: "";
    display: table;
    clear: both;
}

.media__img {
    width: 30%;
    float: left;
    margin-right: 2em;
}

.media__img--rev {
    float: right;
    margin-left: 2em;
}

.media__img img,
.media__img--rev img {
    display: block;
    max-width: 100%;
    height: auto;
}

.media__body {
    overflow: hidden;
}

.media__body,
.media__body > :last-child {
    margin-bottom: 0;
}

.media__body h3 {
    margin: 0 0 1em 0;
}

.media__body a:after {
    content: " \00bb";
}
