/* Website Design (c) 2005 bau11.com | buero fuer bildschirmgestaltung */
/* Andreas Geier, Dipl. Kommunikationsdesigner | andi@bau11.com */
/* Website Inhalte (c) 2005ff Stadtjugendring Mannheim e.V. */
/* Domaininhaber Stadtjugendring Mannheim e.V. */
/* Webmaster sjr-mannheim@t-online.de */


/* Inhalt */

body { 
background:#036;
margin:0;
padding:0; }

#inhalt { 
z-index:1;
position:relative;
width:100%;
background:#fff;
margin:0;
padding:0; }

#spalte1 { 
z-index:1;
float:left;
position:relative;
width:60%;
background:#fff;
margin:0;
padding:20px 0 20px 44px; }

#spalte2 { 
z-index:1;
float:left;
position:relative;
width:25%;
background:#fff;
margin:0;
padding:20px 0 20px 44px; }

img { 
display:block;
border:none;
margin:0;
padding:0; }

h1 { 
color:#111;
font-family:Verdana,Helvetica,Arial,sans-serif;
font-size:14px;
line-height:18px;
margin:0;
padding:0 0 20px 0; }

h2 { 
color:#111;
font-family:Verdana,Helvetica,Arial,sans-serif;
font-size:12px;
line-height:14px;
margin:0;
padding:10px 0 14px 0; }

p { 
color:#333;
font-family:Verdana,Helvetica,Arial,sans-serif;
font-size:11px;
line-height:16px;
margin:0;
padding:0 0 10px 0; }

ul { 
list-style-type:none; 
margin:0;
padding:0 0 10px 0; }

li { 
color:#333;
background:url(../grafik/icons/listesjr.gif) 0px 6px no-repeat;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
line-height:16px;
width:100%;
margin:0;
padding:0 0 0 20px; }

table { 
width:100%;
margin:0 0 10px 0;
padding:0; }

tr { 
margin:0;
padding:0; }

td { 
vertical-align:top;
text-align:left;
color:#333;
font-family:Verdana,Helvetica,Arial,sans-serif;
font-size:11px;
line-height:16px;
border:1px solid #333;
margin:0;
padding:2px; }

td h1 { 
color:#111;
font-family:Verdana,Helvetica,Arial,sans-serif;
font-size:14px;
line-height:16px;
margin:0;
padding:0 0 4px 0; }

td h2 { 
color:#111;
font-family:Verdana,Helvetica,Arial,sans-serif;
font-size:11px;
line-height:12px;
margin:0;
padding:0 0 4px 0; }

td p { 
color:#333;
font-family:Verdana,Helvetica,Arial,sans-serif;
font-size:11px;
line-height:16px;
margin:0;
padding:0; }

#sponsor td {
	border: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	vertical-align: top; }

