/***************************************************************************************************

	Project		:	RedaxoPN Grid960 T1
	Copyright	:	Puro Nectar

	::: Main Stylesheet :::

****************************************************************************************************

/* undo   *************************************************************************************** */

:link,:visited { text-decoration:none; }
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; font-weight:normal; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input, dl, dt, dd { margin:0; padding:0 }
img, a img,:link img,:visited img, fieldset { border:none }
img { margin:0; padding:0; vertical-align:bottom; }
address { font-style:normal }

table {	border:none; padding:0px; margin:0px; border-spacing:0px; font-size:1em;}
tr { border:none; padding:0px; margin:0px; }
td { border:none; padding:0px; margin:0px; vertical-align:top; border-spacing:0px; }


legend { display:none; }

div, p, li, a {background-repeat:no-repeat; }

/* reset some basic style *********************************************************************** */

dl			{margin: 0 0 0 0;}
dl dt		{margin: 0 0 0 0;}
dl dd+dt	{margin-top: 0;}
dl dd		{margin: 0 0 0 0;}

ol			{list-style: none;}
ol li		{margin: 0 0 0 0;}
ol li ol	{margin: 0 0 0 0;}
ol li ul	{margin: 0 0 0 0;}

p			{margin-bottom: 0em;}

ul			{list-style: none;}
ul li		{margin: 0 0 0 0;}
ul li ul	{margin: 0 0 0 0; list-style: none;}
ul li ol	{margin: 0 0 0 0;}

pre			{font-size:1em; }

a:hover { text-decoration:none; }

.clearer {
	display:block;
	clear:both;
	line-height:0;
	height:1px;
	font-size:0;
	visibility:hidden;
	}

.clear {
	clear:both;
	}

.floatLeft { float:left; }
.floatRight { float:right; }

.warning { color:#f00; background: inherit; }

/* HTML ***************************************************************************************** */
html {
	min-height: 100%;
	border-bottom:1px solid transparent;
	background:#ffffff;
}

/* BODY ***************************************************************************************** */
body.main {
	color: #222;
	font-family:Verdana,Helvetica, sans-serif;
	text-align:justify;
	font-size:11px;
}

.content {
	margin:0 auto;
	position:relative;
	width:960px;
	}
	
/* Head  **************************************************************************************** */
#head {
	position:fixed; 
	z-index:10;
	padding:0;
	margin:0;
	height:194px;
	width:100%;
	border-top:3px solid #2E7AA0;
	background:#D5E4EC;
}

#head .shadow {
	position:absolute;
	left:0;
	top:184px;
	z-index:50;
	padding:0;
	margin:0;
	height:10px;
	width:100%;
	background:url(../img/thw_shadow.png) bottom repeat-x;
}

#head .logo {
	position:absolute;
	left:700px;
	top:35px;
	width:235px;
	height:140px;
	background:url(../img/thw_logo.png);
	z-index:5;
}

#head #girl {
	position:absolute;
	left:35px;
	top:23px;
	width:247px;
	height:274px;
	background:url(../img/thw_girl.png);
	z-index:100;
}

/* DOLPHINS */
@-webkit-keyframes spin {
	from {
		-webkit-transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(360deg);
	}
}

@-moz-keyframes spin {
	from {
		-moz-transform: rotate(0deg);
	}
	to {
		-moz-transform: rotate(360deg);
	}
}

@-ms-keyframes spin {
	from {
		-ms-transform: rotate(0deg);
	}
	to {
		-ms-transform: rotate(360deg);
	}
}

#bassin01 {
	position: absolute; 
	width: 440px; 
	height: 150px;
	overflow:hidden;
	top:44px;
	left:20px;
	z-index:20;
}

