/* CSS Document */

body {
	margin: 0;
	width: 760px;
	position: absolute;
	left: 0px;
	top: 0px;
}

.imgLeft {
	float:left;
	padding-right: 5px;
}

.imgRight {
	float:right;
	padding-left: 5px;
}

.imgTop {
	float:left;
}

.imgInfo {
	float:left;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
}

.imgInfo2 {
	padding-top: 5px;
	padding-bottom: 5px;
}

a img {
	margin: 0;
	border: none;
	padding: 0;
	float: left;
}
 
a#news img {
	background: url(http://www1.autistici.org/g8/img/roll/news1.gif) top left no-repeat;
	height: 26px; 
 	width: 89px;
	float: left;	
	
}
a#dates img {
	background: url(http://www1.autistici.org/g8/img/roll/dates1.gif) top left no-repeat;
	height: 26px; 
 	width: 106px;		
	float: left;
	
}
a#archiv img {
	background: url(http://www1.autistici.org/g8/img/roll/archiv1.gif) top left no-repeat;
	height: 26px; 
 	width: 116px;	
	float: left;
}

a#links img {
	background: url(http://www1.autistici.org/g8/img/roll/links1.gif) top left no-repeat;
	height: 26px; 
 	width: 101px;	
	float: left;
}

a#contact img {
	background: url(http://www1.autistici.org/g8/img/roll/contact1.gif) top left no-repeat;
	height: 26px; 
 	width: 123px;	
	float: left;
}

a#news:hover img {
	background: url(http://www1.autistici.org/g8/img/roll/news2.gif) top left no-repeat;
	height: 26px;
	width: 89px;
	float: left;
}
a#dates:hover img {
	background: url(http://www1.autistici.org/g8/img/roll/dates2.gif) top left no-repeat;
	height: 26px;
	width: 106px;;
	float: left;
}
a#archiv:hover img {
	background: url(http://www1.autistici.org/g8/img/roll/archiv2.gif) top left no-repeat;
	height: 26px;
	width: 116px;
	float: left;
}

a#links:hover img {
	background: url(http://www1.autistici.org/g8/img/roll/links2.gif) top left no-repeat;
	height: 26px;
	width: 101px;
	float: left;
}

a#contact:hover img {
	background: url(http://www1.autistici.org/g8/img/roll/contact2.gif) top left no-repeat;
	height: 26px;
	width: 123px;
	float: left;
} 

a#siko img {
	background: url(http://www1.autistici.org/g8/img/roll/no-g8_1.gif) top left no-repeat;
	height: 23px; 
 	width: 86px;
	float: left;	
}

a#nato img {
	background: url(http://www1.autistici.org/g8/img/roll/no-nato1.gif) top left no-repeat;
	height: 23px; 
 	width: 86px;
	float: left;	
}

a#s_news img {
	background: url(http://www1.autistici.org/g8/img/roll/siko_news1.gif) top left no-repeat;
	height: 26px; 
 	width: 89px;
	float: left;	
	
}

a#s_dates img {
	background: url(http://www1.autistici.org/g8/img/roll/siko_dates1.gif) top left no-repeat;
	height: 26px; 
 	width: 106px;		
	float: left;
	
}
a#s_archiv img {
	background: url(http://www1.autistici.org/g8/img/roll/siko_archiv1.gif) top left no-repeat;
	height: 26px; 
 	width: 116px;	
	float: left;
}

a#s_links img {
	background: url(http://www1.autistici.org/g8/img/roll/siko_links1.gif) top left no-repeat;
	height: 26px; 
 	width: 101px;	
	float: left;
}

a#s_contact img {
	background: url(http://www1.autistici.org/g8/img/roll/siko_contact1.gif) top left no-repeat;
	height: 26px; 
 	width: 123px;	
	float: left;
}

a#siko:hover img {
	background: url(http://www1.autistici.org/g8/img/roll/no-g8_2.gif) top left no-repeat;
	height: 23px;
	width: 86px;
	float: left;	
}

a#nato:hover img {
	background: url(http://www1.autistici.org/g8/img/roll/no-nato2.gif) top left no-repeat;
	height: 23px;
	width: 86px;
	float: left;	
}

a#s_news:hover img {
	background: url(http://www1.autistici.org/g8/img/roll/siko_news2.gif) top left no-repeat;
	height: 26px;
	width: 89px;
	float: left;	
}

