/* CSS Document */
/*Formate für www.deutscheatlantischegesellschaft.de*/



html {
height:100%;

}

.main {
margin:0px 0px; 
padding:0;
height:101%;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:small;
background:url('../images/hintergrund2.jpg'); background-repeat:repeat-x;
background-color:#DCDCDC; 
}


body:first-child {
margin:0px 0px; 
padding:0;

font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:small;

}

#sb-player html body {
height:100%;
}

/* Hier wird der Seitenaufbau definiert */


#main{

left:0%;
width:1000px;
margin-left:auto;
margin-right:auto;
border-style:solid;
border-color:#dcdcdc;
background-color:#FFFFFF;
}

div.content{
font-family:Verdana, Arial, Helvetica, sans-serif;
clear:left;
font-size:small;
}

#bg_color {
background-color:#dcdcdc;
padding-top:5px;
padding-bottom:5px;

}

.topnav{
          text-align:right;
					margin-right:10px;
					margin-top:-4px;
}

.message {
margin-left:15px;
}

a.topnav:link {text-decoration:none;font-weight:bold; color:#FFFFFF;} 
a.topnav:visited {text-decoration:none;font-weight:bold;color:#FFFFFF;}
a.topnav:hover {text-decoration:none; font-weight:bold;color:#000099;}

a:link {text-decoration:none; color:#000080;}
a:visited {text-decoration:none; color:#000080;}
a:hover {text-decoration:underline; color:#000080;}


a.additionalnavi 
{
 			
}

/* Der Inhaltsbereich */



h1 {
      clear:both;
	margin-left:10px;
      margin-top:30px;
      color:#003366;
      font-size:14px;
}

h4 {
    	display:block;
    	width:150px;
    	background-color:darkblue;
    	color:white;
    	font-size:16px;

	}
h2 {

      font-size: 14px;
      font-weight: bold;
      color:#666666;
      margin-left: 15px;
      margin-top:10px;
      margin-right:15px;
}

h3 {
	 	

      font-size:13px;
      font-weight: bold;
      color: #003366;
      margin-left: 0px;
      margin-top:15px;
      margin-right:0px;
      margin-bottom:-9px;
}

.inhalt p {
      margin:0;
      padding:0;


}



.einl{
      margin-left:25px;
      font-size:11px;
      font-family:Arial, Helvetica, sans-serif;
}

ul {

      list-style-type:disc;
      margin-left:0px;
      padding-left:12px;

}

li {
      margin-top:1px;
      padding:3px;
}


#outer_veranstaltungen{ 
margin:15px;
margin-left:7px;
position:relative; 
padding:0px;
width:705px;
height:172px;
border:0px solid #A0B6C4;
float: left;
z-index:0;
}



#outer_uu_vorstand{ 
margin:15px;
position:relative; 
padding:0px;
width:690px;
height:1280px;
border:0px solid #A0B6C4;
float: left;
}



.box_veranstaltungen{
position:relative;
width: 565px;
height: 128px;
float: left;
padding:5px;
padding-top:35px;
border:1px solid #e3e3e3;
margin:1px;
padding-left:131px;
z-index:-1;
}





.box_uu_vorstand{
position:relative;
width: 550px;
height: 1236px;
float: left;
padding:5px;
padding-top:35px;
border:1px solid #e3e3e3;
margin:1px;
padding-left:131px;
z-index:4;
}

span.ver_bild {
left:10px;
top:12px;
position:absolute;
width:100px;
float:left;
margin:5px;
}

span.ver_headline_datum{
position:absolute;
left:133px;
top:12px;
width:300px;
height:20px;
text-align:left;
}

a.ver_headline_datum:link {text-decoration:none; color:#9AAADB;} 


span.ver_headline_menu{
position:absolute;
right:15px;
top:12px;
width:200px;
height:20px;
text-align:right;
}

div.ver_headline{
float:left;
min-width:200px;
height:38px;
vertical-align:middle;
margin-top:33px;
margin-left:0px;
margin-bottom:10px;
background-image:url('../images/balken.gif');
background-position:right;
font-weight:bold;
color:#FFFFFF;
font-size:1.15em;
padding-left:15px;
padding-right:10px;
}

div.headline_dummy {
clear:left;
}

div.ver_headline p {
padding-top:10px;
}

span.ver_titel1{
position:absolute;
left:133px;
top:96px;
width:540px;
height:35px;
text-align:left;
font-size:1.1em;


}

span.ver_titel2{
position:absolute;
left:133px;
top:113px;
width:540px;
height:35px;
text-align:left;
font-size:1.1em;

}
span.ver_titel3{
position:absolute;
left:133px;
top:130px;
width:540px;
height:35px;
text-align:left;
font-size:1.1em;
}

span.uu_person_pre{
position:absolute;
left:133px;
top:40px;
width:540px;
height:20px;
text-align:left;
font-size:1.2em;
font-weight:bold;
}



span.uu_bild {
left:10px;
top:12px;
position:absolute;
width:100px;
float:left;
margin:5px;
}


div.zweimaeins{
width: 310px;
height: 350px; 
padding:10px;
border:1px solid #A0B6C4;
margin:15px;
float: none;
}

div.eins {
position:relative;
width: 670px;
height: 200px; 
padding:10px;
border:1px solid #A0B6C4;
margin-top:430px;
margin-left:15px;
float: none;
}
.inhalt {
padding-left:0px;
height:550px;
padding-top:15px;
padding-bottom:11px;
}

.right_td {
padding-top:14px;
}

/* Der Kopfbereich */

.logo {

}
.kopf{
vertical-align:top;
text-align:left;
 
background-image:url('../images/verlauf2.jpg');
          background-repeat:repeat-y;
}
.kopf h1{
      color: #003366;
      font-size:large;
      margin-top:10px;
      margin-left:10px;
}

.thema{

      background-color: #003366; 
      padding:0;
      margin:0px;
}
.thema img{
      width:100%;
      height:100%;
      border:0;
      padding:0;
}
.pathway {
      margin-left: 10px;
      font-size:12px;
}

/* Die Marginalspalte mit ihren Eigenheiten*/

/* .marginal{

    border-collapse:collapse;
    margin-top:10px;
		align:center;
}
*/

.margtd{

      /* color: #ffffff; */
      font-size:9px;
			padding:3px;
}
.artikel_rechts{
margin-top:5px;
margin-bottom:10px;
padding-bottom:10px;
padding-left:0px;
margin-left:2px;
text-align:left;


}
.artikel_rechts div {
padding-left:2px;
}
.margtd p {
				margin-left:0px;
				margin-bottom:10px;
				text-align:left;
				color:black;
				float:left;
}
.margtd h1{
background-image:url('../images/bgmargsm2.jpg');
          background-repeat:repeat-y;
				margin-left:0px;
				padding:2px;
				display:block;
        font-size:9px;
        text-align: left;
				font-weight:bold;
				margin-top:0px;
				margin-bottom:3px;
				color: #003366;
				/*background-color:#003366;*/
				/* text-decoration:underline; */
				
}

.margtd img{
				float:right;
				margin-right:3px;
				margin-left:3px;
}
.margtd a{
font-weight:bold;
}

/* Der Fussbereich*/
.bottom {
text-align:center;
}
.bottom a:hover{
text-decoration:underline;
background-color:white;
}

/* Navigation */

/* Betrifft alle Links für die nichts Anderes definiert ist */



/* Die Klasse für die div-container */
.navi{
			display:block;
			padding:0px;
			width:100%;
			height:20px;	
			background-color: white;
			border-bottom: 1px solid #003366;
			margin-bottom:5px;
			margin-top:2px;
}
a.navileft_passive {
display:block;
									
}
a.navileft_active {
								 display:block;
								 font-weight:bold;
}




/* Die Hauptnavigation */
.navi a:hover {
        display:block; 
        color:#000099; 
        text-decoration:none;
        background-color:#CCCCCC;
        height:20px;
}

a.navileft_passive:hover   { 
				color:#000099; 
        background-color:#CCCCCC; 
        margin:0px; 
        padding:0px; 
        height:20px; 
        text-decoration:none; 
}

/* a.menu:active  { 
        color:#000099; 
        background-color:lightgrey; 
} */


a.sub1 { 
        display:block;
        text-align:left; 
        margin-left:12px; 
        padding:0px; 
        text-decoration:none; 
        font-size:9pt;
        font-weight:bold; 
        border-bottom:1px solid #003366;
}



a.sub1:link    { color:#000099; background-color:transparent; }

a.sub1:visited { color:#00f; background-color:transparent; }

a.sub1:hover   { color:#000099; background-color:#CCCCCC; text-decoration:none;text-align:left; margin-left:12px; padding:2px; text-decoration:none; font-size:9pt;font-weight:bold; border-bottom:1px solid #003366; }

a.sub1:active  { color:#ff0; background-color:#a03; }

/* Die Links für die Teaser*/
.teaserlink{
font-weight:bold;
}

/* Sitemap */
.sitemap_level1{
font-size: 14px;
font-weight:bold;
}

.sitemap_level2{
font-size:12px;
font-weight:normal;
margin-left: 25px;
}
.sitemap_level3 {
font-size:12px;
font-weight:normal;
margin-left:30px;
}

#vpnavigation, #vpnavigation ul { /* alle Listen */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1.8;
text-align:center;
}

#vpnavigation a {
	display:block;
	width: 100%;
	height: 100%;

}

#vpnavigation li { /* alle Listenelemente */
	float: left;
	width: 144px;
        border-right-width:1px;
        border-right-color:#FFFFFF;
        border-right-style:solid;
	padding:0;
	margin: 0;
}

#vpnavigation li ul { /* Listen 2. Ebene */

	position: absolute;
	width: 144px;
	left: -999em; /* durch "left" außerhalb des sichtbaren Bereichs wird das gleiche erreicht wie durch "display: none", kann aber auch von Textbrowser angezeigt werden */
        border-left-width:1px;
        border-left-color:#000000;
        border-left-style:solid;
margin-left:-1px;
        border-bottom-width:0.5px;
        border-bottom-color:#000000;
        border-bottom-style:solid;


}


#vpnavigation ul li ul li { /* Listen 2. Ebene */
        border-top-width:1px;
        border-top-color:#000000;
        border-top-style:dotted;
/*	background-color:#404040; */
background-color:#404040;
        border-right-width:1px;
        border-right-color:#000000;
        border-right-style:solid;
}


         a.daddy:link { text-decoration:none;font-weight:bold; color:#FFFFFF;}
         a.daddy:visited { text-decoration:none;font-weight:bold;color:#FFFFFF;}
         a.daddy:hover { text-decoration:none; font-weight:bold;color:#FFFFFF;font-style:none;background-color:#404040;}

#vpnavigation li ul ul { /* Listen 3. Ebene und weiter */
	margin: -25px 0 0 144px;
        border-top-width:1px;
        border-top-color:#000000;
        border-top-style:dotted;
/*	background-color:#404040; */
background-color:#0000FF;
        border-right-width:1px;
        border-right-color:#000000;
        border-right-style:solid;

}

#vpnavigation li:hover ul ul, #vpnavigation li.sfhover ul ul {
	left: -999em;
	width: 144px;

}

#vpnavigation li:hover,#vpnavigation li:hover ul, #vpnavigation li li:hover ul, #vpnavigation li.sfhover ul, #vpnavigation li li.sfhover ul { /* Listen, die unterhalb von "gehoverten" Menüpunkte liegen */
	left:auto;
	background: #000000;
	width: 144px;
z-index:99;
}

#vpnavigation ul li a:hover {
background-color:#000000;
}

#vpnavigation ul li ul li a:hover {
background-color:#000000;


}

#vpnavigation li.activepath { /* Listenelemente, die im aktiven Pfad liegen */
	


}

#vpnavigation li#active { /* Listen zur aktuellen Kategorie */
	
}

