/*@import url("reset.css");*/ /* Setzt alle Browserstyles auf einen Standard */
/*@import url("html.css");*/ /* Formatiert HTML-Tags */
@import url("layout.css"); /* Grundlegendes Layout der Seite, Position der Elemente */
@import url("custom.css"); /*Eigene IDs & Classes*/
/*@import url("datepicker.css");*/ /* Datumsauswahl */


#Inhalt {color:#535353;}
h1 { color: #0066ae; font-size: 20px; margin: 0 0 20px 0; padding: 10px 0 0; font-weight: normal; line-height: 130%; }
h2 {
    color: #47a8a9;
    font-size: 15px;
    font-weight: bold;
    margin: 15px 0 5px;
    padding: 5px 0 0;
}
h3 { margin: 0; font-weight: bold;}
h3 { font-size: 15px; color: #0066AE; }

h5 { color: #000; margin: 8px 0 5px; font-size: 12px; }

#Inhalt p { margin: 0 0 5px 0 }
#Inhalt p.align-left { text-align: left; }
#Inhalt p.align-center { text-align: center; }
#Inhalt p.align-right { text-align: right; }

#Inhalt * b { font-weight: bold; }
#Inhalt * i { font-style:italic; }
#Inhalt * sub { font-size: 10px; vertical-align: sub; }
#Inhalt * sup { font-size: 10px; vertical-align: super; }

#Inhalt ul { list-style: outside disc; margin: 5px 0; padding-left: 20px; }

#Inhalt .csc-textpic ul { padding-left: 0; }


#Inhalt ul ul { list-style: outside circle; margin: 0; padding-left: 15px; }
#Inhalt ol { list-style: outside decimal; margin: 5px 0; padding-left: 15px; }
#Inhalt ol ol { list-style: outside decimal; margin: 0; }

.right-box, .start-box, .feedback, .pendo { 
	border: 1px solid #47a8a9;
	margin-top: 15px;
	padding: 15px 10px;
	-moz-border-radius: 10px; /* Firefox */
	-webkit-border-radius: 10px; /* Safari, Chrome */
	border-radius: 10px; /* CSS3 */
}

/* Boxen Startseite */

.start-box h2, .feedback h2, .pendo h2 { margin: 0 0 10px 0; padding: 0; }

.start-box { height: 280px; width: 188px; margin-right: 10px; float: left; }

.start-box#right { margin-right: 0; }

/* Boxen rechte Spalte */

.right-box h4 { 
	font-size: 14px;
	color: #47a8a9;
	font-weight: bold;
	margin: 0 0 10px 0; 
}

.right-box ul { list-style-image: url(../images/list-item.png); line-height: 135%; padding-left: 18px; margin: 0; }
.right-box li {  margin-bottom: 4px; }

/* Feedback Boxen */

.feedback, .start-box {
    float: left;
    height: 240px;
    margin-right: 10px;
    width: 273px;
	padding: 20px;
}

.start-box i, .feedback i {
    color: #000000;
    display: block;
    font-size: 12px;
    line-height: 130%;
    padding-top: 5px;
}
.start-box img { margin: -5px 0px 0 0; }

.pendo { float: right; width: 200px; margin-left: 30px; margin-bottom: 20px; }


#Kopfbalken img {
    float: right;
    margin: 0 355px 0 0;
}

.element { background-color: #e7ecf3; margin-bottom: 25px; position: relative; }
.element .border { background: transparent url(../images/clear.gif) 0 0 no-repeat; position: absolute; }
.left .border { left: 0; width: 207px; }
.right .border { right: 0; width: 187px; }
.element .top { height: 4px; top: -4px; }
.element .bot { bottom: -7px; height: 7px; }
.left .top { background-image: url(../images/bg_element_l_top.png); }
.left .bot { background-image: url(../images/bg_element_l_bot.png); }
.right .top { background-image: url(../images/bg_element_r_top.png); }
.right .bot { background-image: url(../images/bg_element_r_bot.png); }


#pfoot .csc-textpic-image { margin: 0 0 0 1px; }

/* #############################################################################
 * ########## Navigationen
 */
 
/* Hauptnavigation */
	.menu {
		background: transparent url(../images/navi-bg.png) 0 0 no-repeat;
		padding: 12px 0 0 12px;
		margin:  0 0 15px  20px;
		line-height: 100%;
	}
	
	#menu1 { margin-top: 4px; }
	
	#menu2 {
	margin-bottom: 50px;
	}
	


.menu UL {color:#FFFFFF; list-style-type:none; list-style-position:outside; margin:0; padding:0;}
.menu UL LI {margin:0; padding:0;}

.menu a {
	color: #FFFFFF;
	margin: 0;
	font-size: 14px;
	font-family:"Trebuchet MS",Helvetica,Jamrul,sans-serif;
	font-weight: normal;
	display: block; 
}


.menu .ebene1 .menuitem { overflow: visble; }

.menu .ebene1 .menuitem a  {
	background-image:url(../images/navi-no.png);
	background-repeat:no-repeat;
	background-position: 0 0;
	color:#ffffff;
	font-weight: bold;
	height:22px;
	margin: 0 0 4px 0;
	overflow:hidden;
	padding: 8px 0 0 10px;
	text-decoration:none;
	width: 195px;
 }
 
.menu .ebene1 .menuitem a:hover, .menu .ebene1 .menuactive a, .menu .ebene1 .menuactive a:hover  {
	color:#ffffff;
	background-image: url(../images/navi-ro.png);
	background-repeat:no-repeat;
	background-position: 0 0;

 }
 
.menu .ebene2 .menuitem a  {
    background-image: url("../images/subnavi-no.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    color: #0065AE;
    font-size: 13px;
    height: 19px;
    margin: 0 0 2px;
    padding: 5px 0 0 15px;
    text-decoration: none;
    width: 178px;
 }
 
.menu .ebene2 .menuitem a:hover, .menu .ebene2 .menuactive a, .menu .ebene2 .menuactive a:hover  {
	color:#0065ae;
	background-image: url(../images/subnavi-no.png);
	background-repeat:no-repeat;
	background-position: 0 0;
	text-decoration:underline;

 }
 
ul.ebene2 {
	margin: 0 0 5px 0;
}
 

/* Breadcrumb "Navigation"  */
#breadcrumb {color: #0066ae;font-size:10px;text-decoration:none;}
#breadcrumb a {color: #797979;text-decoration:none;}


/* Metanavigation oben rechts */
#Kopfmenu {list-style-type:none; margin: 0;padding:0;text-align:left;}
#Kopfmenu  a{color:#FFFFFF;text-decoration:none;z-index:100; font-size:13px;}
#Kopfmenu  #menuid9 {margin: 0 0 5px 155px;}
#Kopfmenu  #menuid10 {margin: 0 0 5px 145px;}
#Kopfmenu  #menuid11 {margin: 0 0 5px 135px;}
#Kopfmenu  #menuid39 {margin: 0 0 5px 103px;}
#Kopfmenu  #menuid42 {margin: 0 0 5px 120px;}


#pfoot { color: #797979;font-size:13px;padding:7px 0 0 0;text-align:center;vertical-align: middle; }
#pfoot span {margin: 20px 28px 0;}

#rechte-Spalte { 
    color: #535353;
    float: right;
    font-size: 12px;
    margin-right: 15px;
    padding: 0 5px 20px;
    width: 190px;
}

#rechte-Spalte a { font-weight: bold; }

a { color: #3f9ea0; text-decoration: none; }
a:hover { text-decoration: underline;}

#rechte-Spalte b, #rechte-Spalte strong { color: #000; }

#Inhalt fieldset.tx-powermail-pi1_fieldset {
	background-color: #FFF;
    -moz-border-radius: 10px; /* Firefox */
	-webkit-border-radius: 10px; /* Safari, Chrome */
	border-radius: 10px; /* CSS3 */
	border-color: #47A8A9;
}

#Inhalt fieldset.tx-powermail-pi1_fieldset legend {
    color: #47A8A9;
    font-size: 15px;
    font-weight: bold;
    margin: 0 0 5px;
    padding: 5px 10px 0;
}

html:root #uid-42 .error em {  border-color: #0066AE transparent -moz-use-text-color; }
#uid-42   .error {  background-color: #0066AE; border: 1px solid #0066AE; }
#Inhalt span.powermail_mandatory { color: #0066AE; margin-left: 3px; }

#Inhalt div.tx_powermail_pi1_fieldwrap_html { margin-left: 10px; }

#Inhalt fieldset.tx-powermail-pi1_fieldset input.powermail_text, #Inhalt fieldset.tx-powermail-pi1_fieldset input.powermail_date, #Inhalt fieldset.tx-powermail-pi1_fieldset input.powermail_datetime, #Inhalt fieldset.tx-powermail-pi1_fieldset textarea.powermail_textarea, #Inhalt fieldset.tx-powermail-pi1_fieldset input.powermail_captcha { width: 400px; min-width: 400px; max-width: 400px; }
#Inhalt fieldset.tx-powermail-pi1_fieldset textarea.powermail_textarea { height: 200px; }

#Inhalt fieldset.tx-powermail-pi1_fieldset textarea:focus, #Inhalt fieldset.tx-powermail-pi1_fieldset input:focus:not([type="submit"]) {
    background: none repeat scroll 0 0 #F8F8F8;
	border: 1px solid #47A8A9; 
}

#Inhalt fieldset.tx-powermail-pi1_fieldset label, #Inhalt fieldset.tx-powermail-pi1_fieldset fieldset legend { width: 150px; }

#Inhalt fieldset.tx-powermail-pi1_fieldset input.powermail_submit, input[type="submit"] { 
	border: none;
	background-color: #47A8A9;
	color: #FFF;
	cursor: pointer;
	font-weight: bold;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	margin: 5px 0 10px 150px;
	padding: 3px 20px;
}

.tx_powermail_pi1_formconfirmation_submit input[type="submit"]{ margin-left: 20px; }

.tx_powermail_pi1_formconfirmation_back input[type="submit"] { float: left; margin: 5px 0 10px 105px; }

table td.powermail_all_td { border: 1px solid #eee; padding: 5px; }
table { margin-bottom: 20px; }

#Inhalt .csc-textpic-caption {
    font-size: 12px;
    line-height: 130%;
    margin: 10px 0 0;
}

#Inhalt .bottom-links a { font-size: 15px; background: url(../images/pfeil.png) no-repeat transparent 0 9px; padding-left: 9px; margin-right: 4px; }
