/* ---- A L L G E M E I N --------------------------------------------------------------
--------------------------------------------------------------------------------------*/
@font-face {
 font-family: CicleFina;
  src: url('fonts/ciclefina-webfont.eot');
  src: url('fonts/ciclefina-webfont.eot?#iefix') format('embedded-opentype'),
       url('fonts/ciclefina-webfont.woff') format('woff'),
       url('fonts/ciclefina-webfont.ttf') format('truetype'),
       url('fonts/ciclefina-webfont.svg#ciclefina-webfont') format('svg');
}

@font-face {
 font-family: CicleFina;
  src: url('fonts/cicle_finaitalic.eot');
  src: url('fonts/cicle_finaitalic.eot?#iefix') format('embedded-opentype'),
       url('fonts/cicle_finaitalic.woff') format('woff'),
       url('fonts/cicle_finaitalic.ttf') format('truetype'),
       url('fonts/cicle_finaitalic.svg#cicle_finaitalic') format('svg');
  font-style: italic;
}

@font-face {
 font-family: CicleFina;
  src: url('fonts/ciclegordita-webfont.eot');
  src: url('fonts/ciclegordita-webfont.eot?#iefix') format('embedded-opentype'),
       url('fonts/ciclegordita-webfont.woff') format('woff'),
       url('fonts/ciclegordita-webfont.ttf') format('truetype'),
       url('fonts/ciclegordita-webfont.svg#ciclegordita-webfont') format('svg');
  font-weight: bold;
}

@font-face {
 font-family: CicleFina;
  src: url('fonts/ciclegorditaitalic-webfont.eot');
  src: url('fonts/ciclegorditaitalic-webfont.eot?#iefix') format('embedded-opentype'),
       url('fonts/ciclegorditaitalic-webfont.woff') format('woff'),
       url('fonts/ciclegorditaitalic-webfont.ttf') format('truetype'),
       url('fonts/ciclegorditaitalic-webfont.svg#ciclegorditaitalic-webfont') format('svg');
  font-weight: bold;
  font-style: italic;
}

html {
	height: 100%;
}

body {
	position:relative;
	height:auto !important;
	height:100%;
	min-height:100%;
	width: 100%;
	padding: 1px 0px 0px 0px;
	margin: 0px;
	background: #fff url(elemente/bg.jpg) repeat-x top;
	font-family: CicleFina, Helvetica, Arial, Tahoma;
	color: #000;
	text-align: center;
}

a img {
	border: none;
}

.clear {
	clear:both;
}

.site {
	width: 100%;
	min-width: 950px;
	display: block;
	margin: 0px auto;
}

.headerout {
	width: 250px;
	height: 210px;
	margin: 18px auto 0px auto;
	position: relative;
}

.headerin {
	width: 250px;
	height: 210px;
	margin: 0px;
	position: absolute;
	z-index: 3;
}

.navmain, .content, .footerin {
	width: 950px;
}


.trennbalken {
height: 15px;
width: 100%;
clear: both;
margin: 60px 0px;
}

/* ---- N A V I G A T I O N ------------------------------------------------------------
--------------------------------------------------------------------------------------*/

.navmain  {
	height: 140px;
	width: 950px;
	margin: -39px auto 0px auto;
}

.navmain ul {
	list-style-image: none;
	list-style-type: none;
	padding: 0px;
	margin: 0px 0px 0px 26px;
}

.navmain li {
	width: auto;
	min-width: 135px;
	float: left;
	margin: 0px 15px 0px 0px;
}

.navmain li a {
	font-size: 22px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 12px 0px;
	line-height: 28px;
	display: block;
	text-decoration: none;
}

.navmain img {
	padding: 68px 0px 0px 0px;
}
/*--------------------------------------------------------------------------------------*/
.dot_cyan a {
	color: #09e;
}
.dot_cyan .balken {
	background: #09e;
	height: 5px;
	width: 80px;
	margin: 0px auto;
	*margin: 0px;
}

