/***************************************************************************
 ************************** DRAUSSEN Website *******************************/

html
{
margin:0px;
}
body
{
background-image: url(../design/Hintergrund.jpg);
background-repeat:repeat-y;
background-color:#FFFFFF;
margin:0px;
}

/***************************************************************************
 Designelemente und Textformatierungen im Topbereich ***********************/
 
#toplinks
{
position:absolute;left:0px;top:0px;
background-image: url(../design/Top-Links.jpg);
background-repeat:no-repeat;
width:375px;height:330px;
background-color:#707070;
z-index:1;
}
#slogan
{
position:absolute;left:25px;top:150px;
width:325px;height:160px;
background-color:#707070;
z-index:2;
}
#toprechts
{
position:absolute;left:375px;top:0px;
background-image: url(../design/Top-Rechts.jpg);
background-repeat:no-repeat;
width:575px;height:330px;
background-color:#707070;
z-index:1;
}
.impressum
{
font-family:"Trebuchet MS",Verdana, Arial, sans-serif;
font-size:11px;
font-weight:normal;
text-align:left;
color:#FFFFFF;
padding-top:55px;
padding-left:495px;
padding-right:25px;
}
#pagenavigation
{
	position:absolute;
	left:0px;
	top:330px;
	background-image: url(../design/Pagenavigationsleiste.jpg);
	background-repeat:no-repeat;
	width:775px;
	height:19px;
	background-color:#BB0009;
	z-index:3;
}
.hauptnavigation
{
font-family:"Trebuchet MS",Verdana, Arial, sans-serif;
font-size:12px;
font-weight:bold;
text-align:left;
color:#FFFFFF;
padding-top:3px;
padding-left:150px;
padding-right:25px;
}
a.hauptmenu:link, a.hauptmenu:visited, a.hauptmenu:active, a.hauptmenu:focus
{
color:#FFFFFF;
text-decoration:none;
}
a.hauptmenu:hover
{
color:#DFB40A;
text-decoration:none;
}

/***************************************************************************
 Bildleistenelemente und Formatierung der Unterseitennavigation ************/
 
#toprechts2
{
position:absolute;left:375px;top:0px;
background-image: url(../design/Top-Rechts2.jpg);
background-repeat:no-repeat;
width:575px;height:330px;
background-color:#707070;
z-index:1;
}
#toprechts3
{
position:absolute;left:375px;top:0px;
background-image: url(../design/Top-Rechts3.jpg);
background-repeat:no-repeat;
width:575px;height:330px;
background-color:#707070;
z-index:1;
}
#toprechts4
{
position:absolute;left:375px;top:0px;
background-image: url(../design/Top-Rechts4.jpg);
background-repeat:no-repeat;
width:575px;height:330px;
background-color:#707070;
z-index:1;
}
#toprechts5
{
position:absolute;left:375px;top:0px;
background-image: url(../design/Top-Rechts5.jpg);
background-repeat:no-repeat;
width:575px;height:330px;
background-color:#707070;
z-index:1;
}
#toprechts6
{
position:absolute;left:375px;top:0px;
background-image: url(../design/Top-Rechts6.jpg);
background-repeat:no-repeat;
width:575px;height:330px;
background-color:#707070;
z-index:1;
}

/***************************************************************************
 Designelemente und Textformatierungen des Newsblockbereiches **************/
 
#newsspalte
{
position:absolute;left:0px;top:352px;
background-image: url(../design/Newsspalte.jpg);
background-repeat:no-repeat;
width:200px;height:350px;
font-family:"Trebuchet MS",Verdana, Arial, sans-serif;
font-size:11px;
font-weight:normal;
text-align:left;
color:#545D68;
padding-top:30px;
padding-left:150px;
padding-right:25px;
z-index:1;
}
.newsheadline
{
background-image: url(../gifs/Newsheadline.gif);
background-repeat:no-repeat;
font-family:"Trebuchet MS",Arial, sans-serif;
font-size:12px;
line-height:14px;
font-weight:bold;
text-align:left;
color:#607CBD;
padding-left:45px;
}
.popuptext                   
{
width:200px;
padding-left: 5px; 
padding-right: 5px; 
font-size: 11px; 
font-family:"Trebuchet MS",Arial, sans-serif;
color: #000000;
}
.anzeige01
{
background-image: url(../design/ANZEIGE01-200x380.jpg);
background-repeat:no-repeat;
background-color:#FFFFFF;
width:200px;height:385px;
padding-top:0px;
text-align:center;
margin-bottom:15px;
margin-top:15px;
}
.anzeige11
{
background-image: url(../design/ANZEIGE11-200x300.jpg);
background-repeat:no-repeat;
background-color:#FFFFFF;
width:200px;height:300px;
padding-top:0px;
text-align:center;
margin-bottom:15px;
margin-top:15px;
}
.anzeige10
{
background-image: url(../design/ANZEIGE10-200x300.jpg);
background-repeat:no-repeat;
background-color:#FFFFFF;
width:200px;height:300px;
padding-top:0px;
text-align:center;
margin-bottom:15px;
margin-top:15px;
}
.anzeigenlinks
{
background-color:#FFFFFF;
width:200px;height:auto;
padding-top:0px;
text-align:center;
margin-bottom:15px;
margin-top:15px;
}