#dolphin01 {
	background: url(../img/thw_dolphin_1.png) 0 0 no-repeat; 
	position: absolute; 
	top: 80px; 
	left: 20px; 
	width: 360px; 
	height: 360px; 
  
  /* microsoft ie */
	animation-name: spin; 
	animation-duration: 6000ms; /* 40 seconds */
	animation-iteration-count: infinite; 
	animation-timing-function: linear;


			-webkit-animation-name: spin; 
			-webkit-animation-duration: 6000ms; /* 40 seconds */
			-webkit-animation-iteration-count: infinite; 
			-webkit-animation-timing-function: linear;
			
			-moz-animation-name: spin; 
			-moz-animation-duration: 6000ms; /* 40 seconds */
			-moz-animation-iteration-count: infinite; 
			-moz-animation-timing-function: linear;
			
			-ms-animation-name: spin; 
			-ms-animation-duration: 6000ms; /* 40 seconds */
			-ms-animation-iteration-count: infinite; 
			-ms-animation-timing-function: linear;
			
			/* boooo opera */
			-o-transition: rotate(3600deg); /* works */
}

#bassin02 {
	position: absolute; 
	width: 440px; 
	height: 100px;
	overflow:hidden;
	top:60px;
	left:320px;
}

#bassin02 .waves {
	position: absolute; 
	width: 100%; 
	height: 10px;
	bottom:0;
	display:block;
	background: url(../img/thw_waves.png) 0 bottom repeat-x;
	z-index: 15px;
}

#dolphin02 {
	background: url(../img/thw_dolphin_2.png) 0 0 no-repeat; 
	position: absolute; 
	top: 50px; 
	left: 10px; 
	width: 260px; 
	height: 260px; 
  
  /* microsoft ie */
	animation-name: spin; 
	animation-duration: 5000ms; /* 40 seconds */
	animation-iteration-count: infinite; 
	animation-timing-function: linear;


			-webkit-animation-name: spin; 
			-webkit-animation-duration: 5000ms; /* 40 seconds */
			-webkit-animation-iteration-count: infinite; 
			-webkit-animation-timing-function: linear;
			
			-moz-animation-name: spin; 
			-moz-animation-duration: 5000ms; /* 40 seconds */
			-moz-animation-iteration-count: infinite; 
			-moz-animation-timing-function: linear;
			
			-ms-animation-name: spin; 
			-ms-animation-duration: 5000ms; /* 40 seconds */
			-ms-animation-iteration-count: infinite; 
			-ms-animation-timing-function: linear;
			
			/* boooo opera */
			-o-transition: rotate(3600deg); /* works */
}


/* Navigation *********************************************************************************** */
#navigation {
	position:relative;
	left:240px;
	top:15px;
	margin:0;
	height:40px;
	width:480px;
	background:url(../img/thw_subline.png) no-repeat center bottom;
	clear: both;
	float: left;
	z-index:150;
}

#navCloud {
	position:absolute;
	left:240px;
	top:70px;
	width:470px;
	height:120px;
	z-index:150;
}

/* Main ***************************************************************************************** */
/* #foot, #head: fixed */
#main {
	position:relative;
	top:210px;
	padding-bottom:40px;
}

/* #foot, #head: relative *
#main {
	position:relative;
} */

#main .girl {
	position:absolute;
	left:35px;
	top:0px;
	width:247px;
	height:103px;
	background:url(../img/thw_girl_02.png);
	z-index:100;
}

/* Content ************************************************************************************** */
.block {
}

/* foot ***************************************************************************************** */
#foot {
	position:fixed;
	bottom:0;
	margin:0;
	height:40px;
	width:100%;
	display: block;
	background:#807665 url(../img/thw_foot.png) repeat-x;
}

#foot .address {
	display:block;
	text-align:center;
	height:18px;
	margin-top:10px;
	font-size: 14px;
	font-family:"Strait", sans-serif;;
	color:#efefef;
}

#foot .address a {
	color:#777;
}

#foot .address img {
	position:relative;
	top:2px;
	margin-right:10px;
}

/* headlines ************************************************************************************ */
h1, h2, h3, h4, h5, h6 {
	margin:0 10px;
	padding-right: 20px;
	font-family: "Strait", sans-serif;;
	text-align: right;
}

