/*Globale Angaben*/
html, body{ 
    margin:0; 
    padding:0; 
    background-color:white;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
} 

img {
    border: none;
}

img.iac	{
	padding:2px;
}

img.ial	{
	padding-right:5px;
}

img.iar	{
	padding-left:5px;
}

a {
        text-decoration:none;
}

a:hover {
        text-decoration:underline
}

/*Header, Grafiken, Icons*/
#head_left {
    position:absolute;
    top:0;
    left:0;
    width: 90px;
    height: 90px;
}

#head_middle {
    position:absolute;
    top: 1px;
    left: 90px;
    width: 357px;
    height: 89px;
}

#head_right {
    position:absolute;
    top: 0;
    left: 447px;
    width: 450px;
    height: 90px;    
}

#DRK_Wasserwacht_Logo {
    position:absolute;
    top: 24px;
    left: 85px;
    width: 165px;
    height: 27px;
}

#DRK_Logo {
    position:absolute;
    top: 0;
    left: 680px;
    width: 220px;
    height: 31px;
}

#Icon_Kontakt {
    position:absolute;
    top: 35px;
    left: 700px;
    width: 40px;
    height: 36px;
}

#Icon_Suche {
    position:absolute;
    top: 35px;
    left: 750px;
    width: 40px;
    height: 36px;
}

#Icon_Sitemap {
    position:absolute;
    top: 35px;
    left: 800px;
    width: 40px;
    height: 36px;
}

#Icon_Hilfe {
    position:absolute;
    top: 35px;
    left: 850px;
    width: 40px;
    height: 36px;
}

@media print{ 
        #Icon_Hilfe, #Icon_Sitemap, #Icon_Suche, #Icon_Kontakt {
                display:none;
        }
}

/*Topmenu und Breadcrumb*/
#Topmenu {
        width: 100%;
        text-align: right;
        font-weight: bold;
        color: black;
        
}

#Topmenu .back {
        display:inline;
        padding-left:20px;
        padding-right:50px;
        background-image: url(/media/topnav_left.gif);
        background-position:top left;
        width:200px;
}

#Topmenu span {
        padding-left:15px;
        padding-right:3px;
        background-image: url(/media/topnav_mid.gif);
        background-position:top left;
}

#Topmenu span.active {
        padding-left:15px;
        padding-right:3px;
        background-image: url(/media/topnav_active.gif);
        background-position:top left;
}

#Topmenu span.afteractive {
        padding-left:15px;
        padding-right:3px;
        background-image: url(/media/topnav_afteractive.gif);
        background-position:top left;
}

#Topmenu a {
        text-decoration:none;
        color:black;
}

#Topmenu span.active a {
        text-decoration:none;
        color:white;
}

#Breadcrumb {
    width: 100%;
    text-align: left;
    font-size: 0.8em;
    color: navy;
}

@media print{ 
        #Topmenu, #Breadcrumb {
                display:none;
        }
}

/*  Menu links */
div#mainnav {
	line-height : 16px;
	padding-left: 5px;
	padding-right: 10px;
}

div#mainnav a {
        font-weight:normal;
        text-decoration:none;
        color:navy;
}


div#mainnav h1 {
	font-size : 11px;
	background-image: url(../media/menu_normal.gif);
	background-repeat: no-repeat;
	padding: 2px 0 0 12px;
	margin:0;
}

div#mainnav h1.active {
	background-image: url(../media/menu_active.gif);
}

div#mainnav h2 {
	font-size : 10px;
	background-image: url(../media/menu2_normal.gif);
	background-repeat: no-repeat;
	padding:0 0 1px 23px;
	margin:0;
}

div#mainnav h2.active {
	background-image: url(../media/menu2_active.gif);
}

div#mainnav h3 {
	font-size : 10px;
	background-image: url(../media/menu3_normal.gif);
	background-repeat: no-repeat;
	padding:0 0 1px 27px;
	margin:0;
}

div#mainnav h3.active {
	background-image: url(../media/menu3_active.gif);
}


/*Hauptinhalt */
div.maincontent h1 {
	font-size: 18px;
	color:#0080ff;
	line-height: 24px;
	font-weight : normal;
	padding-top : 9px;
	margin-top : 0px;
	padding-bottom : 9px;
	margin-bottom: 0px;
	clear:both;
}

div.maincontent h2 {
	font-size: 15px;
	line-height: 18px;
	font-weight : bold;
	padding-top : 6px;
	margin: 0px;
	padding-bottom : 6px;
	color: #808080;
	clear:both;
}

div.maincontent h2 .subline {
    padding-left:10px;
	font-size : 12px;
    font-style:italic;
}

div.maincontent h3 {
	font-size: 14px;
	font-weight : normal;
	padding-top : 4px;
	margin-top : 0px;
	padding-bottom : 2px;
	margin-bottom: 0px;
	clear:both;
}

div.maincontent img {
        margin:5px;
}

/*Teaser*/
.teaser h1 {
	font-size:1.2em;
	padding:2px 0 5px 0;
	margin:0;
}

.teaser h2 {
	font-size:1.1em;
	padding:2px 0 5px 0;
	margin:0;
}

.teaser .head {               	
	color:navy;
	font-weight:bold;
	margin:5px 0 0 0 ;
	padding:0 2px 10px 5px;
	text-align:right;
	font-size:1em;
        height:20px;
	background-image: url(/media/teaser_top.gif);
        background-repeat:no-repeat;
	background-position: left 3px;
}