a#s_dates:hover img {
	background: url(http://www1.autistici.org/g8/img/roll/siko_dates2.gif) top left no-repeat;
	height: 26px;
	width: 106px;;
	float: left;
}
a#s_archiv:hover img {
	background: url(http://www1.autistici.org/g8/img/roll/siko_archiv2.gif) top left no-repeat;
	height: 26px;
	width: 116px;
	float: left;
}

a#s_links:hover img {
	background: url(http://www1.autistici.org/g8/img/roll/siko_links2.gif) top left no-repeat;
	height: 26px;
	width: 101px;
	float: left;
}

a#s_contact:hover img {
	background: url(http://www1.autistici.org/g8/img/roll/siko_contact2.gif) top left no-repeat;
	height: 26px;
	width: 123px;
	float: left;
} 

#top {
	margin: 0px;
	width: 760px;
	height: 125px;
	position: relative;
	top: 0px;
	left: 0px;
   }  

#navi {
	margin: 0px;
	width: 760px;
	height: 26px;
	position: relative;
	top: 0px;
	left: 0px;
   }  

#main {
	background-color: #FFFFFF;
	padding: 5px;
	border: 0px;
	margin: 0px;
	width: 550px;
	position: absolute;
	left: 0px;
	top: 151px;
	color: #000000;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;			
   }

#main h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #AD2622;
} 

#main a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}

#main a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	color: #AD2622;
	text-decoration: underline;
}

#main a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	color: #6B2622;
	text-decoration: none;
}

#linie {
	background: url(http://www1.autistici.org/g8/img/linie.gif) repeat;
	width: 520px;
	height: 1px;
	left: 15px;
	top: 5px;
	position: relative;
	right: 15px;
}

#article {
	background-color: #FFFFFF;
	padding: 5px; 
	margin: 0px;
	width: 749px;
	position: relative;
	left: 0px;
	top: 0px;
	color: #000000;
	border-right: 1px solid #BEC4C5;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;			
   } 

#article h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #AD2622;
} 

#article a {
 padding-left: 11px;
 padding-right: 5px;
 background: url(http://www1.autistici.org/g8/img/ext.gif) left center no-repeat;
 width: 9px; 
 height: 9px;	
}

#article a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}

#article a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	color: #AD2622;
	text-decoration: underline;
}

#article a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	color: #6B2622;
	text-decoration: none;
}
 
#test {
	background-color: #FFFFFF;
	padding: 5px;
	border: 0px;
	margin: 0px;
	width: 749px;
	position: relative;
	top: -5px;
	left: 0px;
	color: #000000;
	border-right: 1px solid #BEC4C5;
	border-bottom: 1px solid #BEC4C5;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;			
   } 

#test a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}

#test a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	color: #AD2622;
	text-decoration: underline;
}

#test a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	color: #6B2622;
	text-decoration: none;
}

#print1 {
	background-color: #FFFFFF;
	padding: 5px;
	border: 0px;
	margin: 0px;
	width: 550px;
	position: absolute;
	left: 0px;
	top: 0px;
	color: #000000;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;			
   }

#print1 h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #AD2622;
} 

#print1 a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}

#print1 a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	color: #AD2622;
	text-decoration: underline;
}

#print1 a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	color: #6B2622;
	text-decoration: none;
}

#print {
	background-color: #FFFFFF;
	padding: 0px;
	margin: 0px;
	width: 100px;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	height: 20px;
	border-top: 0px;
	border-right: 1px solid #BEC4C5;
	border-bottom: 1px solid #BEC4C5;
	border-left: 0px;
}

#right1 {
	background: #374D52;
	padding: 0;
	margin: 0px;
	width: 200px;
	height: 20px;
	position: absolute;
	top: 151px;
	left: 560px;
	color: #000000;
	border-top: 0px none;
	border-right: 0px none;
	border-bottom: 0px none;
	border-left: 0px none;
			
   }

#right2 {
	background: #FFFFFF url(http://www1.autistici.org/g8/img/news_back.gif) no-repeat;
	padding: 3px;
	margin: 0px;
	width: 193px;
	position: absolute;
	top: 171px;
	left: 560px;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	height: 93px;
	border-top: 0px none;
	border-right: 0px none;
	border-bottom: 1px solid #BEC4C5;
	border-left: 1px solid #BEC4C5;
   }   
   
   
/*#right2 a {
 padding-left: 18px;
 padding-top: 5px;
 padding-bottom: 5px;
 background: url(http://www1.autistici.org/g8/img/info.gif) left center no-repeat;
 width: 16px; 
 height: 20px;
 } */
 
