body {
text-align:center;
background-color:#004262; /*#004262; #006699;  #99CCFF;*/
font-family: verdana; 
font-size: 11px;
padding:0px;
margin:15px;
margin-bottom:60px;
background-image: url(http://www.gego-bremen.de/fileadmin/designvorlagen/images/gg20.gif);
}

* html body {
padding:0px 0px 5px;
margin:0px 0px 20px;
}

h1 {
clear:left;   /* test*/
font-size: 15px;
/*text-transform:uppercase;*/
/*background-color: #E0A3B7;*/
/*border-top: 1px dashed #666666;*/
border-bottom: 1px dashed  #ccc; /*#666666;*/
color:#0099FF;
padding: 10px 0px 0px 0px;
margin-bottom: 5px;
margin-top:10px;
line-height: 1.5em; /*abstand*/
}

h2 {
font-size: 13px;
font-weight: bold;
color: #0099FF; /*#0099FF;*/
padding: 10px 0px 0px 0px;
margin-bottom: 5px;
margin-top:0px;
}

h3 {
font-size: 11px;
font-weight: bold;
color: #666666;
padding: 0px 0px 0px 0px;
margin-bottom: 0px;
margin-top:0px;
}

#name {
font-family: verdana,'trechbut ms'; 
font-weight: normal;
font-size: 20px;
text-transform:uppercase;
color: #0099FF;
padding: 10px 0px 0px 0px;
margin: 0px;
}

/*.csi-text { 
clear: left;
display: inline block;
}*/

/* --------------------------- TEST ---------------------------*/

ul {
display: block;
color:#004252; /*#FF6633;*/
font-size: 15px;
list-style-type: none;
/*list-style-image: url(../url.giff);*/
}

a {
font-weight: bold;
color: #0099FF; 
text-decoration: none;
/*border-bottom: 1px dashed #ccc;*/
line-height: 1.5em; /*abstabd*/
}

a:link {
font-weight: bold;
color: #0099FF; 
text-decoration: none;
border-bottom: 1px dashed #ccc;
line-height: 1.5em; /*abstabd*/
}

a:hover {
font-weight: bold;
color: #0099FF;
text-decoration: none;
border-bottom: 1px dashed #ccc;
line-height: 1.5em; /*abstabd*/
}

/*---begin---*/

#right a:link {
font-weight: bold;
color: #0099FF; 
text-decoration: none;
border-bottom: none;
line-height: 1.5em; /*abstabd*/
}

#right a:hover {
font-weight: bold;
color: #0099FF;
text-decoration: none;
border-bottom: 1px dashed #0099FF;
line-height: 1.5em; /*abstabd*/
}

/* ---ende---*/

#content a:link {
font-weight: bold;
color: #0099FF; 
text-decoration: none;
border-bottom: none;
line-height: 1.5em; /*abstabd*/
}

#content a:hover {
font-weight: bold;
color: #0099FF;
text-decoration: none;
border-bottom: 1px dashed #0099FF;
line-height: 1.5em; /*abstabd*/
}

#content h1 {
margin-bottom: 10px;
}

/* ---ende---*/

p, pre{
font-size: 11px;
line-height: 1.5em;
padding: 0px 0px;
margin: 0px;
color: #666666;
}

#menu_links a {
font-size: 13px;
display: block;
color:#0099FF; /*--orange---#FF6633;*/
/*color: #999;*/
/*text-transform:uppercase;*/
font-weight: bold;
text-decoration: none;
border-bottom: 1px dashed #ccc;
line-height: 2.59em;
}

#menu_links a:hover {
display: block;
font-size: 13px;
color:#004262; /*FF6633;*/
/*color: #999;*/
text-decoration: none;
border-bottom: 1px dashed #0099FF;
line-height: 2.59em;
font-weight: bold;
}

.csi-image {
margin: 0px;
padding:4px 4px 4px 4px;
border-bottom: 1px solid #ccc;
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
border-left: 1px solid #ccc;
}

