/* CSS-Datei für typo3-tauchen.de
Unkompremiert! Bitte vor Verwendung
komprimieren!

@author Oliver Thiele

Enthält default css für:
tx_cssstyledcontent
Powermail
screen.css

*/


/* default styles for extension "tx_cssstyledcontent" */
/* Captions */
DIV.csc-textpic-caption-c .csc-textpic-caption { text-align: center; }
DIV.csc-textpic-caption-r .csc-textpic-caption { text-align: right; }
DIV.csc-textpic-caption-l .csc-textpic-caption { text-align: left; }

/* Needed for noRows setting */
DIV.csc-textpic DIV.csc-textpic-imagecolumn { float: left; display: inline; }

/* Border just around the image */
DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image IMG {
	border: 2px solid black;
	padding: 0px 0px;
}

DIV.csc-textpic-imagewrap { padding: 0; }

DIV.csc-textpic IMG { border: none; }

/* DIV: This will place the images side by side */
DIV.csc-textpic DIV.csc-textpic-imagewrap DIV.csc-textpic-image { float: left; }

/* UL: This will place the images side by side */
DIV.csc-textpic DIV.csc-textpic-imagewrap UL { list-style: none; margin: 0; padding: 0; }
DIV.csc-textpic DIV.csc-textpic-imagewrap UL LI { float: left; margin: 0; padding: 0; }

/* DL: This will place the images side by side */
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image { float: left; }
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DT { float: none; }
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD { float: none; }
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD IMG { border: none; } /* FE-Editing Icons */
DL.csc-textpic-image { margin: 0; }
DL.csc-textpic-image DT { margin: 0; display: inline; }
DL.csc-textpic-image DD { margin: 0; }

/* Clearer */
DIV.csc-textpic-clear { clear: both; }

/* Margins around images: */

/* Pictures on left, add margin on right */
DIV.csc-textpic-left DIV.csc-textpic-imagewrap .csc-textpic-image,
DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap .csc-textpic-image {
	display: inline; /* IE fix for double-margin bug */
	margin-right: 10px;
}

/* Pictures on right, add margin on left */
DIV.csc-textpic-right DIV.csc-textpic-imagewrap .csc-textpic-image,
DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap .csc-textpic-image {
	display: inline; /* IE fix for double-margin bug */
	margin-left: 10px;
}

/* Pictures centered, add margin on left */
DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image {
	display: inline; /* IE fix for double-margin bug */
	margin-left: 10px;
}
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption { margin: 0; }
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image IMG { margin: 0; }

/* Space below each image (also in-between rows) */
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 5px; }
DIV.csc-textpic-equalheight DIV.csc-textpic-imagerow { margin-bottom: 5px; display: block; }
DIV.csc-textpic DIV.csc-textpic-imagerow { clear: both; }

/* No margins around the whole image-block */
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-firstcol { margin-left: 0px !important; }
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-lastcol { margin-right: 0px !important; }

/* Add margin from image-block to text (in case of "Text w/ images") */
DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap,
DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap {
	margin-right: 10px !important;
}
DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap,
DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap {
	margin-left: 10px !important;
}

/* Positioning of images: */

/* Above */
DIV.csc-textpic-above DIV.csc-textpic-text { clear: both; }

/* Center (above or below) */
DIV.csc-textpic-center { text-align: center; /* IE-hack */ }
DIV.csc-textpic-center DIV.csc-textpic-imagewrap { margin: 0 auto; }
DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image { text-align: left; /* Remove IE-hack */ }
DIV.csc-textpic-center DIV.csc-textpic-text { text-align: left; /* Remove IE-hack */ }

/* Right (above or below) */
DIV.csc-textpic-right DIV.csc-textpic-imagewrap { float: right; }
DIV.csc-textpic-right DIV.csc-textpic-text { clear: right; }

/* Left (above or below) */
DIV.csc-textpic-left DIV.csc-textpic-imagewrap { float: left; }
DIV.csc-textpic-left DIV.csc-textpic-text { clear: left; }

/* Left (in text) */
DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap { float: left; }

/* Right (in text) */
DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap { float: right; }

/* Right (in text, no wrap around) */
DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap { float: right; clear: both; }
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html DIV.csc-textpic-intext-right-nowrap .csc-textpic-text { height: 1%; }
/* End hide from IE5/mac */