/***************************************************************************
 Designelemente und Textformatierungen des Contentbereiches ****************/

#anzeigenspalte
{
position:absolute;left:950px;top:353px;
width:150px;height:auto;
z-index:1;
}
#cont
{
border-style:solid; 
border-width:1px;
border-color:#BB0009;
background-color:#FAEFD3;
position:absolute;left:25px;top:168px;
width:515px;height:auto;
padding:5px;
z-index:1;
}
#tips
{
width:515px;height:auto;
background-color:#FAEFD3;
z-index:1;
}
#content
{
position:absolute;left:375px;top:352px;
width:525px;height:auto;
z-index:1;
}
.wurstwassertable
{
border-style:solid; 
border-width:1px;
border-color:#BB0009;
background-color:#FFFFFF;
width:198px;
padding-top:0px;
text-align:center;
}
#tdrot
{
background-color:#BB0009;
color:#FFFFFF;
height:15px;width:18px;
}
#tdgruen
{
background-color:#8EAC50;
color:#FFFFFF;
height:15px;width:18px;
}

.topanzeige
{
background-image: url(../design/Top-Anzeigenvorlage.jpg);
background-repeat:no-repeat;;
width:525px;height:75px;
margin-top:20px;
padding-bottom:20px;
z-index:1;
}
.topanzeige01
{
background-image: url(../design/ANZEIGE02-525x75.jpg);
background-repeat:no-repeat;;
width:525px;height:75px;
margin-top:0px;
padding-bottom:20px;
z-index:1;
}
.textblock
{
font-family:"Trebuchet MS",Verdana, Arial, sans-serif;
font-size:12px;
line-height:15px;
font-weight:normal;
text-align:left;
color:#26354A;
padding-top:35px;
padding-left:25px;
padding-right:25px;
}
.artikelabschluss
{
background-image: url(../design/Artikelabschluss.jpg);
background-repeat:no-repeat;
width:35px;height:23px;
font-family:"Trebuchet MS",Verdana, Arial, sans-serif;
font-size:11px;
font-weight:normal;
text-align:left;
color:#FFFFFF;
padding-top:7px;
padding-left:490px;
padding-right:0px;
}
.artikelabschlussB
{
background-image: url(../design/Abschlussleiste-Zurueck.jpg);
background-repeat:no-repeat;
width:10px;height:23px;
font-family:"Trebuchet MS",Verdana, Arial, sans-serif;
font-size:11px;
font-weight:normal;
text-align:left;
color:#FFFFFF;
padding-top:7px;
padding-left:485px;
padding-right:30px;
}
.abschlussline
{
background-image: url(../design/Abschlussline.jpg);
background-repeat:no-repeat;
width:525px;height:30px;
}
.verweise
{
background-image: url(../design/Punktlinie.jpg);
background-repeat:no-repeat;
font-family:"Trebuchet MS",Geneva, Verdana, Arial, Helvetica, sans-serif; 
font-size:11px; 
text-align:right;
color: #545D68;
padding-top:8px;
width:525px;height:auto;
}