.tab1 { 
color:#fff;
background:#036; }

.tab2 { 
background:#69c; }

.tab3 { 
background:#eee; }

#inhalt a:link { 
color:#036;
font-weight:bold;
text-decoration:none;
border-bottom:3px dotted #036; }
#inhalt a:visited { 
color:#036;
font-weight:bold;
text-decoration:none;
border-bottom:3px dotted #036; }
#inhalt a:hover { 
color:#000;
font-weight:bold;
text-decoration:none;
border-bottom:3px dotted #000; }
#inhalt a:active { 
color:#036;
font-weight:bold;
text-decoration:none;
border-bottom:3px dotted #036; }

.ende { 
clear:both;
padding:20px 0 12px 44px; }

/* Navigation */

#nav { 
z-index:1;
position:relative;
top:0;
width:100%;
height:250px;
background:#036 url(../grafik/hintergrund/sjr1.jpg) no-repeat;
margin:0;
padding:10px 0 0 0; }

a:link.hah { display:block;position:relative;height:18px;background:#600;margin:2px 0 0 0;padding:2px 0 0 4px;color:#fff;font-family:Verdana,Helvetica,Arial,sans-serif;font-size:12px;font-weight:bold;line-height:12px;text-transform:uppercase;text-decoration:none; }
a:visited.hah { display:block;position:relative;height:18px;background:#600;margin:2px 0 0 0;padding:2px 0 0 4px;color:#fff;font-family:Verdana,Helvetica,Arial,sans-serif;font-size:12px;font-weight:bold;line-height:12px;text-transform:uppercase;text-decoration:none; }
a:hover.hah { display:block;position:relative;height:18px;background:#400;margin:2px 0 0 0;padding:2px 0 0 4px;color:#fff;font-family:Verdana,Helvetica,Arial,sans-serif;font-size:12px;font-weight:bold;line-height:12px;text-transform:uppercase;text-decoration:none; }
a:active.hah { display:block;position:relative;height:18px;background:#600;margin:2px 0 0 0;padding:2px 0 0 4px;color:#fff;font-family:Verdana,Helvetica,Arial,sans-serif;font-size:12px;font-weight:bold;line-height:12px;text-transform:uppercase;text-decoration:none; }

a:link.forum { display:block;position:relative;height:18px;background:#f60;margin:2px 0 0 0;padding:2px 0 0 4px;color:#fff;font-family:Verdana,Helvetica,Arial,sans-serif;font-size:12px;font-weight:bold;line-height:12px;text-transform:uppercase;text-decoration:none; }
a:visited.forum { display:block;position:relative;height:18px;background:#f60;margin:2px 0 0 0;padding:2px 0 0 4px;color:#fff;font-family:Verdana,Helvetica,Arial,sans-serif;font-size:12px;font-weight:bold;line-height:12px;text-transform:uppercase;text-decoration:none; }
a:hover.forum { display:block;position:relative;height:18px;background:#e50;margin:2px 0 0 0;padding:2px 0 0 4px;color:#fff;font-family:Verdana,Helvetica,Arial,sans-serif;font-size:12px;font-weight:bold;line-height:12px;text-transform:uppercase;text-decoration:none; }
a:active.forum { display:block;position:relative;height:18px;background:#f60;margin:2px 0 0 0;padding:2px 0 0 4px;color:#fff;font-family:Verdana,Helvetica,Arial,sans-serif;font-size:12px;font-weight:bold;line-height:12px;text-transform:uppercase;text-decoration:none; }

a:link.mt { display:block;position:relative;height:18px;background:#9c6;margin:2px 0 0 0;padding:2px 0 0 4px;color:#fff;font-family:Verdana,Helvetica,Arial,sans-serif;font-size:12px;font-weight:bold;line-height:12px;text-transform:uppercase;text-decoration:none; }
a:visited.mt { display:block;position:relative;height:18px;background:#9c6;margin:2px 0 0 0;padding:2px 0 0 4px;color:#fff;font-family:Verdana,Helvetica,Arial,sans-serif;font-size:12px;font-weight:bold;line-height:12px;text-transform:uppercase;text-decoration:none; }
a:hover.mt { display:block;position:relative;height:18px;background:#8b5;margin:2px 0 0 0;padding:2px 0 0 4px;color:#fff;font-family:Verdana,Helvetica,Arial,sans-serif;font-size:12px;font-weight:bold;line-height:12px;text-transform:uppercase;text-decoration:none; }
a:active.mt { display:block;position:relative;height:18px;background:#9c6;margin:2px 0 0 0;padding:2px 0 0 4px;color:#fff;font-family:Verdana,Helvetica,Arial,sans-serif;font-size:12px;font-weight:bold;line-height:12px;text-transform:uppercase;text-decoration:none; }

a:link.verband { display:block;position:relative;height:18px;background:#39c;margin:2px 0 0 0;padding:2px 0 0 4px;color:#fff;font-family:Verdana,Helvetica,Arial,sans-serif;font-size:12px;font-weight:bold;line-height:12px;text-transform:uppercase;text-decoration:none; }
a:visited.verband { display:block;position:relative;height:18px;background:#39c;margin:2px 0 0 0;padding:2px 0 0 4px;color:#fff;font-family:Verdana,Helvetica,Arial,sans-serif;font-size:12px;font-weight:bold;line-height:12px;text-transform:uppercase;text-decoration:none; }
a:hover.verband { display:block;position:relative;height:18px;background:#28b;margin:2px 0 0 0;padding:2px 0 0 4px;color:#fff;font-family:Verdana,Helvetica,Arial,sans-serif;font-size:12px;font-weight:bold;line-height:12px;text-transform:uppercase;text-decoration:none; }
a:active.verband { display:block;position:relative;height:18px;background:#39c;margin:2px 0 0 0;padding:2px 0 0 4px;color:#fff;font-family:Verdana,Helvetica,Arial,sans-serif;font-size:12px;font-weight:bold;line-height:12px;text-transform:uppercase;text-decoration:none; }

a:link.sjr { display:block;position:relative;height:18px;background:#036;margin:2px 0 0 0;padding:2px 0 0 4px;color:#fff;font-family:Verdana,Helvetica,Arial,sans-serif;font-size:12px;font-weight:bold;line-height:12px;text-transform:uppercase;text-decoration:none; }
a:visited.sjr { display:block;position:relative;height:18px;background:#036;margin:2px 0 0 0;padding:2px 0 0 4px;color:#fff;font-family:Verdana,Helvetica,Arial,sans-serif;font-size:12px;font-weight:bold;line-height:12px;text-transform:uppercase;text-decoration:none; }
a:hover.sjr { display:block;position:relative;height:18px;background:#025;margin:2px 0 0 0;padding:2px 0 0 4px;color:#fff;font-family:Verdana,Helvetica,Arial,sans-serif;font-size:12px;font-weight:bold;line-height:12px;text-transform:uppercase;text-decoration:none; }
a:active.sjr { display:block;position:relative;height:18px;background:#036;margin:2px 0 0 0;padding:2px 0 0 4px;color:#fff;font-family:Verdana,Helvetica,Arial,sans-serif;font-size:12px;font-weight:bold;line-height:12px;text-transform:uppercase;text-decoration:none; }

/* Subnavigation */

#stadtjugendring { z-index:2;position:relative;width:100%;height:16px;background:#036;margin:0;padding:0; }
#stadtjugendring p { float:left;vertical-align:middle;color:#fff;font-family:Verdana,Helvetica,Arial,sans-serif;font-size:11px;line-height:13px;margin:0;padding:2px 6px 0 6px; }
#stadtjugendring img { float:left;vertical-align:middle;margin:0;padding:0; }

#stadtjugendring a:link { color:#fff;font-weight:bold;text-decoration:none; }
#stadtjugendring a:visited { color:#fff;font-weight:bold;text-decoration:none; }
#stadtjugendring a:hover { color:#fff;font-weight:bold;text-decoration:underline; }
#stadtjugendring a:active { color:#fff;font-weight:bold;text-decoration:none; }

#stadtjugendring a:link.aktiv { color:#036;background:#fff;font-weight:bold;text-decoration:none;text-transform:uppercase;letter-spacing:6px;padding-left:9px;padding-right:3px; }
#stadtjugendring a:visited.aktiv { color:#036;background:#fff;font-weight:bold;text-decoration:none;text-transform:uppercase;letter-spacing:6px;padding-left:9px;padding-right:3px; }
#stadtjugendring a:hover.aktiv { color:#036;background:#fff;font-weight:bold;text-decoration:none;text-transform:uppercase;letter-spacing:6px;padding-left:9px;padding-right:3px; }
#stadtjugendring a:active.aktiv { color:#036;background:#fff;font-weight:bold;text-decoration:none;text-transform:uppercase;letter-spacing:6px;padding-left:9px;padding-right:3px; }

/* Fussnote */

#fuss { clear:both;position:relative;width:100%;background:#036 url(../grafik/hintergrund/sjr2.jpg) no-repeat;margin:0;padding:10px 0 10px 0; }