/* Die Widgets */

#aktuelleinfos {
 background-image:url(../images/aktinfo.gif); background-repeat:no-repeat;
 background-position:top;
  width:243px;
 padding-top:26px;
margin-top:6px;
}

#regio {
 background-image:url(../images/regio.gif); background-repeat:no-repeat;
 background-position:top;

  width:243px;
 padding-top:28px;
}

#regiorahmen {
 border-left: 1px  solid #e3e3e3;
 border-right: 1px  solid #e3e3e3;

  width:241px;
}

#kkontakt {
 background-image:url(../images/kontakt.gif); background-repeat:no-repeat;
 background-position:top;
  width:243px;
 padding-top:26px;
}

#nnews {
 background-image:url(../images/nnews.gif); background-repeat:no-repeat;
 background-position:top;
  width:243px;
 padding-top:26px;
}

#rueckblick {
 background-image:url(../images/rueckblick.gif); background-repeat:no-repeat;
 background-position:top;
  width:243px;
 padding-top:26px;
margin-top:26px;
}

#galerie{
 background-image:url(../images/galerie.gif); background-repeat:no-repeat;
 background-position:top;
  width:243px;
 padding-top:26px;
}

#weitereinfo{
 background-image:url(../images/weitereinfo.gif); background-repeat:no-repeat;
 background-position:top;
  width:243px;
 padding-top:26px;