.block h1 {
	font-size:20px;
	font-weight:normal;
	line-height:2em;
	color: #2E7AA0;
}

.block h2 {
	font-size:16px;
	font-weight:bold;
	line-height:1.6em;
	text-align:left;
	color: #222;
}

.block h3 {
	font-size:14px;
	font-weight:normal;
	line-height:1.5em;
	text-align:left;
	color: #D5E4EC;
}

.block h4 {
	font-size:14px;
	font-weight:normal;
	line-height:1.5em;
	text-align:left;
	margin-top:0.6em;
	color: #2E7AA0;
}

.block h5, .block h6 {
	font-size:21px;
	font-weight:bold;
	line-height:1.5em;
	text-align:left;
}

.block h5 {
	color: #2E7AA0;
}

.block h6 {
	color: #D5E4EC;
}

/* ### Images ############################################################ */

.block img {
	margin:0 10px;
}

.block small { 
	color: #777;
	line-height:11px;
	font-size: 9px; 
}

/* ### Hyperlinks ######################################################### */

.block a, .block a:link {
	text-decoration:none;
	color: #2E7AA0;
}

.block a:hover {
	color: #2E7AA0;
}

/* ### Paragraphs ########################################################## */

.block p {
	margin:0 10px 1.0em 10px;
	font-size:11px;
	line-height:1.6em;
	text-align:justify;
}

.block b {
	font-weight:bold;
	color: #2E7AA0;
}

.block strong {
	font-weight:bold;
}

.block i {
	font-style:italic;
	color: #2E7AA0;
}

.block em {
	font-style:italic;
}

/* ### Tables ############################################################## */

.block table {
	font-size:1em;
	line-height:1.6em;
}

.block td, .block th {
	padding:0 12px 0 0;
	}


/* ### Blockquotes ########################################################## */

.block blockquote {
	margin:0 0 0 20px;
}


/* ### Lists ################################################################ */

.block ul, 
.block ol {
	margin-bottom:1.2em;
	font-size:11px;
	line-height:1.6em;
}

.block ol li {
	margin:0 0 0 30px;
	list-style-type:decimal-leading-zero;
} 

.block ul li {
	margin:0 0 0 20px;
	list-style-type:disc;
}


/* #### J A V A S C R I P T ##################################################################### */


/* ShadowBox
---------------------------------------------------------------------- */
#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message {
	font-family:"HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-weight:200;
	color:#fff;
}

#sb-container {
	position:fixed;
	margin:0;
	padding:0;
	top:0;
	left:0;z-index:999;
	text-align:left;
	visibility:hidden;
	display:none;
	}
	
#sb-overlay {
	position:relative;
	height:100%;
	width:100%;
	}
	
#sb-wrapper {
	position:absolute;
	visibility:hidden;
	width:100px;
	}
	
#sb-wrapper-inner {
	position:relative;
	border:1px solid #303030;
	overflow:hidden;
	height:100px;
	}
	
#sb-body {
	position:relative;
	height:100%;
	}
	
#sb-body-inner {
	position:absolute;
	height:100%;
	width:100%;
	}
	
#sb-player.html {
	height:100%;
	overflow:auto;
	}
	
#sb-body img{
	border:none;
	}
	
#sb-loading {
	position:relative;
	height:100%;
	}
	
#sb-loading-inner {
	position:absolute;
	font-size:14px;
	line-height:24px;
	height:24px;
	top:50%;
	margin-top:-12px;
	width:100%;
	text-align:center;
	}
	
#sb-loading-inner span {
	background:url(../img/sb_loading.gif) no-repeat;
	padding-left:34px;
	display:inline-block;
	}
	
#sb-body,#sb-loading {
	background-color:#060606;
	}
	
#sb-title,#sb-info {
	position:relative;
	margin:0;
	padding:0;
	overflow:hidden;
	}
	
#sb-title,#sb-title-inner {
	height:26px;
	line-height:26px;
	}
	
