/* Farben */
.gold {
		color:#d89e00;
}
.black {
		color:#000000;
}
.white {
		color:#ffffff;
}
.grey {
		color:#e6e6e6;
}
.bg_grey {
		background-color:#e6e6e6;
}
.bg_gold {
		background-color:#d89e00;
}


/* Schriftgrössen */
.hoch {
		font-size:0.6em;
		vertical-align:super;
}
.small {
		font-size:0.9em; 
}
.standard {
		font-size:1.0em;
}
.medium {
		font-size:1.2em;
}
.big {
		font-size:5em;
}
.bold {
		font-weight:bold;
}

/* Tools */
.clear { /* Hilfskontainer zum clearen von Float */
		clear:both;
		border:0; 
		margin:0;
}
a:link {
		text-decoration: none;
}
a:visited {
		text-decoration: none;
		-moz-outline:0; 
		outline:0;
}
a:hover {
		text-decoration: none;
}
a:active {
		text-decoration: none;
}
.exlink {
		padding-left: 1em;
		background-image: url(images/external.png);
		background-repeat: no-repeat;
		background-position: left center;
}
.doc {
		padding-left: 1em;
		background-image: url(images/document.png);
		background-repeat: no-repeat;
		background-position: left top;
}
.pad_top {
		padding-top: 1em;
}
.pad_bottom {
		padding-bottom: 1em;
}

.tleft {
		text-align: left;
}
.tright {
		text-align: right;
}
.tcenter {
		text-align: center;
}

.left {
		float:left;
}
.top {
		vertical-align:top;
}
.base {
		vertical-align: baseline;
}
.mid {
		vertical-align: middle;
}
.nodisplay {
		display:none;
}

/* Formular Felder */
input {
		font-size: 1em;
}

/* Body und Seitencontainer */
html {
		overflow-y:scroll;
}
.body {
		background-color:#64a0dc; 
		height:100%; 
		border:0; 
		margin:0;
		font-family:sans-serif; 
		font-size:12px;
}

.main {
		height:100%; 
		width:1100px; 
		border:0; 
		margin-left: auto; 
		margin-right: auto; 
		text-align: center;
}

/* Navigation */
.navmain { 	
		height:47px; 
		width:1100px;
		background-image:url(images/nav_bg.png); 
		background-repeat:repeat-x; 
		border:0; 
		margin-top:auto; 
		margin-bottom:auto;
}
.navheader { /* Der obere Teil des Serverracks */
		height:47px; 
		width:241px;
		background-image:url(images/nav_bg_right.png); 
		background-repeat:no-repeat; 
		border:0; 
		float:right;
}
.navbutton {
		height:47px;
		line-height:45px;
		background-image:url(images/nav_trenner.png); 
		background-repeat:no-repeat; 
		background-position:right; 
		text-align:center; 
		float:left; 
		border:0; 
		padding-right:15px; 
		padding-left:15px; 
		margin:auto;
		font-size:1.55em;
		font-weight:bold;
}

/* Header ... Wolkenbanner*/
.header {
		width:1100px; 
		height:271px;
		border:0;
		margin:0;
}

/* Teaser */
.teasermain { 	/* hier ist der untere Teil des Serverracks */
		height:138px; 
		width:1100px;
		background-color:#FFFFFF;
		background-image:url(images/teaser_bg_right.png);
		background-repeat:no-repeat; 
		background-position:right;
		margin:0;
		border:0; 
}
.teaserleft { 	/* hier ist der Unterkörper des Männchens */
		height:138px; 
		width:170px;
		background-repeat:no-repeat; 
		border:0; 
		margin:0;
		float:left;
}
.teaserleft2 { 	/* hier ist der Unterkörper des Männchens */
		height:138px; 
		width:230px;
		background-repeat:no-repeat; 
		border:0; 
		margin:0;
		float:left;
}
.teasercontent { /* hier steht der Seitenslogen */
		height:138px;
		max-width:680px;
		line-height:136px;
		border:0; 
		margin:0;
		float:left;
		font-size:3.2em;
}

/* Elemente für die Preisbox */
.pbox {
		margin:0;
		border:0;
		float:left;
}
.pbox_full { /* Wenn man ohne Slices arbeiten will */
		height:195px; 
		width:291px; 
		background-image:url(images/pbox_full.png); 
		background-position:left bottom;
		background-repeat:no-repeat;
		border:0; 
		margin:0;
		float:left;
}
.pb_headline {
		height:90px;
		line-height:90px;
		font-weight:bold;
}
.pb_preis {
		height:55px;
		line-height:55px;
		font-weight:bold;
		padding-left:70px;
		padding-top:15px;
}
.pb_abrechnung {
		padding-left:123px;
}

/* Tabelle */
.tbl {
		margin:0;
		border:0;
		padding:0;
}
.tbl_80 {
		width:80px;
		margin:0;
		border:0;
		padding:0.2em 0.1em 0.2em 0.1em;
}
.tbl_100 {
		width:100px;
		margin:0;
		border:0;
		padding:0.2em 0.1em 0.2em 0.1em;
}
.tbl_200 {
		width:200px;
		margin:0;
		border:0;
		padding:0.2em 0.1em 0.2em 0.1em;
}
.tbl_300 {
		width:300px;
		margin:0;
		border:0;
		padding:0.2em 0.1em 0.2em 0.1em;
}
.tbl_400 {
		width:400px;
		margin:0;
		border:0;
		padding:0.2em 0.1em 0.2em 0.1em;
}
.tbl_free {
		margin:0;
		border:0;
		padding:0.2em 0.1em 0.2em 0.1em;
}
.tbl_medium {
		width:430px;
		margin:0;
		border:0;
		padding:0.2em 0.1em 0.2em 0.1em;
}
.tbl_trenner_ver {
		background-image:url(images/tbl_trenner_ver.png);
		background-position: center;
		background-repeat:repeat-y;
		margin:0;
		border:0;
		padding:0;
}
.tbl_trenner_hor {
		background-image:url(images/tbl_trenner_hor.png);
		background-position: center;
		background-repeat:repeat-x;
		margin:0;
		border:0;
		padding:0;
		height:7px;
}
.eol { /* Ecke oben, links */
		height:21px; 
		width:21px; 
		background-image:url(images/eol.png); 
		background-repeat:no-repeat;
		background-position:top left;
		border:0; 
		margin:0;
}
.eor { /* Ecke oben, rechts */
		height:21px; 
		width:21px; 
		background-image:url(images/eor.png); 
		background-repeat:no-repeat; 
		background-position:top right;
		border:0; 
		margin:0;
}
.eul { /* Ecke unten, links */
		height:21px; 
		width:21px; 
		background-image:url(images/eul.png); 
		background-repeat:no-repeat; 
		background-position:bottom left;
		border:0; 
		margin:0;
}
.eur { /* Ecke unten, rechts */
		height:21px; 
		width:21px; 
		background-image:url(images/eur.png); 
		background-repeat:no-repeat; 
		background-position:bottom right;
		border:0; 
		margin:0;
}
.em { /* Seite mitte */
		height:21px; 
		width:21px; 
		background-image:url(images/em.png); 
		background-repeat:no-repeat; 
		border:0; 
		margin:0;
}
.mark:hover { 
		/* background: #d89e00; */
		background-color: rgba(216,158,0,0.25);
}

/* Content */
.info {
		padding-top:25px;
}
.apendix {
		height:50px;
		line-height:50px;
}
.footer {
		height:50px;
		line-height:50px;
		background-color:#64a0dc;
}