html { height: 100%; }

#body {
	width:98%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 16px;
	font-weight: normal;
	color: #333333;
	background-attachment: fixed;
	background-image: url(../images_hauptseiten/layout/verlaufstr_gelb.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	min-height: 101%;
}

#logo {
/*	background-attachment: fixed;*/
	background-image: url(../images_hauptseiten/layout/SozIn_LOGO_bunt_fond-trans.gif);
	background-repeat: no-repeat;
	position: relative;
	visibility: visible;
	height: 160px;
	width: 825px;
	top: 0px;
	left:50px;
}

#blau{
    background-attachment:fixed;
	background-color:#3366CC; /**blau**/
	position:absolute;
	visibility: visible;
	z-index:1;
	height:30px;
	width:100%;
	top:0px;
	left:0px;
	right:0px;
	padding-right:10px;
}

#headtitel{position:relative;
left:250px;
width: 800px;
top: 60px;
font:"Trebuchet MS", Arial, Helvetica, sans-serif 40px bold;}

#titel{position:relative;
left:250px;
width: 800px;}

#textmitte{
position:relative;
left:250px;
width: 520px;
height:700px;}

.orange{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-style: italic;
	line-height: normal;
	font-weight: bolder;
	font-variant: normal;
	color: #FF9218;
	text-align: center;
	vertical-align:sub;
	position: relative;
	visibility: visible;
	padding-top:3px;
	
}

.orange1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-style: italic;
	line-height: normal;
	font-weight: bolder;
	font-variant: normal;
	color: #FF9218;
	text-align: left;
	vertical-align:sub;
	padding-top:3px;
	padding-left:1.4em;
	
	
}


#linie{
	position:absolute;
	visibility:visible;
	z-index:5;
	top:157px;
	right:auto;
	width:100%;
	height: 3px;
	background-image: url(../images_hauptseiten/layout/pixel _orange.jpg);
	background-repeat:repeat-y;
	left:10px;
	right:10px;
	background-color: #ff9218;
}

#footer{
clear:both;}

#mitte{
	position:absolute;
	top:93px;
	width: 430px;
	vertical-align:top;
	/*padding-left: 250px;
*/left :192px;
	height: 717px;
	padding-right: 0px;
	padding-left: 0px;
	padding: 0;
}

#ul_programm{
line-height:22px;
font-size:14px;
font-stretch:semi-expanded;
font-weight:bold;
}

#li_programm{margin:6px;}


/************
Navigation 1
**********/
#navcontainer {position:absolute;
	top:132px;
	right:11px;
	padding:2px 0 0px 0px;
	white-space:nowrap;
	height:20px;
	width: 500px;
	text-align:right;
	text-decoration:none;
	z-index:3;
	}

ul#navlist {
		float:right;
        margin: 0;
        padding: 0;
        list-style-type: none;
        /*white-space: nowrap;*/
}

ul#navlist li {
        float: left;
        font-family: verdana, arial, sans-serif;
        font-size: 11px;
        font-weight: bold;
        margin: 0;
        padding: 3px 0 3px 0;
   /* background-color: #3165CE;*/
        border-top: 1px solid #e0ede9;
        border-bottom: 1px solid #e0ede9;
}

#navlist a, #navlist a:link {

        
		margin: 0;
       padding: 0px 9px 0px 9px;
        color:#3165CE /*#FFDB65*/;
   /*     border-right: 1px dashed #d1e3db;*/
        text-decoration: none;
}

ul#navlist li#active {
      color:#3165CE;
      background-color:#FFDB6E;
}

#navlist a:hover {
display:block;
       text-decoration:none;
	color:#FFFFFF;
	background:#3165CE;
}
/************
Navigation Ende
**********/

	

/************
Navigation 2
**********/
#navcontainer2 { position:absolute;
	top:157px;
	right:15px;
	padding:3px 0 2px 0px;
	white-space:nowrap;
	width: 700px;
	height: 20px;
	text-align:right;
	z-index:4; }

/************
Navigation2 Ende
**********/

/*************
Navigation vertial
**************/
#navvertikal{position:absolute;
top: 0px;

float:left;
padding:3px 0 2px 0px;
	white-space:nowrap;
	width: 120px;
	height: 20px;
	z-index:5; }

ul#navlistvert {
		float:left;
        margin: 0;
        padding: 0;
        list-style-type: none;
        white-space: nowrap;
}

ul#navlistvert li {
        float: right;
        font-family: verdana, arial, sans-serif;
        font-size: 11px;
        font-weight: bold;
        padding: 3px 0 3px 0;
   }

#navlistvert a, #navlistvert a:link {
		margin: 0;
	    padding: 0px 9px 0px 9px;
        color:#3165CE /*#FFDB65*/;
        text-decoration: none;
}

ul#navlistvert li#active {
      color:#3165CE;
      background-color:#FFDB6E;
}

#navlistvert a:hover {
    display:block;
    text-decoration:none;
	color:#FFFFFF;
	background:#3165CE;
}


/************
Navigation vertikalEnde
**********/