#sb-title-inner {
	font-size:16px;
	}
	
#sb-info,#sb-info-inner {
	height:20px;
	line-height:20px;
	}
	
#sb-info-inner {
	font-size:12px;
	}
	
#sb-nav {
	float:right;
	height:16px;
	padding:2px 0;
	width:45%;
	}
	
#sb-nav a {
	display:block;
	float:right;
	height:16px;
	width:16px;
	margin-left:3px;
	cursor:pointer;
	background-repeat:no-repeat;
	}
	
#sb-nav-close {
	background-image:url(../img/sb_close.png);
	}
	
#sb-nav-next {
	background-image:url(../img/sb_next.png);
	}
	
#sb-nav-previous {
	background-image:url(../img/sb_previous.png);
	}
	
#sb-nav-play {
	background-image:url(../img/sb_play.png);
	}
	
#sb-nav-pause {
	background-image:url(../img/sb_pause.png);
	}
	
#sb-counter {
	float:left;
	width:45%;
	}
	
#sb-counter a {
	padding:0 4px 0 0;
	text-decoration:none;
	cursor:pointer;
	color:#fff;
	}
	
#sb-counter a.sb-counter-current {
	text-decoration:underline;
	}
	
div.sb-message {
	font-size:12px;
	padding:10px;
	text-align:center;
	}
	
div.sb-message a:link,div.sb-message a:visited {
	color:#fff;
	text-decoration:underline;
	}
	
/***************************************************************************************************

	Project		:	RedaxoPN Grid960 T1
	Copyright	:	Puro Nectar

	::: Navigation Stylesheet :::

***************************************************************************************************/

/* Navigation *********************************************************************************** */

#navBase {
	list-style-type:none;
	height:40px;
	margin:0; 
	padding:0;
	float: left;
	position: relative; 
	left: 50%;
}

#navBase li {
	display:block; 
	float:left; 
	position:relative; 
	white-space:nowrap;
	right: 50%;
}
	
#navBase li span a {
	display:block; 
	padding:6px 15px;
	font-size:18px;
	font-family:"Strait", sans-serif;;
	text-align:center;
	float:left;
}

#navBase li span a, #navBase li span a:visited {
	color:#777;
}

#navBase li span.current a, #navBase li span a:hover {
	color:#2E7AA0;
}

ol.cloud { 
	font-size: 1.0em; 
	margin-left:-4px;
	padding-left:0;
	width: 480px; 
	font-family:"Strait", sans-serif;;
}

ol.cloud li { 
	display:inline; 
	padding: 2px 5px; 
}

ol.cloud li a { 
	color:#777;
}

ol.cloud li span.current a, ol.cloud li span a:hover {
	color:#2E7AA0;
}

ol.cloud li.hidden { 
	padding: 2px 1px;
}

/* breadcrumb *********************************************************************************** */
.breadcrumb {
	width:140px;
	right:0;
	top:32px;
	clear:both;
	display:block;
	position:absolute;
	bottom:4px;
}

.breadcrumb p {
	font-size:11px;
	color:#222;
	text-align:center;
	padding:0 10px;
	height:16px;
	font-family:"Strait", sans-serif;;
}

.breadcrumb a {
	color:#2E7AA0;
	margin:0;
}

.breadcrumb a:hover {
	color:#2E7AA0;
}/***************************************************************************************************

	Project		:	RedaxoPN Grid960 T1
	Copyright	:	Puro Nectar

	::: Modules Stylesheet :::

***************************************************************************************************/

/* ### Module ################################################################ */

/* TinyMCE
*******************************************************************************
@import url(../files/addons/tinymce/content.css);

/* headline �
*******************************************************************************/
.renderhead {
	display: block;
	}

.renderhead span { 
	display: none;
	}

.renderhead img { 
	padding:5px;
	}

.hdl {
	margin:0; 
}

.master {
	padding-left:150px;
	display:block;
	margin:0 10px 30px 10px; 
	height:58px;
	font-size:36px;
	padding-top:22px;
}