.csi-image a , a:hover{
color:#004262;
text-decoration: none;
border-bottom:none;
line-height: 2.0em; 
}

#container {
/*float:left; - bewirkt alles nach links*/
width:840px; /*800*/
height: 100%;
border: solid 7px;
border-color:#004262;
margin-top:0px; /*30*/
margin-bottom: 0px;
margin-right:auto;
margin-left:auto;
padding:20px;
background-color: #ffffff;
text-align:left;
}

* html #container {
width:840px;
}


#container[id] { 
/*overflow:hidden; */
/*min-height:100%; */
height:auto; 
}
		
#left {
display: block;
width:160px;
/*height: 100%;*/
/*border: dashed 1px;*/
padding:0px;
float:left;
/*margin-top:50px;*/
margin-bottom:0px;
margin-left: 0px;
/*background:#F8F7EF;*/
}

#lmenu{
margin-left :0px;
margin-top:0px;
padding-left:0px;
}

/*--------------contentoben-------------*/
#contentoben {
float:left; /*- bewirkt alles nach links*/
width:530px;
margin-top:5px;
margin-bottom: 0px;
margin-right:auto;
margin-left:0px;
padding:0px;
background-color: #ffffff;
text-align:left;
}

#media .csi-image {
margin: 0px;
padding:4px 4px 4px 4px;
border-bottom: 1px solid #ccc;
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
border-left: 1px solid #ccc;
}

/*--------------contentoben-------------*/

#content {
width:530px;
padding:0px;
margin-top:0px;
margin-bottom:40px;
margin-left: 0px;
float:left;
background: #ffffff;
}

div#content { 
/*min-height: 300px;*/
/*height:expression(this.scrollHeight > 300 ? "auto":"300px"); */
/*height: auto;*/
text-align:left;
}

/*--------------test header 2--------- */


#logo {
/* - für rhamen überoutline:1px solid #cccccc;*/
text-align:left;
height: 50px;
padding-top:0px;
padding-left:50px;
margin-left:10px;
margin-bottom:10px;
/*border-bottom: 1px solid #ccc;*/
background:#ffffff;  /*#0066cc;*/
background-image: url(http://www.gego-bremen.de/fileadmin/designvorlagen/images/gego-h.gif);
background-repeat:no-repeat;
}


#tren {
margin-top: 3px;
text-align:right;
height:20px;
background:#004262; 
background-image: url(http://www.gego-bremen.de/fileadmin/designvorlagen/images/gg9.gif);
}


/*--------------test header 2--------- */

#right {
/*background-color:#EEEEEE;*/
overflow:hidden;
width: 240px;
/*height: 100%;*/
padding: 0px;
float: right;
/*background:#006699; #006699; #F8F7EF;*/
margin-right:0px;
margin-top:5px;
margin-left: 0px;
/*border-left: 1px dashed #cccccc; 0099FF; #FFEDA8;*/
}

/*-----------test right abstand ----*/


/*-----------test right abstand ----*/


#right h1 {
/*border-bottom: none;*/
line-height: 1.5em;
clear: left;
}

#content h3 {
clear:both;
font-size: 11px;
font-weight: bold;
color: #666666;
padding: 0px 0px 0px 0px;
margin-bottom: 0px;
margin-top:0px;
}

#copyright {
clear: both;
height: 50px;
border-top: 1px solid #ccc;
margin-top: 10px;
padding-top:5px;
background-color:#ffffff; /*rgb(0,66,98);*/
/*background-image: url(http://www.gego-bremen.de/fileadmin/designvorlagen/images/gg9.gif);*/
text-align: left;
}

/*---------------linha*/


/*#bg_mes {*/

.contenttable {
width:430px;
margin-right: 5px;

  }


/*-----------------CSS von t3 */

