/* 	DLRG Deutsche Lebens-Rettungs-Gesellschaft e.V.
	Layout für WWW-Server: www.dlrg-rodenkirchen.de
	DLRG AK Internet, webmaster@dlrg-rodenkirchen.de
	rodenkirchen.css - Version 1.03 - 01.01.2005
	
	Valide gemaess: [bedingt] kompatibel
	W3C/CSS2: IE5/6+,NN6/7+,OP6/7+,Konq5/6+,Moz1+,[NN4,MacIE5]
	Ergänzungen und Änderungen in custom.css  */
	


body {
	scrollbar-base-color:#2E4D6C;
	scrollbar-face-color:#2E4D6C;
	scrollbar-arrow-color:#2E4D6C;
	scrollbar-3dlight-color:#2E4D6C;
	scrollbar-darkshadow-color:#2E4D6C;
	scrollbar-shadow-color:#2E4D6C;
}

h1 {
	font-size:15px;
	font-weight:bold;
	margin:8px 6px 14px 6px;
	padding:2px 4px 2px 4px;
	color:#FFFFFF;
	background-color:#FF72BC; }	


h4 {
	font-size:14px;
	font-weight:bold;
 }

h5 {
	font-size:15px;
	font-weight:bold;
	margin:8px 6px 14px 6px;
	padding:2px 4px 2px 4px;
	color:#FFFFFF;
	background-color:#0072BC; 
	text-align : right;
}
 	
#content2 {
	padding:13px 6px 0px 6px;
	background-color: #EBF2F5;
	background-image: url(../pictures/logos/logo_adler_klein.gif);
	background-attachment:fixed;
	background-repeat:no-repeat;
	background-position:center;
}

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

.image_left {
	float:left;
	clear:none;
	position:relative;
	margin:0.5em; }

.imagetext_left {
	margin:0;
	padding:0.42em;
	font-size:0.83em;
	line-height:110%;
	background-color:#BAD5E6;
	text-align:center; }

.imagetexthigh {
	margin:0px;
	padding:4px;
	font-size:10px;
	line-height:110%;
	background-color:#EBF2F5; 
	text-align:center;}
	
/* ######### Grafiklink ########## */

.grafiklink {
	background-color:#EBF2F5;       
    }
	
.grafiklinkhigh {
	background-color:#BAD5E6;       
    }

.dotted {
	border : 4px dotted #2E4D6C;
	padding : 10px 10px 10px 10px;
}	

a:hover.none{
	background-color: transparent;
}
	
a:active.none{
	background-color: transparent;
}

/* ######### Line-Symbole ########## */

.lineattention, .linewave, .linestar {
	min-height:17px;
	margin:0px;
	padding:2px 4px 2px 0px;
	color:#FFFFFF;
	background-color:#0072BC;
	background-repeat:no-repeat;
	background-position:5px; }
.lineattention {
	padding-left:19px;
	background-image:url(../grafik/icon_attention.gif); }
.linewave {
	padding-left:19px;
	background-image:url(../grafik/icon_wave.gif); }
.linestar {
	padding-left:19px;
	background-image:url(../grafik/icon_star.gif); }
	
#rightbar {
	border:0px;
	margin:0px;
	background-color:#EBF2F5;
	clear:both;
	overflow:visible;
	top:202px;
	left:790px;
	height:300px;
	width:200px;	
	margin:0px;
	float:right;
	position:absolute; }
	
#assist {
	border:0px;
	margin:0px;
	clear:both;
	overflow: visible;
	top:500px;
	left:80px;
	margin:0px;
	float: none;
	position:absolute;
	background : transparent;
}

/* ######### Externe Links ########## */

a.extern:link { 
	background:url(../grafik/link_extern.gif) no-repeat center right; 
	text-decoration:underline;  }
a.extern:visited { 
	background:url(../grafik/link_extern.gif) no-repeat center right; 
	text-decoration:underline;  }
a.extern:hover {
	background:url(../grafik/link_extern_hover.gif) no-repeat center right;
	background-color:#0072BC;
	text-decoration:none;  }
a.extern:active { 
	background:url(../grafik/link_extern.gif) no-repeat center right; 
	text-decoration:underline;  }	
	