.navmain .dot_cyan a:hover {
	background: url(elemente/nav_blue_hover.jpg) no-repeat top;
}
/*--------------------------------------------------------------------------------------*/
.dot_magenta a {
	color: #e07;
}
.dot_magenta .balken {
	background: #e07;
	height: 5px;
	width: 75px;
	margin: 0px auto;
	*margin: 0px;
}
.navmain .dot_magenta a:hover {
	background: url(elemente/nav_magenta_hover.jpg) no-repeat top;
}
/*--------------------------------------------------------------------------------------*/
.dot_yellow a {
	color: #d95;
}
.dot_yellow .balken {
	background: #fc0;
	height: 5px;
	width: 80px;
	margin: 0px auto;
	*margin: 0px;
}
.navmain .dot_yellow a:hover {
	background: url(elemente/nav_yellow_hover.jpg) no-repeat top;
}
/*--------------------------------------------------------------------------------------*/
.dot_blue a {
	color: #07c;
}
.dot_blue .balken {
	background: #07c;
	height: 5px;
	width: 140px;
	margin: 0px auto;
	*margin: 0px;
}
.navmain .dot_blue a:hover {
	background: url(elemente/nav_blue_hover.jpg) no-repeat top;
}
/*--------------------------------------------------------------------------------------*/
.dot_red a {
	color: #e31;
}
.dot_red .balken {
	background: #e31;
	height: 5px;
	width: 70px;
	margin: 0px auto;
	*margin: 0px;
}
.navmain .dot_red a:hover {
	background: url(elemente/nav_red_hover.jpg) no-repeat top;
}
/*--------------------------------------------------------------------------------------*/
.dot_green a {
	color: #7b2;
	margin: 0px;
}
.dot_green .balken {
	background: #8b2;
	height: 5px;
	width: 122px;
	margin: 0px auto;
	*margin: 0px;
}
.navmain .dot_green a:hover {
	background: url(elemente/nav_green_hover.jpg) no-repeat top;
}


/* ---- C O N T E N T  und  F O O T E R ------------------------------------------------
--------------------------------------------------------------------------------------*/

.content {
	width: 100%;
	display: block;
	padding: 0px 0px 180px 0px;
	margin: 0px auto;
}

.c950 {
	width: 950px;
	margin: 0px auto;
	clear: both;
	display: block;
}

.pic {
	width: 100%;
	height: 200px;
	background: #f00;
	margin-top: 50px;
}

.footerout {
	width: 100%;
	height: 140px;
	background: url(elemente/footer.jpg) repeat-x bottom;
	position: absolute;
	left: 0;
	bottom: 0;
	clear: both;
	z-index:1;
	display: block;
}

.footerin {
	width: 950px;
	margin: 0px auto;
	padding: 15px 0px 0px 0px;
}

.footerout a {
	text-decoration: none;
	color: #999;
	font-size: 12pt;
}

.footerin p {
	color: #bbb;
	text-align: center;
	margin: 12px 0px 0px 0px;
	padding: 0px;
	line-height: 16px;
}

input {
	margin-top: 2px;
	margin-bottom: 2px;
}

/* ---- T Y P O ------------------------------------------------------------------------
--------------------------------------------------------------------------------------*/
p {
	font-family: CicleFina, Helvetica, Arial, Tahoma;
	text-align: center;
	font-size: 13pt;
	line-height: 21px;
	color: #222;
}

.fussnote {
	font-size: 10pt;
	color: #666;
}

h1 {
	font-size: 33pt;
	text-decoration: none;
	font-style: normal;
	margin: 20px 0px 20px 0px;
	font-weight: normal;
}

h6 {
	font-family: CicleFina, Helvetica, Arial, Tahoma;
	color: #bbb;
	text-align: center;
	text-decoration: none;
	font-style: normal;
	font-size: 15pt;
	letter-spacing: 1px;
	font-weight: normal;
	padding: 0px;
	margin: 10px 0px 20px 0px;
}

.bold {
	font-family: CicleBold, Helvetica, Arial, Tahoma;
	font-weight: bold;
	font-size: 1.1 em;
}

hr {
	border: 0px;
	border-bottom: 1px dashed #999;
	margin: 30px 0px;
}


/* ---- U P L O A D E R ----------------------------------------------------------------
--------------------------------------------------------------------------------------*/

#bar_blank {
	border: none;
  	height: 20px;
  	width: 300px;
  	margin: 0px auto;
  	background: none;
  	position: relative;
}
 
#bar_color {
 	background: url(elemente/ladebalken.jpg) repeat-x top;
 	height: 20px;
  	display: block;
 	position: relative;
	margin: 0px;
  	padding: 0px;
}
 
#bar_blank, {
  	display: block;
  	margin: 0px auto;
}

#hidden_iframe {
	display: none;
 	margin: 0px auto;
}

.btn {
	height: 25px;
	background: none;
	border: 1px solid #999;
	margin: 0px;
	cursor: hand;
	cursor: pointer; 
}

.btnbg {
	background: url(elemente/bg_button.jpg) bottom left;
	height: 25px;
	padding: 0px;
	margin: 5px auto;
}

.btnbg:hover {
	background: url(elemente/bg_button_hover.jpg) bottom left;
}