/* (c) 2001 - 2006, EIKONA Medien GmbH, it.x informationssysteme gmbh, Mosaiq-Media GmbH, Alle Rechte vorbehalten. */

/* Grundgerüst der Seite */
#cycon-seite {
	width: 850px;
	margin: 20px auto;
}

.kopf-ecke-links {
	background: url(../pics/layout/cycon/ecke_orange_ol.gif) no-repeat top left #fb8600;
}

.kopf-ecke-rechts {
	height: 5px;
	line-height: 5px;
	background: url(../pics/layout/cycon/ecke_orange_or.gif) no-repeat top right;
}

#kopf-logo {
	height: 52px;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	background: url(../pics/layout/cycon/logo_cycon.gif) no-repeat 40px 13px;
}

.kopf-trennlinie-1 {
	height: 9px;
	line-height: 9px;
	background: url(../pics/layout/cycon/linie_gestrichelt_doppelt_1.gif) repeat-x top left;
}

#kopf-titel {
	height: 75px;
	background: url(../pics/layout/cycon/cycon_titel.gif) no-repeat top left;
}

#kopf-titel-hintergrund {
	height: 89px;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	background: url(../pics/layout/cycon/cycon_titel_hintergrund.gif) no-repeat top right;
}

.kopf-trennlinie-2 {
	height: 5px;
	line-height: 5px;
	background: url(../pics/layout/cycon/linie_gestrichelt_doppelt_2.gif) repeat-x top left;
}

#spalte-links {
	width: 150px;
	float: left;
}

#spalte-rechts {
	width: 200px;
	float: right;
}

#spalte-mitte {
	margin-left: 170px;
	margin-right: 220px;
}

#spalte-mitte .funktionen {
	margin: 0px;
	margin-bottom: 5px;
	padding: 0px;
}

#spalte-mitte .funktionen li {
	display: inline;
	margin-right: 5px;
}

#footer {
	clear: both;
	background: url(../pics/layout/cycon/footer_hg.gif) top left repeat-x;
}

#footer .footer-links {
	background: url(../pics/layout/cycon/footer_links.gif) top left no-repeat;
}

#footer .footer-rechts {
	height: 12px;
	background: url(../pics/layout/cycon/footer_rechts.gif) top right no-repeat;
}

/* Standard-Box */
.rahmen-oben-aussen {
	background: url(../pics/layout/cycon/ecke_orange_ol.gif) top left no-repeat #fb8600;
}

.rahmen-oben-innen {
	background: url(../pics/layout/cycon/ecke_orange_or.gif) top right no-repeat;
	padding: 2px 10px;
}

.rahmen-seite {
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
}

.rahmen-unten {
	margin: 0;
	margin-bottom: 10px;
	height: 4px;
	background: url(../pics/layout/cycon/box_rahmen_unten.gif) top left repeat-x;
}

.rahmen-unten-links {
	height: 4px;
	text-align: right;
	background: url(../pics/layout/cycon/box_ecke_ul.gif) top left no-repeat;
}


/* Link mit rundem Rahmen */
.verweis-rahmen {
	font-size: 9px;
	padding-bottom: 20px;
}

.verweis-rahmen img {
	vertical-align: middle;
}

.verweis-rahmen a:link,
.verweis-rahmen a:visited {
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	vertical-align: middle;
	text-decoration: none;
	color: #fb8600;
	padding: 0px 3px 1px 3px;
}


/* Allgemeine HTML-Elemente */
body {
	margin: 0;
	padding: 0;
	font-family: Verdana, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
}

h1 {
	display: none;
}

h2 {
	margin: 0;
	padding: 0;
	font-size: 11px;
	font-weight: bold;
}

h3 {
	margin: 0;
	padding: 0;
	font-size: 10px;
	font-weight: bold;
}

ul, li {
}

img {
	border: none;
}

a:link, a:visited {
	color: #FA2627;
}

a:hover {
	color: #FA2627;
}

table, tr, td {
	font-size: 10px;
}


/* modales Fenster */
#control_overlay				{ background-color: #000 }

.element-webapp					{ width: 380px; height: 744px; background: url(../pics/layout/webapp/iphone.png) no-repeat; overflow: hidden }
.element-webapp .iPhoneDisplay	{ width: 320px; height: 480px; position: relative; margin: 133px 0 0 32px; overflow: hidden; background-color: #000 }

.iPhoneDisplay .header			{ width: 320px; height: 20px; background: url(../pics/layout/webapp/header.png) no-repeat }
.iPhoneDisplay #zeit			{ line-height: 20px; font-weight: bold }

.iPhoneDisplay .logo			{ width: 320px; height: 44px; background: url(../pics/layout/webapp/header_itx.png) no-repeat }
.iPhoneDisplay .logo .back		{ display: block; margin: 7px 0 0 5px; cursor: pointer; float: left; width: 65px; height: 29px }

.iPhoneDisplay .tabbar			{ width: 320px; height: 49px; background: url(../pics/layout/webapp/tabbar_portrait_hg.png) no-repeat }
.iPhoneDisplay .tabbar img		{ margin: 3px 0 0 0 }

.iPhoneDisplay .seite			{ width: 320px; height: 411px; float: left; text-align: left; background: #F20404; overflow: hidden }
.iPhoneDisplay .inhalte			{ width: 2960px; height: 411px; position: relative }

.iPhoneDisplay .mitmachen		{ width: 320px; height: 367px; background: url(../pics/layout/webapp/pic_mitmachen_portrait.png) no-repeat }
.iPhoneDisplay .mitmachen form	{ padding: 95px 0 0 0 }
.iPhoneDisplay img.reset		{ vertical-align: middle; margin: 0 6px 0 0; cursor: pointer }
.iPhoneDisplay input			{ vertical-align: middle }
.iPhoneDisplay input.app-code	{ margin: 4px 0 0 6px; border: 0; padding: 5px 0 10px 10px; width: 205px; font-size: 17px; background: url(../pics/layout/webapp/hg_input.png) no-repeat }
.iPhoneDisplay .btn-akzeptanz	{ margin: 22px 0 0 6px; width: 100; height: 30px; cursor: pointer }