.teaser .box    {               	
	background-image: url(/media/teaser_bottom.gif);
	margin:0 0 10px 0;
	padding: 1px 5px 5px 5px;
	background-position:bottom left;
}

.teaser .box h3 {
        color:navy;
        font-size: 1em;
        font-weight:bold;
        margin-top:2px;
}

.teaser p {              
	margin:0; 	
}


.teaser .pichead {               	
	color:navy;
	font-weight:bold;
	margin:5px 0 0 0 ;
	padding:0 2px 8px 5px;
	text-align:right;
	font-size:1em;
        height:20px;
	background-image: url(/media/teaser_top.gif);
        background-repeat:no-repeat;
	background-position: left 3px;
}

.teaser .picbox    {               	
	background-image: url(/media/teaser_bottom.gif);
	margin:0;
	padding:0;
	background-position:bottom left;
}

.teaser ul {
	padding:0px;
	margin:0px;
}
.teaser li {
	background-image: url(/media/bullet.gif);
    background-repeat:no-repeat;
	background-position: left;
	list-style-type:none;
	margin:0 0 2px 0;
	padding:0 0 0 20px;
}

#footer	{
	padding-top:15px;
	text-align:center;
	font-size:9px;
	color:#6677aa;
}

/* Formulare */
div.form {
  clear:both;
  float:none;
  padding: 5px;
}

div.form span 			{ float: left; text-align: left; padding: 2.5px; padding-top:0px; } 
div.form span.plain 		{ padding: 2.5px; }
div.form span.label 		{ padding: 2.5px; width: 90px; text-align: left; }
div.form span.labelhelp 	{ padding: 2.5px; width: 90px; text-align: left; color:black; cursor:help; }
div.form span.shortlabel 	{ padding: 2.5px; width: 70px; text-align: left; }
div.form span.failed 		{ color:#B52931; font-weight:bold;  }
div.form span.ok 		{ color:green; font-style:italic; }

div.helplabel	{ background-color:lime;position:absolute;visibility:hidden; padding:5px;border:1px solid red; max-width:200px;}

input,textarea,select,button 						{ border: 1px solid navy; font-size:9pt; background-color:white;}
input.MANDATORY,textarea.MANDATORY,select.MANDATORY { border: 1px solid red; }
textarea.ok,input.ok,select.ok 						{ border: 1px solid navy;}
textarea:focus, select:focus, input:focus			{ background-color:#c2c7db; }
textarea.failed,input.failed,select.failed,iframe.failed  { color:white; background-color:#B52931; border: 1px solid red; }
textarea.FAILED,input.FAILED,select.FAILED,iframe.FAILED  { color:white; background-color:#B52931; border: 1px solid red; }


.btngrn		{ width:120px;  color: lime; background-color:#4a5897;  border-color:#c2c7db; cursor:pointer; }
.btnred		{ width:120px;  color: orange; background-color:#4a5897; border-color:#c2c7db; cursor:pointer;}
.btnorg		{ width:120px;  color: yellow; background-color:#4a5897; border-color:#c2c7db; cursor:pointer;}
.btngo		{ width:25px; background-color: orange; color: white; cursor:pointer;}
.btndel		{ width:120px; background-color: red; color: white; cursor:pointer;}
.btnclear	{ width:25px; background-color: green; color: white; cursor:pointer;}
.btnwide	{ width:200px; }

/* Status */
div#status	{ float:none; }
div#status p	{ padding: 4px 10px 4px 10px; margin-bottom:10px; font-size:14px; font-weight:bold;}
div#status p.note { border:1px solid #C0C0C0; background-color:white; color:#004400; }
div#status p.fail { border:1px solid red; background-color:#F7BF92; color:#440000; }
div#status p.done { border:1px solid green; background-color:green; color:white; }
div#status p.msg { border:1px solid red; background-color:orange; color:black; }
div#status p.default { border:1px solid #F0F0F0; background-color:white; color:#c2c7db; }



/* Menu List-Style */
/*  Menu links */
div#mainnav {
	line-height : 16px;
	padding-left: 5px;
	padding-right: 10px;
}

div#mainnav a {
        font-weight:normal;
        text-decoration:none;
        color:navy;
}

div#mainnav ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	white-space:nowrap;
	padding:0;
	margin:0;	
}

div#mainnav ul.level1 li {
	font-size : 11px;
	background-image: url(../media/menu_normal.gif);
	background-repeat: no-repeat;
	padding: 2px 0 0 12px;
	margin:0;
}

div#mainnav ul.level1 li.active {
	background-image: url(../media/menu_active.gif);
}

div#mainnav ul.level2 {
	padding-left:-12px;
}

div#mainnav ul.level2 li {
	font-size : 10px;
	background-image: url(../media/menu2_normal.gif);
	background-repeat: no-repeat;
	padding:0 0 1px 23px;
	margin:0;
}

div#mainnav ul.level2 li.active {
	background-image: url(../media/menu2_active.gif);
}

div#mainnav ul.level3 li {
	font-size : 10px;
	background-image: url(../media/menu3_normal.gif);
	background-repeat: no-repeat;
	padding:0 0 1px 27px;
	margin:0;
}

div#mainnav ul.level3 li.active {
	background-image: url(../media/menu3_active.gif);
}