.c2l1-left{
   /*border-right: 1px solid #cccccc; 0099FF; #FFEDA8;*/
   padding-right: 5px;
   width:50%;
   white-space:normal;
vertical-align: top;
/*border-bottom: 1px dashed  #ccc; #666666;*/
}
.c2l1-middle{
   padding-left: 5px;
   width:50%;
   white-space:normal;
vertical-align: top;
/*border-bottom: 1px dashed  #ccc; #666666;*/
}
.c2l2-left{
   border-right: 1px solid #cccccc;  /*#FFEDA8;*/
   padding-right: 5px;
   width:50%;
   white-space:normal;
vertical-align: top;
/*border-bottom: 1px dashed  #ccc; #666666;*/
}
.c2l2-middle{
   background-color:#cccccc;  /*#FFEDA8;*/
   padding-left: 5px;
   width:50%;
   white-space:normal;
vertical-align: top;
/*border-bottom: 1px dashed  #ccc; #666666;*/
}
.c2l3-left{
   border-right: 1px solid #FFEDA8;
   padding-right: 5px;
   width:70%;
   white-space:normal;
vertical-align: top;
}
.c2l3-middle{
   background-color:#FFEDA8;
   border: 1px solid blue;
   padding-left: 5px;
   width:30%;
   white-space:normal;
vertical-align: top;
}

/* ----Styles 2 Column DIV Section ----*/

div.tx-fdfx2cols-pi1{
    position:relative;
    left:0px;
margin-bottom:10px;
}
div.c2l1d-left{
   position:absolute;
   left:0px;
   padding: 0px;
   width:380px;
   white-space:normal;
   border:1px solid red;
vertical-align: top;
}
div.c2l1d-middle{
   position:absolute;
   left:390px;
   padding: 0px;
   width:380px;
   border:1px solid blue;
   white-space:normal;
 vertical-align: top;

}
div.c2l2d-left{
   position:absolute;
   left:0px;
   padding: 0px;
   width:380px;
   border:1px solid blue;
   white-space:normal;
vertical-align: top;

}
div.c2l2d-middle{
   position:absolute;
   left:390px;
   padding: 0px;
   width:380px;
   white-space:normal;
   border:1px solid blue;
   background-color:#C0C0C0;
vertical-align: top;
}

/*---Layout 3 embedded ---*/
div.c2l3d-left{
   position:absolute;
   left:0px;
   padding: 0px;
   width:770px;
   white-space:normal;
   border:1px solid red;
}
div.c2l3d-middle{
   float:right;
   margin:5px;
   padding: 0px;
   width: 200px;
   height: 100px;
   overflow:auto;
   white-space:normal;
   border:1px solid blue;
   background-color:#C0C0C0;
}


/* ---- plugin.tt_news ---*/