p
{
line-height:15px;
}
.headline
{
font-family:"Trebuchet MS",Verdana, Arial, sans-serif;
font-size:16px;
padding-bottom:10px;
text-align:left;
color:#8EAC50;
}
h1
{
font-family:"Trebuchet MS",Verdana, Arial, sans-serif;
font-size:14px;
line-height:16px;
text-align:left;
color:#26354A;
}
.header
{
background-image: url(../gifs/Header.gif);
background-repeat:no-repeat;
padding-left:15px;
font-family:"Trebuchet MS",Verdana, Arial, sans-serif;
font-size:14px;
line-height:16px;
text-align:left;
color:#26354A;
}
h2
{
font-family:"Trebuchet MS",Verdana, Arial, sans-serif;
font-size:12px;
line-height:5px;
font-style:italic;
text-align:left;
color:#26354A;
}
h3
{
font-family:"Trebuchet MS",Verdana, Arial, sans-serif;
font-size:12px;
font-style:bold;
text-align:left;
color:#26354A;
}
h4
{
font-family:"Trebuchet MS",Verdana, Arial, sans-serif;
font-size:13px;
font-style:bold;
text-align:left;
color:#26354A;
}
ul
{
list-style-type:square;
color:#26354A;
text-align:left;
padding-right:7px;
padding-left:7px;
margin-right:7px;
margin-left:7px;
}
.adressliste
{
list-style-type:square;
color:#26354A;
text-align:left;
padding-right:15px;
padding-left:15px;
margin-right:15px;
margin-left:15px;
}
.einruecken
{
padding-left:80px;
margin-left:80px;
}
.rot
{
color:#BB0009;
font-weight:bold;
}
.blau
{
color:#274570;
font-weight:bold;
}
.schwarz
{
color:#000000;
font-weight:bold;
}
.grau
{
color:#666666;
font-weight:bold;
}
.gruen
{
color:#8EAC50;
font-weight:bold;
}
.gruenverweise
{
color:#8EAC50;
}
.hervorheben
{
font-family:"Trebuchet MS",Verdana, Arial, sans-serif;
font-size:11px;
color:#607CBD;
}
.pdf
{ 
color:#26354A;
background-image: url(../gifs/PDF-Symbol.gif);
background-repeat:no-repeat;
padding-top:7px;
padding-left:30px;
width:auto; height:25px;
}
.hinweistabelle
{
padding:5px;
border-style:solid;
border-top-width:1px;
border-left-width:1px;
border-right-width:1px;
border-bottom-width:1px;
border-color:#BB0009;}

/**************************************************************************** 
Formatierung f¸r eingebundene Bilder und Grafiken im Text *******************/

.bildlinksvomtext
{
float:left;
margin-top:5px;
margin-bottom:10px;
margin-right:20px;
}
.bildrechtsvomtext
{
float:right;
margin-top:10px;
margin-left:20px;
margin-bottom:20px;
}
.clleft
{
clear:left;
}
.clright
{
clear:right;
}
.cl
{
clear:both;
}

/**************************************************************************** 
Alternativtext f¸r eingebundene Bilder und Quellen **************************/

.bildinfotext
{
font-family: Geneva, Verdana, Arial, Helvetica, sans-serif; 
font-size: 10px; 
text-align: left; 
color: #003333;
}
.quellenhinweis
{
font-family:"Trebuchet MS",Geneva, Verdana, Arial, Helvetica, sans-serif; 
font-size:11px; 
text-align:justify;
color: #545D68;
padding-top:8px;
}
.datumseingang
{
font-family:"Trebuchet MS",Geneva, Verdana, Arial, Helvetica, sans-serif; 
font-size:11px; 
text-align:right;
color: #545D68;
padding-top:8px;
}
.redaktion
{
font-family:"Trebuchet MS",Geneva, Verdana, Arial, Helvetica, sans-serif; 
font-size:11px; 
text-align:right;
color: #545D68;
padding-top:8px;
}

/**************************************************************************** 
Link zum Anfang der Seite und Verweise **************************************/

.anfang                      
{
font-family:"Trebuchet MS",Geneva, Verdana, Arial, Helvetica, sans-serif; 
font-size: 10px;
line-height:12px;
text-align: right; 
color: #669966;
}
a.anfang:link, a.anfang:visited, a.anfang:active, a.anfang:hover
{
color:#669966;
text-decoration:none;
}
a.externlink:link, a.externlink:visited, a.externlink:active, a.externlink:hover
{
font-family:"Trebuchet MS",Geneva, Verdana, Arial, Helvetica, sans-serif; 
font-size:12px; 
color:#607CBD;
text-decoration:none;
}
a.textlink:link, a.textlink:visited, a.textlink:active, a.textlink:hover
{
font-family:"Trebuchet MS",Geneva, Verdana, Arial, Helvetica, sans-serif; 
font-size:11px; 
color:#8EAC50;
text-decoration:none;
}
a.medialink:link, a.medialink:visited, a.medialink:active, a.medialink:hover
{
font-family:"Trebuchet MS",Verdana, Arial, Helvetica, sans-serif; 
font-size:12px;
font-weight:bold;
color:#668032;
text-decoration:none;
}
a.adresslink:link, a.adresslink:visited, a.adresslink:active, a.adresslink:hover
{
font-family:"Trebuchet MS",Verdana, Arial, Helvetica, sans-serif; 
font-size:12px;
font-weight:bold;
color:#224375;
text-decoration:underline;
}
a.artikellink:link, a.artikellink:visited, a.artikellink:active, a.artikellink:focus
{
font-family:"Trebuchet MS",Geneva, Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color:#FFFFFF;
text-decoration:none;
}
a.artikellink:hover
{
color:#DFB40A;
text-decoration:none;
}

a.backlink:link, a.backlink:visited, a.backlink:active, a.backlink:focus
{
font-family:"Trebuchet MS",Geneva, Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color:#FFFFFF;
text-decoration:none;
}
a.backlink:hover
{
color:#DFB40A;
text-decoration:none;
}

a.newslink:link, a.newslink:visited, a.newslink:active, a.newslink:hover
{
font-family:"Trebuchet MS",Geneva, Verdana, Arial, Helvetica, sans-serif; 
font-size:11px; 
color:#607CBD;
text-decoration:none;
}
a.spendenlink:link, a.spendenlink:visited, a.spendenlink:active, a.spendenlink:hover
{
text-align:center;
text-decoration:none;
}

.aufruf
{
font-family:"Trebuchet MS",Verdana, Arial, sans-serif;
font-size:15px;
text-align:center;
color:#26354A;
}
.hinweistablo
{
background-color:#ededed;
width:510px; height:auto;
font-family:"Trebuchet MS",Verdana, Arial, sans-serif;
font-size:13px;
line-height:16px;
font-weight:bold;
text-align:left;
color:#26354A;
padding-top:10px;
padding-left:5px;
padding-right:5px;
border-style:solid; 
border-width:1px;
border-color:#BB0009;
}
img 
{
border:0px none;
}