a.extern:link {
	background: url(../grafik/link_extern.gif) no-repeat center right;
	padding-right:10px;
	color:#000;
	text-decoration:underline;
}
a.extern:visited {
	background: url(../grafik/link_extern.gif) no-repeat center right;
	padding-right:10px;
	color:#000000;
	text-decoration:underline; 
}
a.extern:hover {
	background: url(../grafik/link_extern_hover.jpg) no-repeat center right;
	padding-right:10px;
	color:#FFFFFF;
	background-color:#0072BC;
	text-decoration:none;
}
a.extern:active {
	background: url(../grafik/link_extern.gif) no-repeat center right;
	padding-right:10px;
	color:#000;
	text-decoration:underline;
}

/* ######### Mail links ########## */

a.maillink:link {
	background: url(../grafik/link_mail.gif) no-repeat center right;
	padding-right:18px;
	color:#000;
	text-decoration:underline;
}
a.maillink:visited {
	background: url(../grafik/link_mail.gif) no-repeat center right;
	padding-right:18px;
	color:#000000;
	text-decoration:underline; 
}
a.maillink:hover {
	background: url(../grafik/link_mail_hover.gif) no-repeat center right;
	padding-right:18px;
	color:#FFFFFF;
	background-color:#0072BC;
	text-decoration:none;
}
a.maillink:active {
	background: url(../grafik/link_mail.gif) no-repeat center right;
	padding-right:18px;
	color:#000;
	text-decoration:underline;
}

/* ######### Download Link ########## */

a.downloadlink:link {
	background: url(../grafik/link_download.gif) no-repeat center right;
	padding-right:24px;
	color:#000;
	text-decoration:underline;
}
a.downloadlink:visited {
	background: url(../grafik/link_download_visited.gif) no-repeat center right;
	padding-right:24px;
	color:#000000;
	text-decoration:underline; 
}
a.downloadlink:hover {
	background: url(../grafik/link_download_hover.gif) no-repeat center right;
	padding-right:24px;
	color:#FFFFFF;
	background-color:#0072BC;
	text-decoration:none;
}
a.downloadlink:active {
	background: url(../grafik/link_download.gif) no-repeat center right;
	padding-right:24px;
	color:#000;
	text-decoration:underline;
}

/* ######### Rote Boxen ########## */

.boxrot {
	margin:8px 6px 6px 6px;
	border: 1px solid #DC143C;
}

.linerot {
	min-height:17px;
	margin:0px;
	padding:2px 4px 2px 0px;
	color:#FFFFFF;
	background-color: #DC143C;
	background-repeat:no-repeat;
	background-position:5px;
}
.linerot {
	padding-left:19px;
	background-image:url(../grafik/icon_meldung.gif); }

.teaserrot {
	margin:8px 6px 14px 6px;
    border:0px solid #DC143C;
    border-width:0px 2px 2px 0px; }
	
#topright {
	border:0px;
	margin:0px;
	background-repeat:no-repeat;
	background-image:url(../grafik/dlrg_kopf_right.gif); 
	clear:both;
	overflow:visible;
	top:45px;
	left:755px;
	height:800px;
	width:300px;	
	margin:0px 0px 0px 0px;
	float:right;
	position:absolute; }

.tooltip {
	position: absolute;
	display: none;
	background-color: #FFFFFF;
}

.notfall { font-size:16px; text-align:center; color:white; background-color:red;} 

.notfallteaser { margin:8px 6px 14px 6px; border:0px solid red; border-width:0px 2px 2px 0px; } 

.notfallteaserbox { margin:8px 6px 14px 6px; border:0px solid red; border-width:0px 1px 1px 1px; } 

.notfall2 { font-size:16px; text-align:center; color:white; background-color:green;} 

.notfallteaser2 { margin:8px 6px 14px 6px; border:0px solid green; border-width:0px 2px 2px 0px; } 

.notfallteaser2box { margin:8px 6px 14px 6px; border:0px solid green; border-width:0px 1px 1px 1px; } 

/* ######### Jugend Box ########## */