.tx-ttnews-browsebox TD { font-size: 10px; }
.tx-ttnews-browsebox-strong, .tx-ttnews-browsebox-SCell { font-weight: bold; }
.tx-ttnews-browsebox-SCell { background-color: #EEE; }


/* ---- plugin.tx_newloginbox_pi3. ---*/
.tx-newloginbox-pi3-listrow TD { background-color:#eeeeee; padding-left: 3px; padding-right: 3px; }
.tx-newloginbox-pi3-listrow TR.tx-newloginbox-pi3-listrow-header TD { background-color:#cccccc; }
.tx-newloginbox-pi3-listrow TR.tx-newloginbox-pi3-listrow-header TD P { font-weight:bold; }
.tx-newloginbox-pi3-listrow TR.tx-newloginbox-pi3-listrow-odd TD { background-color:#f6f6f6; } 

/* ----plugin.tx_bfteaser_pi1._CSS_DEFAULT_STYLE ---*/
.tx-bfteaser-pi1 { font-family:Arial, Helvetica, sans-serif; color:#333333; background:#FFFFFF; background-color:transparent; margin:0px; line-height:16px; }
.tx-bfteaser-pi1 H1 { font-weight:bold; font-size:14px; }
.tx-bfteaser-pi1 H2 { font-size:14px; }
.tx-bfteaser-pi1 P { font-size:12px; }
.tx-bfteaser-pi1 A:link { color:#000000; text-decoration:none; border-bottom:1px dotted #FFB200; background-color:transparent;}
.tx-bfteaser-pi1 A:hover { color:#FFFFFF; text-decoration:none; background-color:#FFB200;}
.tx-bfteaser-pi1 A:visited { color:#000000; text-decoration:none; border-bottom:1px dotted #FFB200; background-color:transparent;}
.tx-bfteaser-pi1 td { padding:5px; } 

/* ----plugin.tx_fdfxtextanimator_pi1 ---*/
p.fdfx_main {font-family: Courier;font-size: 10pt;font-weight: normal;text-align:left;}
.fdfx_textanimlink{text-decoration : none;}
.fdfx_textanim{width:140px;}

/* ---- plugin.tx_tvtableprofile_pi1._CSS_DEFAULT_STYLE ---*/
 div.tx-tvtableprofile-pi1 table {
   color:#333333;
     background-color:#eeeeee;
       border: 1px  #000099 solid;
         margin-bottom:10px;
 }
 div.tx-tvtableprofile-pi1 table td.label {
  text-align:right;
  font-weight:bold;
  background-color: #22ff00;
  color: #000099;
}




/* ----input ---*/

input {
background-color:#fff; 
color:#0099FF;
margin-top:5px;
margin-left:0px;
border-color:#bbb;
}

.csc-mailform-submit {
margin-left:0px;
display:inline;
}

/*text*/
.csc-mailform-field label {
width:150px;
margin-top:5px;
margin-left:0px;
display:block;
border-color:#bbb;
}

.csc-mailform-field textarea {
color:#0099FF;
border-color:#bbb;
}

/* gesamt */ 
.csc-mailform{
color:#666666;
margin-top:15px;
padding:0px;
margin-bottom:5px;
}


.csc-mailform {
border:none;
}


/* ---- spalten ---*/
.td-0 { width:70px;
}

.td-1 { width:90px;
}
.td-last { width:420px;
}
/* ---- plugin.tx_croncssstyledimgtext._CSS_ -----*/

/* Captions */ 
P.csc-caption { margin: 0; } 
P.csc-caption { 
  font-size: 80%; /* Customize me */ 
} 
DIV.csi-caption-c .csi-caption { text-align: center; } 
DIV.csi-caption-r .csi-caption { text-align: right; } 
DIV.csi-caption-l .csi-caption { text-align: left; } 
 
/* Needed for noRows setting */ 
DIV.csi-textpic DIV.csi-imagecolumn { float: left; display: inline; } 
 
/* Border just around the image */ 
DIV.csi-border DIV.csi-imagewrap .csi-image IMG { 
  border: 2px solid black; 
  padding: 0px 0px; 
} 
 
DIV.csi-imagewrap { padding: 0; } 
 
DIV.csi-textpic IMG { border: none; } 
 
/* DIV: This will place the images side by side */ 
DIV.csi-textpic DIV.csi-imagewrap DIV.csi-image { float: left; } 
 
/* UL: This will place the images side by side */ 
DIV.csi-textpic DIV.csi-imagewrap UL { list-style: none; margin: 0; padding: 0; } 
DIV.csi-textpic DIV.csi-imagewrap UL LI { float: left; margin: 0; padding: 0; } 
 
/* DL: This will place the images side by side */ 
DIV.csi-textpic DIV.csi-imagewrap DL.csi-image { float: left; } 
DIV.csi-textpic DIV.csi-imagewrap DL.csi-image DT { float: none; } 
DIV.csi-textpic DIV.csi-imagewrap DL.csi-image DD { float: none; } 
DIV.csi-textpic DIV.csi-imagewrap DL.csi-image DD IMG { border: none; } /* FE-Editing Icons */ 
DL.csi-image { margin: 0; } 
DL.csi-image DT { margin: 0; display: inline; } 
DL.csi-image DD { margin: 0; } 
 
/* Clearer */ 
DIV.csi-clear { clear: both; } 
 
/* Margins around images: */ 
 
/* Pictures on left, add padding on right */ 
DIV.csi-left DIV.csi-imagewrap .csi-image, 
DIV.csi-intext-left-nowrap DIV.csi-imagewrap .csi-image, 
DIV.csi-intext-left DIV.csi-imagewrap .csi-image { 
  display: inline; /* IE fix for double-margin bug */ 
  margin-right: 10px; 
} 
 
/* Pictures on right, add padding on left */ 
DIV.csi-right DIV.csi-imagewrap .csi-image, 
DIV.csi-intext-right-nowrap DIV.csi-imagewrap .csi-image, 
DIV.csi-intext-right DIV.csi-imagewrap .csi-image { 
  display: inline; /* IE fix for double-margin bug */ 
  margin-left: 10px; 
} 
 
/* Pictures centered, add padding left and right */ 
DIV.csi-center DIV.csi-imagewrap .csi-image { 
  display: inline; /* IE fix for double-margin bug */ 
  margin-left: 5px; 
  margin-right: 5px; 
} 
DIV.csi-textpic DIV.csi-imagewrap .csi-image .csi-caption { margin: 0; } 
DIV.csi-textpic DIV.csi-imagewrap .csi-image IMG { margin: 0; } 
 
/* Space below each image (also in-between rows) */ 
DIV.csi-textpic DIV.csi-imagewrap .csi-image { margin-bottom: 5px; } 
DIV.csi-equalheight DIV.csi-imagerow { margin-bottom: 5px; display: block; } 
 
/* Positioning of images: */ 
 
/* Above */ 
DIV.csi-above DIV.csi-text { clear: both; } 
 
/* Center (above or below) */ 
DIV.csi-center { text-align: center; /* IE-hack */ } 
DIV.csi-center DIV.csi-imagewrap { margin: 0 auto; } 
DIV.csi-center DIV.csi-imagewrap .csi-image { text-align: left; /* Remove IE-hack */ } 
DIV.csi-center DIV.csi-text { text-align: left; /* Remove IE-hack */ } 
 
/* Right (above or below) */ 
DIV.csi-right DIV.csi-imagewrap { float: right; } 
DIV.csi-right DIV.csi-text { clear: right; } 
 
/* Left (above or below) */ 
DIV.csi-left DIV.csi-imagewrap { float: left; } 
DIV.csi-left DIV.csi-text { clear: left; } 
 
/* Left (in text) */ 
DIV.csi-intext-left DIV.csi-imagewrap { float: left; } 
 
/* Right (in text) */ 
DIV.csi-intext-right DIV.csi-imagewrap { float: right; } 
 
/* Right (in text, no wrap around) */ 
DIV.csi-intext-right-nowrap DIV.csi-imagewrap { float: right; clear: both; } 
/* Hide from IE5-mac. Only IE-win sees this. \*/ 
* html DIV.csi-intext-right-nowrap .csi-text { height: 1%; } 
/* End hide from IE5/mac */  
 
/* Left (in text, no wrap around) */ 
DIV.csi-intext-left-nowrap DIV.csi-imagewrap { float: left; clear: both; } 
/* Hide from IE5-mac. Only IE-win sees this. \*/ 
* html DIV.csi-intext-left-nowrap .csi-text { height: 1%; } 
/* End hide from IE5/mac */


/*Test */
div.csc-header {
     clear:both;
}

#right div.csc-header{
/*margin-top:0px;*/
padding:5px;
}

/*Test -Ende */

div.tx-fdfx2cols-pi1 img { 
  /*border: 2px solid black; */
/*  padding: 0px 0px; */
margin: 0px;
padding:4px 4px 4px 4px;
border-bottom: 1px solid #ccc;
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
border-left: 1px solid #ccc;
}  

#content li {
padding-left: 0px;
list-style-image: url(http://www.gego-bremen.de/fileadmin/designvorlagen/images/pf.gif);
font-size: 11px;
line-height: 1.5em;
color: #666666;
}

/*---FCE--1-*/
#fce1{ 
width:400px;
}

#fce1l{
width:48%; 
float:left; 
background-color:#ffffff; 
white-space:normal;
vertical-align: top;
}
           
#fce1r {
width:48%; 
float:right; 
background-color:#ccc; 
white-space:normal;
vertical-align: top;
}

/*---FCE--2-*/
#fce2{ 
width:530px;
background-color:#eee; 
}

#fce2l{
width:48%; 
float:left; 
background-color:#fff; 
white-space:normal;
vertical-align: top;
padding-bottom: 5px;
}
           
#fce2r {
clear:both;
width:48%; 
float:right; 
background-color:#fff; 
white-space:normal;
vertical-align: top;
padding-bottom: 5px;
}

#clearing2 {
height:0px;
clear:both;
}