/* navigation
*******************************************************************************/
.mod.navlist {
	display:block;
}

.mod.navlist li {
	list-style-type: none;
	margin-left:10px;
}

/* -----------------------------im Modul als Linie vorbereitet
#mod_navList .mod_navLine {
	height:1px;
	width:100%;
	border-top:#CED2D3 1px solid;
	display:block;
}
*/
.mod_nav {
	display:block;
	-moz-border-radius:8px;
	-khtml-border-radius:8px;
	-o-border-radius:8px;
	-ms-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	border:#CED2D3 1px solid;
	padding:9px;
	margin-bottom:10px;
	position:relative;
	background-color:rgba(255,255,255,0.8);
}

.mod_navRead {
	position:relative;
	width:100%;
	text-align:right;
	display:block;
	right:0;
	bottom:0;
}

.mod_navImg {
	display:block;
	float:left;
	margin-right:20px;
	-moz-border-radius:6px;
	-khtml-border-radius:6px;
	-o-border-radius:6px;
	-ms-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	cursor:pointer;
}

/* link
*******************************************************************************/
.linkmod {
}

.linkmod .link {
	font-weight:bold;
	float:left;
}

.linkmod .link .text {
	margin-top:4px;
}

/* line
*******************************************************************************/
.line {
	border-bottom:solid 1px #2E7AA0;
	margin:0 10px 5px 10px;
}

/* teaser
*******************************************************************************/
.teaser
	{
	margin-bottom:-8px;
	}

/* textile �
*******************************************************************************/
.textile
	{
	display:block;
	}
	
.textile table {
	margin: 10px;
}

.textile div.floatLeft 
	{
	float:left;
	margin-bottom:4px;
	}

.textile div.floatRight 
	{
	float:right;
	margin-bottom:4px;
	}

.textile div.center 
	{
	margin-left: auto;
	margin-right:auto;
	}

/* image �
*******************************************************************************/
.image
	{
	display:block;
	}

.image .def
	{
	display:block;
	}

.image .floatLeft
	{
	float:left;
	display:block;
	}

.image .floatRight 
	{
	float:right;
	}

.image div.center 
	{
	margin-left: auto;
	margin-right:auto;
	}

.image div.bu 			
	{ 
	font-size:11px;
	font-style:italic;
	margin:4px 0 6px 15px;
	padding:0;
	}

div.wetfloor {
	margin:0 10px -12px 10px;
	}

.image div.wetfloor img{
	padding:0;
	margin:0;
	}

.block .image div.copyright {
	text-align:right;
	position:relative;
	bottom: 45px;
	font-size:10px;
	color:#777;
}

/* iframe
*******************************************************************************/
#i_frame
	{
	margin:0;
	}

/* Paginator 
*******************************************************************************/
#paginator {
	width:700px;
	padding:0;
	height:20px;
	}

#paginate_nav {
	float:right;
	}

#paginate_nav .label {
	font-size:10px;
	color:#777;
	float:left;
	margin:3px 10px 0 0;
	}

#paginate_nav .pages {
	font-size:10px;
	color:#777;
	float:left;
	}

#paginate_nav .pages span {
	font-size:10px;
	color:#222;
	padding:1px 4px;
	margin:1px;
	float:left;
	}

#paginate_nav .pages span.paktiv {
	font-size:10px;
	color:#2E7AA0;
	border:1px solid #2E7AA0;
	margin:0px;
	float:left;
	border-radius:2px;
	}

#paginate_nav .pages span a{
	font-size:10px;
	color:#777;
	float:left;
	}

#paginate_nav .switch {
	margin-left:20px;
	color:#2E7AA0;
	float:left;
	}

#paginate_nav .switch span {
	font-size:16px;
	font-weight:bold;
	margin:0 8px;
	color:#777;
	float:left;
	}

#paginate_nav .switch span a{
	color:#2E7AA0;
	}