margin-top:26px;
}

#video {
 background-image:url(../images/video.gif); background-repeat:no-repeat;
 background-position:top;
  width:243px;
 padding-top:26px;
margin-top:26px;
}

#audio {
 background-image:url(../images/audio.gif); background-repeat:no-repeat;
 background-position:top;
  width:243px;
 padding-top:26px;
margin-top:6px;
}

#publikationen {
 background-image:url(../images/pub.gif); background-repeat:no-repeat;
 background-position:top;
  width:243px;
 padding-top:26px;
margin-top:6px;
}



span.widgets_rund {
display:block;
background-image:url(../images/ruu.gif); background-repeat:no-repeat;
background-position:bottom;
width:100%;
margin-top:-9px;
}

/* Boxes, left */
div.boxleft {
vertical-align: middle;
margin-left:12px;
margin-top:0px;
padding:0px;
}

div.boxleft img{
position:relative;
top:2px;

border:0;
}

#veranstaltung {
border: 1px  solid #A0B6C4;
margin:5px;
height:200px;
}

div#meta {

}

.such_feld {
height:15px;
color:#C0C0C0;
}

.such_feld_ac {
color:#000000;
}

#footer a:link{
 text-decoration:none; color:#C0C0C0;
}

#footer a:visited { 
text-decoration:none; color:#C0C0C0;
}

