/*******************/

/* Template Layout background:#C0E3FF;*/

/*******************/

body {

margin:0;
font-family:Arial, Helvetica, sans-serif;
text-align:left;
background:#B0EAFF;
}

#container {
text-align:left;
border:1px solid #fff;
top:0px;
background:url(../images/background.gif) 0 0 repeat; position:relative;
width:770px;
margin:0 auto;
}

#container2col {
text-align:left;
border:1px solid #fff;
top:0px;
background:url(../images/background2col.gif) 0 120px repeat; position:relative;
width:770px;
margin:0 auto;
}

#container3col {
text-align:left;
border:1px solid #fff;
top:0px;
background:url(../images/background2col.gif) 0 120px repeat; position:relative;
width:770px;
margin:0 auto;
}

#header {
clear:both;
text-align:left;
width:770px; height:120px;
background:url(../images/schirren_header.jpg) 0 0 no-repeat; position:relative;
z-index: 10;
}

#left-content {
position:relative;
float:left;
width:175px;
left:0px;
}

#wrapper {
float:right;
width:591px;
min-height: 175px;
}

#main-content1col {
width:750px;
min-height: 175px;
padding:10px;
}

#main-content2col {
float:right;
width:570px;
min-height: 175px;
padding:10px;
}

#main-content3col {
float:left;
width:385px;
padding:10px;
}

#right-content {
position:relative;
float:right;
width:175px;
}

#footer{
clear:both;
position:relative;
text-align:left;
font-size:10px;
font-weight: normal;
color: #666;
background:#444;
padding:10px;
background:url(../images/footer.png) repeat-x; position:relative;
height:40px;
}

.footerlink a {
font-size:10px;
font-weight: normal;
color: #000;
}

.footerlink a:hover {
color: #666;
}

#imagecaption_popup {
width: 100%;
padding-right: 10px;
padding-left: 10px;
display: block;
background-color: yellow;
color: black;
font-size: small;
}

/********************************/

/* Login Form elements */

/*******************************/

#username, #password, #loggedin, #loginbutton, #loginuser {
z-index: 10;
font-size:10px;
top:5px;
position:absolute;
padding: 0px 2px 0px 2px;
}

#username {
left:570px;
width:64px;
border: #858585 1px solid;
margin:0px;
}

#password {
left:646px;
width:64px;
border: #858585 1px solid;
margin:0px;
}

#loggedin {
left:625px;
}

#loginbutton {
top:3px;
left:718px;
border:0px;
background: transparent;
}

#loginuser {
left:600px;
top:6px;
color: #fff;
}

/********************************/

/* Vertical navigation menu */

/*******************************/

.vertnav1 a:link,
.vertnav1 a:visited,
.vertnav1 a:active {
margin: 0px;
display:block;
padding:px;
font-size:11px;
text-decoration:none;
width:168px;
background:#666; /*dark grey*/ 
border-bottom:1px solid #fff;  /*white*/
color:#fff; /*nav1 white*/ 
}

.vertnav1 a:hover {
color:#fff;  /*nav white*/
background:#298FE7;  /*nav blue*/
}

.vertnav1-act a:link,
.vertnav1-act a:visited,
.vertnav1-act a:active {
margin: 0px;
display:block;
padding:5px;
font-size:11px;
font-weight: bold;
text-decoration:none;
width:168px;
background:#298FE7;  /*nav blue*/
border-bottom:1px solid #0099ff;  /*light blue 3*/
color:#fff;  /*nav white*/
}

.vertnav2 a:link,
.vertnav2 a:visited,
.vertnav2 a:active {
margin: 0px;
display:block;
padding-left: 12px;
font-size:11px;
text-decoration:none;
text-indent:0px;
width:161px;
background:#68B0FF;  /*light blue 1*/
color:#000; /*nav2 black*/ 
}

.vertnav2 a:hover {
background:#94CDFF;  /*light blue 2*/
color:#333;  /*dark grey*/
}