/* visitenkarte �
*******************************************************************************/
.vcard {
	position:relative;
	padding:4px 4px 0 4px;
	margin:12px 10px 4px 10px;
	border-radius:2px;
	width:210px;
	border: 1px solid #2E7AA0;
}

.vcard p {
	clear:left;
	margin:2px 5px;
	font-size:10px;
}

.vcard h1 {
	margin:2px 5px;
}

.vcard img {
	margin:0;
	}
	
.vcard .vc {
	position:absolute;
	right:22px;
	top:-12px;
	overflow:hidden;
	border-radius:2px;
	border:1px solid #b6b7b9;
	margin-bottom:-23px;
	width:30px;
	height:23px;
	background-image:url(./../img/vcard.jpg);
	background-color:#fff;
}

.vcard .vc img {
	width:30px;
	height:23px;
}

.vcard .vname {
	height:72px;
}

.vcard .member {
	padding:0px;
	width:160px;
	margin:0px;
}

/* download �
*******************************************************************************/
.download {
	margin: 10px;
	display:block;
	min-height:64px;
	float:left;
}

.download .hdl p, 
.download .file p, 
.download .descr p {
	margin:0;
}

.download .descr p {
}

.download .hdl {
	padding:1px 10px;
	border-bottom:solid 1px #2E7AA0;
	font-weight:bold;
	color:#2E7AA0;
}

.download .file {
	height:36px;
	padding:5px;
	width:50px;
	float:left;
	position:relative;
	z-index:100;
}

.download .descr {
	background-color: rgba(100,150,185,0.2);
	position:relative;
	top:0px;
	left:0px;
	margin:4px 0 0 0;
	padding:2px 0 4px 0;
	min-height:32px;
	border-radius:3px;
}

.download .without-desc {
}

.download .text {
	text-align:right;
	margin-top:5px;
}

.download .textonly {
	margin-bottom:8px;
	display:block;
}

.download .text input,
.download .textonly input {
	font-size: 11px;
	padding:0;
	background-color:transparent;
	color:#777;
	border:none;
}

.download .text input:hover,
.download .textonly input:hover {
	text-decoration: underline;
}

/* Google Maps
************************************************************************/
#map_canvas {
	margin:4px 10px;
}

/* formular �
*******************************************************************************
/* 
REDAXO-Modul: do form!
Beschreibung: CSS-DEMO
Bereich: CSS 
F�r: do form! 2.x  
Stand: 20.04.2009 
Version: 1.0
--------------------------------------------------------------------------
HINWEISE:
--------------------------------------------------------------------------
!! Das CSS ber�cksichtigt nicht alle m�glichen Felder 
!! Farben nicht 1 zu 1 �bernehmen
!! ist ja nicht wirklich h�bsch

Weitere Infos zu den CSS hier:
http://wiki.redaxo.de/index.php?n=R4.DoForm
-------------------------------------------------------
*/

/* Formular Definition */
/*//////////////////////////////////////////////////////////////////////////////*

/* Div das das Formular umschlie�t */
.formgen {
	font-size: 11px;
}


/* Was passiert wenn auf das Label geklickt wird? */
label,
select,
input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit]
{
cursor : pointer;

}



.formgen form
{
line-height : 120%;

}


/* 
Wie sehen die einzelnen Bl�cke aus? 
Jedes Feld wird von einem DIV umschlossen, das hier definiert werden kann
*/


.formgen .formblock
{
	margin:10px 0;
	padding-top: 3px;
}
 .forminfo 
{
	margin:10px 0;
	margin-bottom:12px;
	padding: 5px;
	font-style:italic;
	text-align:center;
	color:#222;
	border:2px solid #2E7AA0;
}

.formhinweis {
	width: 456px;
	color:#222;
	margin-left:250px;
	padding:2px 0;
}

/*
Verhalten von br-Tags
*/
.formgen br
{
clear : both;
}


/* 
--------- FORMULAR-OBJEKTE ------------ 
*/