#text{
	position: absolute;
	top:178px;
	left: 95px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.1em;
	line-height: 1.3em;
	width: 813px;
	padding-right:10px;
	height: 43px;
}
#body #text h2 {
	font: verdana, Arial;
	color: #000066;
	font-size: 1.6em;
	line-height: 1.2em;
}
#body #text h1 {
	font: small-caps Verdana, Arial, Helvetica, sans-serif;
	color: #000066;
	font-size: 2.8em;
}


.left{float:left;}

.right{float:right;}
.abstand_left_600{
		   padding.left:300px;
}

#spalte1{left 20px;
/*padding-left:20px;
*/width: 271px;}

#spalte2{position:absolute;
width:350px;
top:50px;
left:272px;
}

#spalte3{position: absolute;
top:52px;
right:-104px;
width:232px;
line-height:20px;}

#sponsor{
	position:absolute;
	top:476px;
	left:130px;
	width: 900;
}



.p{ padding-left: 200px;
	font-size:20px;
	text-align:center;
	font-stretch: semi-expanded;
	font-weight:bold;
	line-height:35px
	}
	
p.gelb{
color:FFDB6B;
line-height:20px;
font-weight:bold;
}

.images{left: 20px;
}

h5{font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;}

.text{
	font:Verdana, Arial, Helvetica, sans-serif normal;
	font-size:1em;
	line-height: 1.3em;
	padding-left: 400px;
}

.absatz{font:Verdana, Arial, Helvetica, sans-serif normal ;
font-size:12px;
line-height: 15px;
padding-left:100px;
padding-right:150px;

}

.link { float:right;
border:medium #3366FF;
text-decoration:underline;}

.aufzaehlung{
	padding-left: 100px;
	line-height: 16px;
	list-style-type: none;
	padding-right:150px;
	text-indent: -57px;
}
 
.ausstellung{
	padding-left: 130px;
	line-height: 16px;
	list-style-type: none;
	padding-right:350px;
	text-indent: -90px;
	color:#000000;
}

.ausstellung_text{
	line-height: 16px;
	list-style-type: none;
	padding-right:350px;
	color:#000000;
	padding-left: 60px;
}


.ausstellung-header{
	left: 300px;
	fontsize:2em;
	line-height:1.5em;
	font-weight:bold;
	font-size: 1.3em;
	padding-left: 190px;
}

table.prgramm{width:80%;
padding:5px;
border: thin #0066FF;
}

.tr_gelb{
	background-color: #FFCC66;
	line-height:20px;
	font-size:14px;
	font-stretch:semi-expanded;
	padding-left: 10px;
}

.td_prog{height:18px
padding: 4px;}

.blau_prog{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-style: italic;
	line-height: normal;
	font-weight: bolder;
	font-variant: normal;
	color: #3165C6;
	text-align: right;
	vertical-align:sub;
	visibility: visible;
	padding-top:3px;
	}
	
.blau_stand{font-family: Arial, Helvetica, sans-serif;
	font-size: 0,75em;
	font-style: italic;
	line-height: normal;
	font-weight: bolder;
	font-variant: normal;
	color: #3366FF;
	text-align: right;
}
	.dunkelorange_prog{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-style: italic;
	line-height: normal;
	font-weight: bolder;
	font-variant: normal;
	color: #FF9F00;
	text-align: right;
	vertical-align:sub;
	visibility: visible;
	padding-top:3px;
	}

.Stil1 {color: #3366FF}

.h6{color: #3366FF;
font-size:14px;
font-style:italic;
font-weight:bold;
}

.title {
	color: #3366FF;
	font-size:28px;
	font-weight:bold;
	line-height: 1.4em;
}
.ziele.li{
line-height:20px;
list-style:disc;
}

.ziele.h4{color:#000099;
font-size:13px;
}
.subtitle {
	font: bold 1.7em/1.1em Arial, Helvetica, sans-serif;
	color: #330099;
}


.subcolumns { 
		width: 100%;
		padding: 0 1px 0 1px; 
		margin: 0 -1px 0 -1px; 
		overflow:hidden;
	}
		
	.c50l, .c25l, .c33l, .c38l, .c66l, .c75l, .c62l {float: left; overflow: hidden;}
	.c50r, .c25r, .c33r, .c38r, .c66r, .c75r, .c62r {float: right; overflow: hidden;}
	
	.c25l, .c25r { width: 24.999%; }
	.c33l, .c33r { width: 33.333%; }
	.c50l, .c50r { width: 49.999%; }
	.c66l, .c66r { width: 66.666%; }
	.c75l, .c75r { width: 74.999%; }
	.c38l, .c38r { width: 38.196%; } /* Goldener Schnitt */
	.c62l, .c62r { width: 61.803%; } /* Goldener Schnitt */
	
	.subc  { padding: 0 0.5em 0 0.5em; overflow: hidden; }
	.subcl { padding: 0 1em 0 0; overflow: hidden; }
	.subcr { padding: 0 0 0 1em; overflow: hidden; }

#body #text a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: normal;
	color: #FF9218;
	font-weight: bold;
}

#body #text li {
	line-height: 1.5em;
	padding-bottom: 1em;
}

.liste_projekte {
	line-height: 4em;
}

.ogf{
	background-image: url(../gassenfest_2012/images/OstenGassenfest3_2-500-trans.png);
	background-repeat: no-repeat;
	float:left;
	filter:alpha (opacity=80);
	-moz-opacity:.3;
	}