.vertnav2-act a:link,
.vertnav2-act a:visited,
.vertnav2-act a:active {
margin: 0px;
font-size:11px;
text-decoration:none;
padding-left: 12px;
text-indent:0px;
width:161px;
background:#94CDFF;  /*light blue 2*/
color:#333;  /*dark grey*/
}

.vertnav3 a:link,
.vertnav3 a:visited,
.vertnav3 a:active {
margin: 0px;
display:block;
padding-left: 23px;
font-size:11px;
text-decoration:none;
width:150px;
text-indent:0px;
border-bottom:1px dotted #0099FF;  /*electric blue*/
background:#C0E3FF;  /*light blue 3*/
color:#E46C1B; /*brown orange*/ 
}

.vertnav3 a:hover {
background:#C0E3FF;  /*light blue 3*/
color:#0099FF;  /*electric blue*/
}

.vertnav3-act a:link,
.vertnav3-act a:visited,
.vertnav3-act a:active {
margin: 0px;
display:block;
padding-left:23px;
font-size:11px;
text-decoration:none;
width:150px;
text-indent:0px;
background:#C0E3FF;  /*light blue 3*/
color:#0099FF;  /*electric blue*/
}

.vertnav3-act a:hover {
color:#0099FF;  /*electric blue*/
}

.vertnav4 a:link,
.vertnav4 a:visited,
.vertnav4 a:active {
margin: 0px;
display:block;
padding:5px;
font-size:11px;
text-decoration:none;
width:168px;
border-bottom:1px dotted #0099FF;  /*electric blue*/
text-indent:45px;
color:#E46C1B; /*brown orange*/ 
}

.vertnav4 a:hover {
color:#993300;  /*brown*/
}

.vertnav4-act a:link,
.vertnav4-act a:visited,
.vertnav4-act a:active {
margin: 0px;
display:block;
padding:5px;
font-size:11px;
text-decoration:none;
width:168px;
border-bottom:1px dotted #0099FF;  /*electric blue*/
text-indent:45px;
color:#993300;  /*brown*/
}

/* General element styles:*/  

.csc-mailform {
border: 0 #FFFFFF solid;
}

.csc-mailform-field {
clear: left;
margin-bottom: 5px;
font-size: 11px;
}

H1, H2, H3, H4, H5, P, TD, UL, OL, BLOCKQUOTE, INPUT, TEXTAREA, SELECT { font-family:arial, helvetica; color:#000; font-size:12px; }

PRE { font-family:monospace; }

A { color:#006AC2; text-decoration:none;}

A:hover { color:#EF7318; text-decoration:none; }

FORM { margin:0px;}

P, PRE {color:#000;}

P, TD, UL, OL { 
  font-size:12px;
  line-height: 1.5em;
  }

INPUT, TEXTAREA, SELECT textarea { font-family:arial, helvetica, sans-serif; color:#666; border: #006AC2 1px solid; font-size:10px; line-height: 1.5em; margin-bottom: 5px; padding: 2px 2px 2px 2px; background-color: #fafafa;}

/*LABEL {display:block; float:left; width: 250px; line-height: 1.1em; font-style: normal; font-size: 11px; font-weight: normal; vertical-align: text-top; bottom: 5px;}
*/


.img {
border: 1px solid red;
}


/* Powermail */

div .tx-powermail-pi1{
	font-size: 12px;
	font-weight: normal;
 }


	/* 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: #fff;
	padding: 10px;
	margin-top: 15px;
}
fieldset.tx-powermail-pi1_fieldset legend {
	/* legend of Fieldset */
	color: black;
}
fieldset.tx-powermail-pi1_fieldset label {
	/* label */
	display: block;
	width: 200px;
	float: left;
	clear: both;
	font-weight: normal;
	line-height: 1.5em;

}
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: 300px;
}
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;
}
p.tx_powermail_pi1_fieldwrap_html_checkbox_title,
p.tx_powermail_pi1_fieldwrap_html_radio_title {
	margin: 20px 0px 5px 0px;
	padding: 0;
}	


p.tx_powermail_pi1_fieldwrap_html_checkbox_title dfn,
p.tx_powermail_pi1_fieldwrap_html_radio_title dfn,
p.tx_powermail_pi1_fieldwrap_html_checkbox_title dfn a,
p.tx_powermail_pi1_fieldwrap_html_radio_title dfn a,
p.tx_powermail_pi1_fieldwrap_html_checkbox_title dfn a:hover,
p.tx_powermail_pi1_fieldwrap_html_radio_title dfn a:hover {	
	font-style: normal;
	font-weight: normal;
	color: #000;
	background: white;
}


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;
	font-weight: normal;
}
div.tx_powermail_pi1_fieldwrap_html label a:hover dfn {
	/* Description on mouseover */
	display: block;
	position: absolute;
	font-style: normal;
	background: white;
	font-weight: normal;
	font-size: 12px;
	width: 300px;
	padding: 5px;
	border: 1px solid #298FE7;
	color: #000;
	z-index: 1000;
	text-decoration: none;
	
}
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: #fff;
}