#footer a:hover{
text-decoration:underline;color:#000099;
}

#footer{
padding-left:260px;
padding-bottom:5px;
}


div.kontaktformular input {
	vertical-align: middle;
}

div.kontaktformular p.abschicken {
	margin: 0 0 0 100px;
}

div.kontaktformular p.abschicken input {
	font-size: 11px;
}

div.kontaktformular input.eingabe,
div.kontaktformular textarea {

}

div.kontaktformular textarea {
	height: 150px;
}


/* Search results */
div.suchausgabe hr.noshade {
	border: none;
	border-top: 1px solid #a0a0a0;
	height: 0px;
	margin: 15px 10px 0 10px;
}

div.suchausgabe h2 {
	padding: 0;
}

div.suchausgabe p {
	padding: 0;
	margin: 0;
}

div.suchausgabe h2 span {
	color: #000;
	font-weight: normal;
}



/* Contact form */
div.kontaktformular label {
	float: left;
	width: 100px;
margin-right:30px;

}

div.kontaktformular input {
       margin-left:-15px;
	vertical-align: middle;
}


div.kontaktformular {
	margin-left:15px;
padding-top:25px;
}

div.kontaktformular p.abschicken {
	margin: 0 0 0 130px;
}

div.kontaktformular p.abschicken input {

	font-size: 11px;
}