.jugendbox, fieldset {
	margin:8px 6px 6px 6px;
	border:1px solid #d7005f; }

.jugendhighlight {
	background-color:#FFD5E6; }

.jugendimagetext {
	margin:0px;
	padding:4px;
	font-size:10px;
	line-height:110%;
	background-color:#d7005f; }

.imagetextblue {
	margin:0px;
	padding:4px;
	font-size:10px;
	line-height:110%;
	background-color:#0072BC; }
	
/* ######### Formular ########## */

.form {
	border: 1px dotted #999999;
	background-color:#DDDDDD;
}	

.button
{
background-color: #DDDDDD;
}

/* ######### Formular ########## */

.tabledrop {
	margin-top:8px;
	border: 1px dotted #999999;
	background-color: #DDDDDD;
	color: #000000;
	font-weight: 550;
}	

/* ######### Spezielle Formular Definitionen ########## */

.Email, .Name, .Vorname, .Telefon, .Nr, .Passwort, .Pin, .Liste, .Kalender, .Erzieher, .Strasse, .Plz, .Wohnort, .Frage {
	font-size: 1.2em;
	border: 1px dotted #999999;
	background-color:#DDDDDD;
	padding-left: 30px;
}

.Feld, .Anmerkung{
	font-size: 1.2em;
	border: 1px dotted #999999;
	background-color:#DDDDDD;
}

.Ckbox {
	font-size: 1.2em;
	border: 1px dotted #999999;
	background-color:#DDDDDD;
}

.Email{
	background: #DDDDDD url('../pictures/icons/form/email_grey.png') 2px 50% no-repeat;
}

.Name{
	background: #DDDDDD url('../pictures/icons/form/user_grey.png') 2px 50% no-repeat;
}

.Vorname{
	background: #DDDDDD url('../pictures/icons/form/user_grey.png') 2px 50% no-repeat;
}

.Telefon{
	background: #DDDDDD url('../pictures/icons/form/mobile_phone_grey.png') 2px 50% no-repeat;
}

.Nr{
	background: #DDDDDD url('../pictures/icons/form/star_grey.png') 2px 50% no-repeat;
}

.Passwort{
	background: #DDDDDD url('../pictures/icons/form/lock_grey.png') 2px 50% no-repeat;
}

.Pin{
	background: #DDDDDD url('../pictures/icons/form/pin_grey.png') 2px 50% no-repeat;
}

.Liste{
	background: #DDDDDD url('../pictures/icons/form/full_page_grey.png') 2px 50% no-repeat;
}

.Kalender{
	background: #DDDDDD url('../pictures/icons/form/calendar_grey.png') 2px 50% no-repeat;
}

.Erzieher{
	background: #DDDDDD url('../pictures/icons/form/users_grey.png') 2px 50% no-repeat;
}

.Strasse{
	background: #DDDDDD url('../pictures/icons/form/home_grey.png') 2px 50% no-repeat;
}

.Plz{
	background: #DDDDDD url('../pictures/icons/form/home_grey.png') 2px 50% no-repeat;
}

.Wohnort{
	background: #DDDDDD url('../pictures/icons/form/home_grey.png') 2px 50% no-repeat;
}

.Anmerkung{
	background: #DDDDDD;
}

.Frage{
	background: #DDDDDD url('../pictures/icons/form/comment_grey.png') 2px 2px no-repeat;
}

.Email:hover, .Email:active, .Email:focus, .Email:visited{
	font-size: 1.2em;
	border: 1px dotted #999999;
	background-color:#DDDDDD;
	padding-left: 30px;
	background-image: url('../pictures/icons/form/email_blue.png');	
}

.Name:hover, .Name:active, .Name:focus, .Name:visited{
	font-size: 1.2em;
	border: 1px dotted #999999;
	background-color:#DDDDDD;
	padding-left: 30px;
	background-image: url('../pictures/icons/form/user_blue.png');
}

.Vorname:hover, .Name:active, .Name:focus, .Name:visited{
	font-size: 1.2em;
	border: 1px dotted #999999;
	background-color:#DDDDDD;
	padding-left: 30px;
	background-image: url('../pictures/icons/form/user_blue.png');
}

.Telefon:hover, .Telefon:active, .Telefon:focus, .Telefon:visited{
	font-size: 1.2em;
	border: 1px dotted #999999;
	background-color:#DDDDDD;
	padding-left: 30px;
	background-image: url('../pictures/icons/form/mobile_phone_blue.png');
}

.Nr:hover, .Nr:active, .Nr:focus, .Nr:visited{
	font-size: 1.2em;
	border: 1px dotted #999999;
	background-color:#DDDDDD;
	padding-left: 30px;
	background-image: url('../pictures/icons/form/star_blue.png');
}

.Passwort:hover, .Passwort:active, .Passwort:focus, .Passwort:visited{
	font-size: 1.2em;
	border: 1px dotted #999999;
	background-color:#DDDDDD;
	padding-left: 30px;
	background-image: url('../pictures/icons/form/lock_blue.png');
}

.Pin:hover, .Pin:active, .Pin:focus, .Pin:visited{
	font-size: 1.2em;
	border: 1px dotted #999999;
	background-color:#DDDDDD;
	padding-left: 30px;
	background-image: url('../pictures/icons/form/pin_blue.png');
}

.Liste:hover, .Liste:active, .Liste:focus, .Liste:visited{
	font-size: 1.2em;
	border: 1px dotted #999999;
	background-color:#DDDDDD;
	padding-left: 30px;
	background-image: url('../pictures/icons/form/full_page_blue.png');
}

.Kalender:hover, .Kalender:active, .Kalender:focus, .Kalender:visited{
	font-size: 1.2em;
	border: 1px dotted #999999;
	background-color:#DDDDDD;
	padding-left: 30px;
	background-image: url('../pictures/icons/form/calendar_blue.png');
}

.Erzieher:hover, .Erzieher:active, .Erzieher:focus, .Erzieher:visited{
	font-size: 1.2em;
	border: 1px dotted #999999;
	background-color:#DDDDDD;
	padding-left: 30px;
	background-image: url('../pictures/icons/form/users_blue.png');
}

.Strasse:hover, .Strasse:active, .Strasse:focus, .Strasse:visited{
	font-size: 1.2em;
	border: 1px dotted #999999;
	background-color:#DDDDDD;
	padding-left: 30px;
	background-image: url('../pictures/icons/form/home_blue.png');
}

.Plz:hover, .Plz:active, .Plz:focus, .Plz:visited{
	font-size: 1.2em;
	border: 1px dotted #999999;
	background-color:#DDDDDD;
	padding-left: 30px;
	background-image: url('../pictures/icons/form/home_blue.png');
}

.Wohnort:hover, .Wohnort:active, .Wohnort:focus, .Wohnort:visited{
	font-size: 1.2em;
	border: 1px dotted #999999;
	background-color:#DDDDDD;
	padding-left: 30px;
	background-image: url('../pictures/icons/form/home_blue.png');
}

.Anmerkung:hover, .Anmerkung:active, .Anmerkung:focus, .Anmerkung:visited{
	font-size: 1.2em;
	border: 1px dotted #999999;
	background-color:#DDDDDD;
}

.Frage:hover, .Frage:active, .Frage:focus, .Frage:visited{
	font-size: 1.2em;
	border: 1px dotted #999999;
	background-color:#DDDDDD;
	padding-left: 30px;
	background-image: url('../pictures/icons/form/comment_blue.png');
}

.Errorfield 
{
	font-size: 1.2em;
	border: 1px dotted #9F0004 ;
	background-color: #FFFFCC;
	padding-left: 30px;	
} 

.Inputfield 
{
	font-size: 1.2em;
	border: 1px dotted #999999;
	background-color:#DDDDDD;
	padding-left: 30px;	
} 

/* ######### Tooltip ########## */

a.tooltip_graphic{
	/* border-bottom: 1px dotted #000000; */
	color: #000000; 
	outline: none;
	cursor: help; 
	text-decoration: none;
	position: relative;
}

a.tooltip_graphic:hover{
	text-decoration: none;
	color: #000000; 
	border: 0; 
	margin: 0px 0px 0px 0px;
	z-index: 999;
	background-color: transparent;
}

a.tooltip_graphic span{
	display: none;
}

a.tooltip_graphic:hover span{ 
	border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
	font-family: Calibri, Tahoma, Geneva, sans-serif;
    display:block;
    position:absolute;
    top:0.5em; left:-19em; width:15em;
	margin-left: 0;
}

.classic { padding: 0.8em 1em; }
.custom { padding: 0.5em 0.8em 0.8em 2em; }
* html a:hover { background: transparent; }
.classic {background: #9FDAEE; border: 1px solid #FFAD33; }
.critical { background: #FFCCAA; border: 1px solid #FF3334;	}
.help { background: #9FDAEE; border: 1px solid #2BB0D7;	}
.info { background: #9FDAEE; border: 1px solid #2BB0D7;	}
.warning { background: #FFFFAA; border: 1px solid #FFAD33; }