div #powermaildiv_uid32 label,
div #powermaildiv_uid29 label,
div #powermaildiv_uid30 label,
div #powermaildiv_uid17 label {
	position: relative;
	bottom:5px;	
}


div #powermaildiv_uid31 label,
div #powermaildiv_uid26 label,
div #powermaildiv_uid35 label{
	position: relative;
	top:5px;	
}



.tx-srfreecap-pi2-image{
display: block;
	padding: 0px;
	margin: 0px;
	text-align: center;
}

.tx-srfreecap-pi2-cant-read{
	display: block;
	text-align: center;
}



	/* Confirmation */
td.powermail_all_td {
	padding: 3px 10px 3px 0;
}

	/* THX */
td.powermail_all p.bodytext {
	margin: 0;
}








input[type=radio], input[type=checkbox] { border: 0px solid; clear: left; padding: none; }

#tx-powermail-pi1_fieldset {background-color: transparent; font-size: 11px; font-style: normal; font-weight: normal; vertical-align: middle;}
#terminvereinbarung .tx_powermail_pi1_form {font-size: 11px; font-style: normal; font-weight: normal;}


input #uid31_hr,
input #uid26_hr
 {height:11px; padding: none;}


















/* Headers, plain */ 

H1 { font-size:18px; color:#EF7318; font-weight:bold;}
H2 { font-size:18px; color:#2392E1; }
H3 { font-size:18px; color:#2392E1; font-weight:bold;}
H4 { font-size:12px; color:#2392E1;}
H1, H2, H3, H4, H5, H6 { margin:0px 0px 0px 0px; margin-top:5px; margin-bottom:5px; }

H1.csc-firstHeader, H2.csc-firstHeader, H3.csc-firstHeader, H4.csc-firstHeader, H5.csc-firstHeader, H6.csc-firstHeader { margin-top:0px; }

/* Headers, with link */

H1 A, H2 A, H3 A, H4 A, H5 A { color: #000066; text-decoration:none; }
H2 A { color:#186900; }
H3 A { color:#10007B; }
H4 A { color:#0063ff; }
H1 A:hover, H2 A:hover, H3 A:hover, H4 A:hover, H5 A:hover { text-decoration:underline; }

/* Captions */
  .csc-textpic-caption { font-size:9px; }
	DIV.csc-textpic-caption-c .csc-textpic-caption { font-size:9px; }
	DIV.csc-textpic-caption-r .csc-textpic-caption { font-size:9px; }
	DIV.csc-textpic-caption-l .csc-textpic-caption { font-size:9px; }
	DIV.csc-textpic-caption-l .csc-textpic-caption { font-size:9px; }

/* Header date */ 

P.csc-header-date { font-size:10px; color:#186900; }

div .level_1 {
  border: #000 0px solid;
  background: transparent;
  padding: 0px;
	margin-bottom: 4px;
}

div .level_2 {
  border: #000 0px solid;
  background: transparent;
  padding: 0px;
	margin-bottom: 2px;
}


/* Frames, spacing, link-to-top */ 

DIV.csc-frame-frame2


  {background:url(../images/footer.png) repeat-x top; padding:4px 4px 2px 4px; border:1px solid #ccc; margin-left: 4px; margin-bottom: 5px; font-size: 9px; }



/* Navigation Styles */

.csc-menu csc-menu-4 {
  font-size: 11px;
}


/* 
 *		Horizontal, top-2-bottom menu
 *		Copyright Aleksandar Vacic, www.aplus.co.yu, some rights reserved http://creativecommons.org/licenses/by/2.0/
 */


/* - - - ADxMenu: BASIC styles - - - */

/* remove all list stylings */
.menu, .menu ul {
	margin: 0;
	padding: 0;
	border: 0;
	list-style-type: none;
	display: block;
}

/* move all list items into one row, by floating them */
.menu li {
	margin: 0;
	padding: 0;
	border: 0;
	display: block;
	float: left;
}

/* define new starting point for the nested UL, thus making positioning it a piece of cake */
.menu li:hover {
	position: relative;
}

/* force the submenu items into separate rows, while still keeping float:left (which resolves IE6 white-gap problem) */
.menu li li {
	width: 100%;
}

/* fix the position for 2nd level submenus.
	first make sure no horizontal scrollbars are visible on initial page load by sliding them all into top-left corner  */
.menu li li div {
	top: 0;
	left: 0;
}

/* ...and then place the submenu where it should be when shown */
.menu li li:hover div {
	left: 100%;
}

/* initialy hide all sub menus */
.menu div {
	display: none;
	position: absolute;
	z-index: 10;
}

/* display them on hover */
.menu li:hover>div {
	display: block;
}

/* -- float.clear -- force containment of floated LIs inside of UL */
.menu:after, .menu ul:after {
	content: ".";
	height: 0;
	display: block;
	visibility: hidden;
	overflow: hidden;
	clear: both;
}
/* IE7 float clear: */
.menu, .menu ul {
	min-height: 0;
}
/* -- float.clear.END --  */

/* sticky submenu: it should not disappear when your mouse moves a bit outside the submenu
	YOU SHOULD NOT STYLE the background of the ".menu div" or this feature may not work properly!
	if you do it, make sure you 110% know what you do */
	
.menu div {
	padding: 10px 30px 30px 30px;
	margin: -10px 0 0 -30px;
	/*background: #f00;*/		/* uncomment this if you want to see the "safe" area. you can also use to adjust the safe area to your requirement */
}


/* - - - ADxMenu: DESIGN styles - - - */

.menu {
	color: #fff;
  background:url(../images/nav2.gif) 100% 0 repeat; position:relative;

}

.menu ul {
	width: 150px;
	background: #666;
	border:1px solid #fff;
	font-size: 11px;
}

.menu li li:hover>div {	/* inset 2nd+ submenus, to show off overlapping */
	top: 5px;
	left: 90%;
}
.menu ul a:hover {
	background: #0099ff;
}

.menu ul ul {
	background: #666;
}

.menu li:hover>a {
	background: url(../images/navbutton3.gif) 100% 0 no-repeat;
}

.hover2 li:hover>a {
	background: #0099ff;
	background: url(../images/navbutton3.gif) 100% 0 no-repeat;
}


.menu a {
	text-decoration: none;
	color: #fff;
	padding: 6px;
	display: block;
	background: url(../images/navbutton4.gif) 100% 0 no-repeat;
}

.menu ul a {
	background: #666; /* remove navbutton.gif from submenus */
}

.menu a:hover {
	background: url(../images/navbutton3.gif) 100% 0 no-repeat;
	color: #fff;
}

.active {
	background: url(../images/navbutton3.gif) 100% 0 no-repeat;
}

/* Fix for IE5/Mac \*//*/
.menu a {
	float: left;
}
.menu {
	display: inline-block;
}
/* End Fix */

/*]]>*/