/* Left (in text, no wrap around) */
DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap { float: left; clear: both; }
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html DIV.csc-textpic-intext-left-nowrap .csc-textpic-text { height: 1%; }
/* End hide from IE5/mac */
DIV.csc-textpic DIV.csc-textpic-imagerow-last { margin-bottom: 0; }
/* default styles for extension "tx_otgfxheader_pi1" */
h1.ot-gfxheader,h2.ot-gfxheader,h3.ot-gfxheader,h4.ot-gfxheader,h5.ot-gfxheader,h6.ot-gfxheader {
overflow: hidden;
width: 600px;
text-indent: 999em;
white-space: nowrap;
background-repeat: no-repeat;
margin-bottom: 1em;
}
.ot-gfxheader a {
	display: block;
	height: 100%;
}
/* default styles for extension "tx_srfreecap_pi2" */
.tx-srfreecap-pi2-image { margin-left: 1em; }
.tx-srfreecap-pi2-cant-read { font-size: .9em; color:#35006d; }
.tx-srfreecap-pi2-cant-read a:link { background-color:transparent; font-weight:bold; text-decoration:none; }


/* CSS STYLED CONTENT ENDE */

/* Powermail */
	/* Form */
span.powermail_mandatory {
	/* Color of mandatory error message */
	color: red;
}
input.validation-failed,
textarea.validation-failed {
	/* Background color if validation failed
	background-color: red;*/
	background-image: url(/typo3conf/ext/powermail/img/icon_exclamation.gif);
	background-repeat: no-repeat;
	background-position: 98% 1px;
}
div.powermail_mandatory_js {
	/* DIV container of errormessage */
	color: red;
	margin: 3px 0 15px 200px;
}
fieldset.tx-powermail-pi1_fieldset {
	/* Fieldset */
	border: 1px solid #aaa;
	background-color: #ccc;
	padding: 10px;
}
fieldset.tx-powermail-pi1_fieldset legend {
	/* legend of Fieldset */
	font-weight: bold;
	color: black;
}
fieldset.tx-powermail-pi1_fieldset label {
	/* label */
	display: block;
	width: 200px;
	float: left;
	clear: both;
	font-weight: bold;
}
fieldset.tx-powermail-pi1_fieldset input.powermail_text,
fieldset.tx-powermail-pi1_fieldset textarea.powermail_textarea,
fieldset.tx-powermail-pi1_fieldset select.powermail_select {
	/* Input and textarea */
	width: 260px;
}
fieldset.tx-powermail-pi1_fieldset div.tx_powermail_pi1_fieldwrap_html_radio input.powermail_radio {
	/* Radiobuttons */
	margin: 5px 0;
}
div.tx_powermail_pi1_fieldwrap_html {
	/* DIV container arround every field */
	margin: 10px 0;
}
fieldset.tx-powermail-pi1_fieldset input.powermail_submit {
	/* submit button */
	margin: 20px 0 10px 200px;
	font-weight: bold;
}
p.tx_powermail_pi1_fieldwrap_html_checkbox_title,
p.tx_powermail_pi1_fieldwrap_html_radio_title {
	margin: 0;
	padding: 0;
	font-weight: bold;
}
div.countryzone {
	margin: 10px 0 0 200px;
}
div.tx_powermail_pi1_fieldwrap_html label a {
	/* Description */
	cursor: help;
}
div.tx_powermail_pi1_fieldwrap_html label a dfn {
	/* Description */
	display: none;
}
div.tx_powermail_pi1_fieldwrap_html label a:hover dfn {
	/* Description on mouseover */
	display: block;
	position: absolute;
	width: 250px;
	padding: 5px;
	background-color: #ddd;
	border: 1px solid red;
	color: black;
	text-decoration: none;
	font-size: 0.8em;
}
div.tx_powermail_pi1_fieldwrap_html img.icon_info {
	/* Description icon */
	padding: 2px 2px 0 2px;
}
fieldset.tx-powermail-pi1_fieldset div.even {
	background-color: #eee;
}


	/* Confirmation */
td.powermail_all_td {
	padding: 3px 10px 3px 0;
}

	/* THX */
td.powermail_all p.bodytext {
	margin: 0;
}





/* screen.css Start */
* {
	font-family: verdana,arial,helvetica,sans-seriv;
	font-size: 100.01%;
	padding:0;
	margin:0;
}

body {background:#00021c url(/fileadmin/templates/img/bgright.jpg) repeat-x 1092px 0px ;}

#all {
	background: url(/fileadmin/templates/img/bgmid.jpg) no-repeat;
	width:1300px;
	min-height:700px;
	padding-top:70px;
}
#main {
	min-height:400px;
	margin-left:70px;
	border:2px solid #a4f5fd;
	z-index:20;
	padding:10px;
	width:900px;
	background: url(/fileadmin/templates/img/trans.png);
	#opacity:0.4;
}