#right2 a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
 }  
 
#right2 a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #7EA6B1;
	text-decoration: underline;
 }  
 
 #right2 a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #999999;
	text-decoration: none;
}

#right3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	background: #F6F9F9;
	padding: 3px;
	margin: 0px;
	width: 193px;
	position: absolute;
	top: 271px;
	left: 560px;
	border-top: 0px;
	border-right: 0px;
	border-bottom: 1px solid #BEC4C5;
	border-left: 1px solid #BEC4C5;
			
   }  
   
.mail {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	color: #AD2622;
}   

/*#right3 a {
 padding-left: 18px;
 padding-top: 5px;
 padding-bottom: 5px;
 background: url(http://www1.autistici.org/g8/img/info.gif) left center no-repeat;
 width: 16px; 
 height: 20px;
 } */
 
#right3 a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
 }  
 
#right3 a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #7EA6B1;
	text-decoration: underline;
 }
 
 #right3 a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #6B2622;
	text-decoration: none;
}

#s_right1 {
	background: #3A5237;
	padding: 0;
	margin: 0px;
	width: 200px;
	height: 20px;
	position: absolute;
	top: 151px;
	left: 560px;
	color: #000000;
	border-top: 0px none;
	border-right: 0px none;
	border-bottom: 0px none;
	border-left: 0px none;
			
   }

#s_right2 {
	background: #FFFFFF url(http://www1.autistici.org/g8/img/siko_back_r.gif) no-repeat;
	padding: 3px;
	margin: 0px;
	width: 193px;
	position: absolute;
	top: 171px;
	left: 560px;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	height: 91px;
	border-top: 0px none;
	border-right: 0px none;
	border-bottom: 1px solid #BEC4C5;
	border-left: 1px solid #BEC4C5;
   }   
   
   
/*#right2 a {
 padding-left: 18px;
 padding-top: 5px;
 padding-bottom: 5px;
 background: url(http://www1.autistici.org/g8/img/info.gif) left center no-repeat;
 width: 16px; 
 height: 20px;
 } */
 
#s_right2 a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
 }  
 
#s_right2 a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #679D5F;
	text-decoration: underline;
 }  
 
 #s_right2 a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #999999;
	text-decoration: none;
}

#s_right3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	background: #EEF3ED;
	padding: 3px;
	margin: 0px;
	width: 193px;
	position: absolute;
	top: 269px;
	left: 560px;
	border-top: 0px;
	border-right: 0px;
	border-bottom: 1px solid #BEC4C5;
	border-left: 1px solid #BEC4C5;
			
   }  

/*#right3 a {
 padding-left: 18px;
 padding-top: 5px;
 padding-bottom: 5px;
 background: url(http://www1.autistici.org/g8/img/info.gif) left center no-repeat;
 width: 16px; 
 height: 20px;
 } */
 
#s_right3 a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
 }  
 
#s_right3 a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #679D5F;
	text-decoration: underline;
 }
 
 #s_right3 a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #999999;
	text-decoration: none;
}

#s_right4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	background: #F6F9F9;
	padding: 3px;
	margin: 0px;
	width: 170px;
	left: 600px;
	color: #000000;			
   }  


/* kontakt */

/*  Start Forms */
#formwrap {
   padding: 0px 0px 0px 0px;
   margin: 20px 0px 0px 50px;
}
#form {
   padding: 0px 0px 10px 0px;
   margin: 0px 0px 0px 0px;
   text-align: left;
}
/* Rahmenfarbe angeben fŸr Opera */
fieldset {
   border: 1px solid #fff;
   padding: 0px 0px 0px 0px;
   margin: 0px 0px 0px 0px;
}
legend {
   border: 1px solid #fff;
}
Label {
   font:11px/20px verdana, arial, helvetica, sans-serif;
   padding:0px;
   margin-left: 0px;
}
.inpt {
   width: 350px;
   border: 1px solid #999;
   background-color: transparent;
   color: #666666;
   font-family: Verdana, Arial, Sans-Serif;
   font-size: 11px;
   padding: 1px 1px 1px 3px;
   margin: 0px 0px 5px 0px;
   word-spacing: 0.2em;
}
.txt {
   width: 350px;
   border: 1px solid #999;
   background-color: transparent;
   color: #666666;
   font-family: Verdana, Arial, Sans-Serif;
   font-size: 11px;
   padding: 1px 1px 1px 3px;
   margin: 0px 0px 5px 0px;
   word-spacing: 0.2em;
}
input.inpt:focus, textarea.txt:focus {
   color: #000;
   font-family: Verdana, Arial, Sans-Serif;
}
.senden {
   width: 150px;
   font-weight: bold;
   font-size: 11px;
   margin: 15px 0px 0px 198px;
   padding: 3px 0px 3px 0px;
   background-color: #eee;
   color: #333;
   text-align: center;
   border: solid 1px #999;
   cursor: pointer;
}
label,
select,
input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit] {
   cursor: pointer;
}