div.kontaktformular input.eingabe,
div.kontaktformular textarea {
	width: 188px;
}

div.kontaktformular textarea {
	height: 50px;
       width: 188px;
       margin-left:-15px;
}

/* Sitemap */
ul.sitemap {
	width: 400px;
	margin: 20px 0 0 0;
}

ul.sitemap li {
	background: url(../images/navi_pfeil_rechts.gif) no-repeat 10px 7px;
	padding: 0 0 3px 20px;
	float: left;

	width: 390px;
}

ul.sitemap li ul {
	width: 350px;
	margin: 5px 0 0 0;
}

ul.sitemap li ul li {
	float: left;
	width: 300px;
}

ul.sitemap li ul li {
	font-size: 1em;
}

a.extern {
	padding: 0 0 0 12px;
	background: url(../images/button_externen_link.gif) no-repeat 0 4px;
}

/* runde boxen */

#outer_box{ 
margin:15px 0px 15px 15px;
position:relative; 
padding:0px;
width:705px;
border:0px solid #A0B6C4;
float: left;
}

.inner_box{
position:relative;
width: 686px;
float: left;
padding-top:5px;
border:1px solid #e3e3e3;
margin:1px;
padding-left:15px;

padding-bottom:5px;
}

.tl{ /*top left corner*/
        position:absolute; 
        top:0; 
        left:0; 
        background-image:url('../images/lo.gif'); 
        background-repeat:no-repeat; 
        width:13px; 
        height:13px;
z-index:1;
margin-left:0px;
margin-top:0px;

}
.tr{ /*top right corner*/
        position:absolute; 
        top:0; 
        right:0; 
        background-image:url('../images/ro.gif'); 
        background-repeat:no-repeat; 
        width:13px; 
        height:13px;
z-index:1;
margin-right:0px;
margin-top:0px;
}
.bl{ /*bottom left corner*/
        position:absolute; 
        bottom:0; 
        left:0; 
        background-image:url('../images/lu.gif'); 
        background-repeat:no-repeat; 
        width:13px; 
        height:13px;
z-index:1;
margin-left:0px;
margin-bottom:0px;
}
.br{ /*bottom right corner*/
        position:absolute; 
        bottom:0; 
        right:0; 
        background-image:url('../images/ru.gif'); 
        background-repeat:no-repeat; 
        width:13px; 
        height:13px;
z-index:1;
margin-right:0px;
margin-bottom:0px;
}


.container_inhalt{
position:relative;
width:675px;
height:155px;
margin-top:5px;
}

/*--------- spans, inhalte des containers ------------*/
span.amt{
position:absolute;
left:133px;
top:10px;
width:540px;
height:20px;
text-align:left;
font-size:1.2em;
font-weight:bold;
color:#000099;
}

span.titel1{
position:absolute;
left:117px;
top:91px;
width:540px;
height:35px;
text-align:left;
font-size:1.1em;
}

span.titel2{
position:absolute;
left:117px;
top:108px;
width:540px;
height:35px;
text-align:left;
font-size:1.1em;
}

span.titel3{
position:absolute;
left:117px;
top:125px;
width:540px;
height:35px;
text-align:left;
font-size:1.1em;
}

span.name{
position:absolute;
left:117px;
top:35px;
width:540px;
height:20px;
text-align:left;
font-size:1.2em;
font-weight:bold;
}

span.bild {
top:6px;
position:absolute;
width:100px;
float:left;
}

span.vortrag{
position:absolute;
left:117px;
top:20px;
width:540px;
height:50px;
text-align:left;
color:#000080;
font-size:1.2em;
font-weight:bold;
}