/* Mehrzeiliges Eingabefeld */
.formgen .formtextfield
{
	width: 440px;
	border-radius:2px;
	height: 60px;
	padding:2px 8px;
	margin:0 10px 4px 10px;
	border: 1px solid #2E7AA0;
	background-color: #efefef;
}


/* Textfeld */
.formgen .formtext
{
	width: 440px;
	margin:0 10px 4px 10px;
	border-radius:2px;
	padding:2px 8px;
	font-size: 1em;
	border: 1px solid #2E7AA0;
	background-color: #efefef;
}

.formgen input:focus, .formgen input:hover,
.formgen textarea:focus, .formgen textarea:hover {
	border: 1px solid #2E7AA0;
	background-color: #D5E4EC;
}

.formgen select:focus, .formgen select:hover {
	border: 1px solid #2E7AA0;
	background-color: #D5E4EC;
	color:#222;
}


/* Label */
.formgen label {
	width: 220px;
	text-align:right;
	clear: left;
	float: left;
	padding:3px 0;
	margin:0 10px;
	font-weight: bold;
	color: #222;
}


/* Aussehen der Select-Ausgabe */
.formgen .formselect
{
	width: 458px;
	border-radius:2px;
	margin:2px 10px 7px 10px;
	border: 1px solid #2E7AA0;
	background-color: #efefef;
	color:#222;
}

/* Aussehen der Radio-Ausgabe */
.formgen .formradio
{
	font-weight: bold;
	display:block;
	width:220px;
	float:left;
	padding:3px 0;
	margin:0 10px;
}

.formgen input.formradio 
{
	float:right;
	width:450px;
	margin-top:3px;
}


.formgen input.formcheck {
	margin:5px 0 4px 20px;
}

.formgen input.formupload {
	margin:0 0 0 10px;
}

/* Sende-Button */
.formgen .formsubmit
{
	width: 458px;
	text-align: center;
	border-radius:2px;
	border: 1px solid #2E7AA0;
	background-color: #D5E4EC;
	color:#2E7AA0;
	margin-left:250px;
	padding:2px 8px;
}

.formgen .formsubmit:hover 
	{ 
	border: 1px solid #2E7AA0;
	background-color: #2E7AA0;
	color:#efefef;
	}

/* Fieldsetbeschriftung */
.formgen fieldset
{
	border:dotted 1px #2E7AA0;
	padding:3px 0;
	margin:8px 0;
}

.formgen legend
	{
	display:block;
	padding:0 5px;
	font-size:10px;
	text-align:right;
}

/* -------------- AUSGABEN / Fehlermeldungen --------*/


/* Markierung der Labels bei Fehler */
.formgen .formerror {
	color: #ff0000;
}

.formgen .formcaptcha
{
	margin-left:250px;
	border: 2px solid #2E7AA0;
	vertical-align: top;
	float: left;
	margin-right: 10px;
}

.formgen .formreq {
	color: #2E7AA0;
}

.formgen .formheadline {
	color: #2E7AA0;
	background-color: #D5E4EC;
	padding-top: 4px;
	padding-bottom: 4px;
	margin-top: 5px;
	margin-bottom: 5px;
	font-style: italic;
}


/* Magazin Layout
************************************************************************/
	.magazine-layout {
		position: relative;
		width: 100%;
	}
	.magazine-container {
		background:transparent;
	}

	/ * magazin_Layout mit verlinkten Einzelbildern * /
	.magazine-image a, .magazine-image a:link, .magazine-image a:visited {
		color: #000;
		display: table;
		display: inline-block;
		filter: alpha(opacity=80);
		line-height: 0.0em;
		opacity: 0.80;
		-moz-opacity: 0.80;
	}
	.magazine-image a:focus, .magazine-image a:hover, .magazine-image a:active {
		color: #000;
		filter: alpha(opacity=100);
		opacity: 1.00;
		-moz-opacity: 1.00;
	}

	/ * komplett verlinktes magazin_Layout * /
	a.magazine-link, a:link.magazine-link, a:visited.magazine-link {
		cursor: pointer;
		display: table;
		display: inline-block;
		filter: alpha(opacity=80);
		line-height: 0.0em;
		opacity: 0.80;
		-moz-opacity: 0.80;
	}
	a:focus.magazine-link, a:hover.magazine-link, a:active.magazine-link {
		cursor: pointer;
		filter: alpha(opacity=100);
		opacity: 1.00;
		-moz-opacity: 1.00;
	}