/*---ende---*/

#content .csi-image a:hover {
border-bottom: none;
}

#right .csi-image a:hover {
border-bottom: none;
}

td {
background-color:#eee;
color:#666666;
}

.contenttable {
width:100%; 
}


/* default styles for extension "tx_jppageteaser_pi1" */
		.tx-jppageteaser-pi1 {}
		
		.tx-jppageteaser-pi1-browsebox {
		    margin-top: 10px;
		    padding-top: 3px;
		    border-top: 1px solid #ccc;
		}
		
		
		/* List View */
		.tx-jppageteaser-pi1-list {}
		
		.tx-jppageteaser-pi1-list-entry {
		    clear: both;
		}
		
		.tx-jppageteaser-pi1-list-entry-description {
		    margin-top: 10px;
		}
		
		.tx-jppageteaser-pi1-list-entry-image IMG {
		    float: left; 
		    margin: 10px 20px 10px 0px;
		    border: 1px solid #000000;
		}
		
		.tx-jppageteaser-pi1-list-entry-link-item {
			font-size: 9px;
			margin-top: 5px;
			margin-bottom: 2px;
		}

		.tx-jppageteaser-pi1-list-entry H4 {
		    border-bottom: 1px solid #ccc;
		    position: relative;
		}
		
		.tx-jppageteaser-pi1-list-entry H4 A {
		    color: #666;
		}
		
		.tx-jppageteaser-pi1-list-entry-creation-date,
		.tx-jppageteaser-pi1-list-entry-change-date {
		    position: absolute;
		    bottom: 4px;
		    right: 0px;
		    font-size: 9px;
		    font-weight: normal;
		    color: #999;
		}
		
		.tx-jppageteaser-pi1-browsebox {
		    text-align: center;
		}
		.tx-jppageteaser-pi1-browsebox-show-results {}
		.tx-jppageteaser-pi1-browsebox-browse-links {}
		.tx-jppageteaser-pi1-browsebox-show-results-number {}
		.tx-jppageteaser-pi1-browsebox-disabled-link {}
		.tx-jppageteaser-pi1-browsebox-inactive-link {}
		.tx-jppageteaser-pi1-browsebox-active-link {}
		

/*---FCE--2 CLASS -*/
.fce2{ 
width:530px;
background-color:#eee; 
}

.fce2l{
width:48%; 
float:left; 
background-color:#fff; 
white-space:normal;
vertical-align: top;
padding-bottom: 5px;
}
           
.fce2r {
clear:both;
width:48%; 
float:right; 
background-color:#fff; 
white-space:normal;
vertical-align: top;
padding-bottom: 5px;
}

.clearing2 {
height:0px;
clear:both;
}