.formerror {
	color: #AD2622;
}
/*  End Forms */ 

/*Modul Bild und Text*/

.centertab {margin-right: auto;
            margin-left: auto;}

.bildtext { margin: 0px;
            padding: 0px;
            font-size: 10px;}
.imgleft {float: left;
          margin-right: 20px;}
          
.imgright {float: right;
          margin-left: 20px;}

.stopleft {clear: left;}

.stopright {clear: right;}
	 
.bildtext2 {text-align: justify;}

/* forms */

/* 
FORMATION CSS:
Heavily borrowed from:
http://silice.de/csstest/formtest.html
*/

form.formation *
{	font-size:100.01%;
	margin:0;
	padding:0;
	color:black;
	background-color:white;
	font-family:Verdana,Sans-serif;
}

form.formation fieldset
{	border:1px solid #CCC;
	margin:2em;
	padding:1em;
	font-size:0.9em;font-weight:700;
	width:25em;
}

form.formation  p.radio,
form.formation p.checkbox
{	font-size:0.9em;
}

/* really bad IE hack \*/
* html form.formation fieldset { width:29em; }
* html form.formation fieldset legend { margin-bottom:1em; }
/* IE hack */

form.formation label
{	font-size:0.8em;
	font-weight:700;
	width:10em;
	float:left;
	margin:0 0 0.3em 0;
}

form.formation input, 
form.formation select, 
form.formation textarea
{	font-weight:normal;
	float:left;
	margin:0 0 0.3em 0;
	font-size:0.8em;
}

form.formation fieldset br
{	clear:left;
}

form.formation input.text,
form.formation input.password
{	width:20em;
	border:1px solid #CCC;
	padding:0.1em;
}

form.formation select
{	width:20.3em;
	border:1px solid #CCC;
}

form.formation textarea
{	width:20em;
	border:1px solid #CCC;
	padding:0.1em;
}

form.formation input.checkbox
{	margin-left:8em;
}

form.formation label.checkbox
{	font-weight:normal;
	margin-left:1em;
}
form.formation input.radio
{	margin-left:8em;
}

form.formation label.radio
{	font-weight:normal;			
	margin-left:1em;
}
form.formation input.button
{	width:30.3em;
	border:1px solid #CCC;
	background-color:#DDD;
	font-weight:700;
	font-size:0.8em;
	margin-top:2em;
	color:black;
}

form.formation input.button:hover
{	border:1px solid black;
}

form.formation p.FORMATIONerror
{	border:1px solid #CC6666;
	color:#000000;
	background-color:#FFCCCC;
	padding:5px;
	margin:0 20px 20px 20px;
	font-size:0.7em;
	text-align:center;
}

form.formation p.FORMATIONsuccess
{	border:1px solid #76CB66;
	color:#000000;
	background-color:#D3FECB;
	padding:5px;
	margin:0 20px 20px 20px;
	font-size:0.7em;
	text-align:center;
}

form.formation strong { background:none; }

.hiddenPic { display:none; }

.hiddenPic { display:none; }

/* Veranstaltungskalender */

/*
fieldset
{	border: none;
	background-color: #F4EBD3;
	padding: 0 12px 12px 15px;
}
form 
{	margin: 0 0 20px 0;
}
label 
{	margin-right: 6px;
}
select 
{	margin-right: 20px;
	margin-top: 15px;
	font-size: 0.9em;
	padding: 2px 0 2px 2px;
	width: 6em;
}

select#year
{	width: 5em;
}

input 
{	padding: 2px 6px;
	margin-top: 15px;
	margin-right: 20px;
}
table 
{	line-height: 1em;
	width: 100%;
}
td.eldate,
td.eltitle
{	font-weight: bold;
}

p.eltitel
{	float: left;
	font-weight: bold;
}
p.eldesc 
{	margin-left: 7em;
} */