/* Video
************************************************************************/
.youtube {
	margin:4px 10px;
}

#player {
	position:relative;
	margin:0 auto;
	-moz-border-radius:5px;
	-khtml-border-radius:5px;
	-o-border-radius:5px;
	-ms-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	overflow:hidden;
	padding:0;
	}

/* ### GIT ################################################################ */
.git {
	float:right;
	margin:5px 10px 5px 0;
	padding:4px 0 0 0;
	display:block;
	background:#f0f0f0;
	border:solid 1px #2E7AA0;
}

.git input, .git textarea {
	width:200px;
	height:20px;
	border:solid 1px #2E7AA0;
	background-color:#D5E4EC;
	margin:4px 9px;
	padding:0 4px;
}

.git input:focus, .git textarea:focus {
	background-color:#ffffff;
}

.git textarea {
	height:45px;
}

.git input.checkbox {
	width:24px;
	float:left;
	margin:7px 0 0 10px;
}

.git label {
	float:left;
	margin:8px 0 0 0;
}

.git input.submit {
	width:80px;
	color:#222;
	float:right;
	background-color:#2E7AA0;
}

.git input.submit:hover {
	background-color:#2E7AA0;
	color:#efefef;
}

.git .message {
	border:1px solid #2E7AA0;
	margin:4px 10px;
	text-align:center;
	color:#222;
	width:218px;
	display:block;
	padding:24px 0;
}
/* --------------------------------- */
.gitconfirm {
	display:block;
	position:relative;
}

.gitconfirm input, .gitconfirm textarea {
	width:290px;
	height:20px;
	border:solid 1px #2E7AA0;
	background-color:#D5E4EC;
	margin:4px 0px;
	padding:0 4px;
}

.gitconfirm input:focus, .gitconfirm textarea:focus {
	background-color:#ffffff;
}

.gitconfirm select {
	width:300px;
}

.gitconfirm textarea {
	height:45px;
}

.gitconfirm input.checkbox {
	width:24px;
	float:left;
	margin:7px 0 0 0;
}

.gitconfirm .send {
	display:block;
	margin:0 auto;
	width:300px;
}

.gitconfirm input.captcha {
	width:50px;
	float:left;
	margin:0;
}

.gitconfirm .captcha_img {
	vertical-align: middle;
	float:left;
}

.gitconfirm label {
	display:block;
	text-align:center;
	margin:8px 0 6px 0;
}

.gitconfirm input.submit {
	width:90px;
	font-weight:bold;
	border:solid 2px #2E7AA0;
	color:#222;
	height:22px;
	margin:0;
	float:right;
	background-color:#2E7AA0;
}

.gitconfirm input.submit:hover {
	background-color:#2E7AA0;
	color:#efefef;
}

.git3 {
	width:760px;	
	float:right;
	line-height: 20px;
	margin:2px 10px 5px 0;
	padding:10px;
	display:block;
	background:#f0f0f0;
	border:solid 1px #2E7AA0;
	text-align: center;
}

.git3 input.submit {
	width:90px;
	font-weight:bold;
	border:solid 2px #2E7AA0;
	color:#222;
	height:22px;
	margin:20px 0 0 0;
	float:right;
	background-color:#2E7AA0;
}

.git3 input.submit:hover {
	color:#efefef;
	background-color:#2E7AA0;
}
/***************************************************************************************************

	Project		:	RedaxoPN Grid960 T1
	Copyright	:	Puro Nectar

	::: AddOn Stylesheet :::

***************************************************************************************************/