span.dozent{
position:absolute;
left:117px;
top:73px;
width:540px;
height:20px;
text-align:left;
font-size:1.2em;
}

span.headline_datum{
position:absolute;
left:117px;
top:-7px;
width:300px;
height:20px;
text-align:left;
}

a.ver_headline_datum:link {text-decoration:none; color:#9AAADB;} 


span.headline_menu{
position:absolute;
right:15px;
top:-7px;
width:300px;
height:20px;
text-align:right;
}


/*--------- Vordefinierte Textboxen ------------*/

.box_horiz{
position:relative; 
width: 673px;
height: 296px; 
padding:15px;
border:1px solid #e3e3e3;
margin: 1px;

}

.box_vert{
position:relative; 
width: 312px;
height: 637px; 
padding:15px;
border:1px solid #e3e3e3;
margin:1px;

}

.box_klein{
position:relative; 
width: 312px;
height: 296px; 
float: left;
padding:15px;
border:1px solid #e3e3e3;
margin:1px;

}

.box_gross{
position:relative; 
width: 673px;
height: 637px; 
float: left;
padding:15px;
border:1px solid #e3e3e3;
margin:1px;

}

.box_variabel{
position:relative; 
float: left;
margin-top:1px;
margin-left:1px;
border:1px solid #e3e3e3;
padding:15px;
}

#widgets {
border-left: 1px  solid #e3e3e3;
border-right: 1px  solid #e3e3e3;
border-bottom: 0px  solid #e3e3e3;
padding:9px;
padding-left:15px;
padding-top:3px;
width:217px;
text-align:left;
padding-bottom:1px;
margin-top:5px;
color:#000000;
font-weight:normal;
text-indent:0px;
}

#widgets_mini_gal {
border-left: 1px  solid #e3e3e3;
border-right: 1px  solid #e3e3e3;
border-bottom: 0px  solid #e3e3e3;
padding: 3px 19px 1px 5px;
width:217px;
text-align:left;
margin-top:5px;
color:#000000;
font-weight:normal;
text-indent:0px;
}

#widget_outer{
 background-image:url(../images/widgets.gif); background-repeat:no-repeat;
 background-position:top;
  width:243px;
 padding-top:5px;
text-indent:9px;
margin-top:1px;
color:#FFFFFF;
font-weight:bold;
margin-left: auto;
margin-right: auto;
}

#outer_horiz {
margin:15px 0px 0px 16px;
position:relative; 
padding:0px;
width:707px;
height:330px;
border:0px solid #A0B6C4;
float: left;

}

#outer_vert { 
margin:15px 0px 0px 16px;
position:relative; 
padding:0px;
width:346px;
height:671px;
border:0px solid #A0B6C4;
float: left;
}

#outer_klein{ 
margin:15px 0px 0px 16px;
position:relative; 
padding:0px;
width:346px;
height:330px;
border:0px solid #A0B6C4;
float: left;

}

#outer_gross{ 
margin:15px 0px 0px 16px;
position:relative; 
padding:0px;
width:707px;
height:671px;
border:0px solid #A0B6C4;
float: left;
}


#outer_variabel{ 
margin:15px 0px 0px 16px;
position:relative; 
padding:0px;
border:0px solid #A0B6C4;
float: left;
}

#player{
float:left;
margin-right:10px;
}

#fluss{
padding-left: 10px;
padding-right: 10px;
float:right;
}

#movie{
margin-left:-15px;
margin-right:0px;
}

label.fehlendeEingabe {
    color:#f00;
font-weight:bold;
}

input.fehlendeEingabe {
    color:#f00;
}

.crumb {
position:absolute;
display:block;
margin-top:2px;
}

a.breadcrumb:link {text-decoration:none;color:#C0C0C0;} 
a.breadcrumb:visited {text-decoration:none;color:#C0C0C0;}
a.breadcrumb:hover {text-decoration:none;color:#000099;}
}