a {color: #ddd;}
a:hover {color: #A5F5FE;}


p {margin-bottom: 1em;font-size: 0.8em;color: #ddd;}
h1 {color: #ddd;font-size: 1.2em;margin-bottom: 0.6em;}
h2 {color: #fff;font-size: 1.15em;margin-top:0.6em;margin-bottom: 0.6em;}
h3 {color: #ddd;font-size: 1.0em;margin-bottom: 0.6em;}
h4 {color: #ddd;font-size: 0.9em;margin-bottom: 0.6em;}
span.tx-srfreecap-pi2-cant-read, label, ul, ol {color:#fff;font-size: 0.8em;}
div#content img {border: 1px solid #fff;padding: 1px;background-color: gray;}
input {color: #000;font-size: 0.8em;}


div#menu {float: left;border:0px solid green;}



#content {
width:650px;
	float: right;
	overflow:hidden;
	border:0px solid green;
	margin-right: 10px;
}

br.clearer { clear: both; }




#content ul {padding-left: 30px;margin-top: 0.8em;margin-bottom: 1.5em;}


/* Nur Barrierefrei */
.h, ul#mm dfn {
	position:absolute;
	left:-1000px;
	top:-1000px;
	width:0;
	height:0;
	overflow:hidden;
	display:inline;
}

/**
 * CSS basiertes GTMenu
 */
ul#mm {
	width:200px;
	overflow:hidden;
}
ul#mm li {
	list-style-type: none;
}
ul#mm li a,
ul#mm li strong {
	display: block;
	width: 200px;
	height: 28px;
	overflow: hidden;
	text-indent: 999em;
	white-space: nowrap;
	background-repeat: no-repeat;
}
ul#mm li a {
	background-position: 0px 0px;
}

ul#mm li a:hover {
	background-position: 0px -28px;
}
ul#mm li.act a, ul#mm li strong {
	background-position: 0px -56px;
}

ul#mm ul.lv2 li a {
	background-position: 0px 0px;
}
ul#mm ul.lv2 li a:hover {
	background-position: 0px -28px;

}
ul#mm ul.lv2 li strong {
	background-position: 0px -56px;
}

dd.csc-textpic-caption {
color: #A5F5FE;
font-size: 0.8em;
font-style: italic;
}

div.tx-powermail-pi1 {
background-color: #fff;
padding: 1em;
}

div.tx-powermail-pi1 fieldset {
background-color: #ccc;
padding: 0.5em;
margin-bottom: 1em;

}
div.tx-powermail-pi1 legend{
font-size: 0.8em;
background-color: #ccc;
padding: 0.3em;
}
div.tx-powermail-pi1 label {
font-size: 0.8em;
color: #333;
margin: 0 1em;
}
p.tx_powermail_pi1_fieldwrap_html_checkbox_title {
font-size: 0.8em;
color: #333;
margin-left: 1em;
}
.icon_info, .powermail_mandatory {margin-left:0.6em;}


div.csc-textpic-intext-left ul {display: table; margin-left: 2em;}

div.tx-powermail-pi1 .tx_powermail_pi1_fieldwrap_html_radio_title {
color: black;
padding: 0.3em;
}
div.tx-powermail-pi1 label,
div.tx-powermail-pi1 input,
div.tx-powermail-pi1 textarea,
div.tx-powermail-pi1 select { font-size: 12px; padding: 0.3em 2px;
}

div.tx-powermail-pi1 input:focus,
div.tx-powermail-pi1 textarea:focus,
div.tx-powermail-pi1 select:focus { color: #000;background-color: #CFD7FF}

li.powermail_mandatory_listitem strong{color: red;}
div.tx-powermail-pi1 tr.powermail_all * {font-size: 12px;}
div.tx-powermail-pi1_confirmation p{color: #020E62; font-size: 16px;font-weight: bold;}