* {
margin: 0;
padding: 0;
}

html, body {
font-family : Verdana, Helvetica, Geneva, Arial, sans-serif;
background : #200;
color: #ffce00;
text-align: center;
font-size: 13px;
}

/* --- IMPRESSUM INFO  -------------------------- */

#impressum-info {
margin: 0;
padding: 0px 4px 4px 4px;
position: absolute;
top: 0px;
right:0px;
background: #32A900 url(http://www.phlow.net/mag/tmpl/css/impressum-untere-ecke.gif) no-repeat bottom left;
font-size: 70%;
}

#impressum-info a {
font-weight : bold;
color: #ffce00;
border: none;
text-decoration: none;
}

#impressum-info a:hover {
border-bottom: 1px solid #ffce00;
}

/* --- LAYOUT -------------------------- */

#gesamteseite {
margin: 0;
padding: 0;
margin-left: auto;
margin-right: auto;
width: 770px;
text-align: left;
}

#kopfzeile {
margin: 0;
padding: 0;
width: 770px;
height: 335px;
background: #400 url('kopfzeile_hintergrund.gif') no-repeat bottom;
}


#kopfzeile-index {
margin: 0;
padding: 0;
width: 770px;
height: 330px;
background: #fa0 url('kopfzeile_hintergrund-index.gif') no-repeat bottom;
}

#breadcrumb {
padding: 7px 10px 0 10px;
font-size: 85%;
border-top: 1px solid #300;
color: #fa0;
}
#breadcrumb a {
color: #fa0;
}

#inhalt {
margin: 0;
padding: 0;
background: #600 url('hintergrund.gif') repeat-y;
width: 770px;
}
#linkespalte {
margin: 0;
padding: 0;
width: 495px;
float: left;
}

#linkespalte-abstand {
margin: 0;
}

#rechtespalte {
margin: 0;
padding: 0;
width: 275px;
float: right;
}

#rechtespalte-abstand {
margin: 0;
}

#fusszeile {
margin: 0;
padding: 0;
clear: both;
width: 770px;
height: 70px;
background: #200 url('fusszeile_hintergrund.gif') top left no-repeat;
}

#fusszeile-info {
margin: 5px 0 30px 0;
padding: 0;
font-size: 85%;
text-align: center;
}

#fusszeile-info a {
font-weight: normal;
border: none;
}

#fusszeile-info a:hover {
text-decoration: underline;
}






/* --- SERVICES -------------------------- */

#services {
margin : 0;
padding: 15px 0px 10px 0;
font-size: 80%;
text-align: right;
float: right;
}

#services ul {
margin : 0 10px 0 5px;
padding : 0;
list-style : none;
display : inline;
}

#services li {
margin : 0;
display : inline;
}

#services li a {
padding : 0px 0px 0px 0px;
border-right: 1px solid #900;
border: none;
font-weight: normal;
}

#services li a:hover {
text-decoration: underline;
background: none;
}

#linkespalte img {
margin: 0 5px 5px 0;
border: 1px solid #000;
float: left;
}
#linkespalte a:hover img {
border : 1px solid #fa0;
}


/* TEXTFORMATIERUNG -------------------------------------------*/

/* Hauptueberschrift */
h1 {
padding: 0 0 8px 0;
font-weight: normal;
font-size: 170%;
letter-spacing: 1px;
font-family : Georgia, "Times New Roman", Times, serif;
}

h1 a {
border-bottom : none;
font-weight: normal;
}

h1 a:hover {
border-bottom : 1px solid #ffaa00;
}

h2 {
font-size: 150%;
letter-spacing: 1px;
padding : 10px 0 10px 0;
line-height : 17px;
font-weight : normal;
}

h3 {
font-size: 110%;
line-height: 120%;
font-weight: bold;
padding-bottom: 6px;
}
h3 a {
border: none;
}


h4 {
font-size: 120%;
line-height: 120%;
font-weight: bold;
padding-top: 12px;
padding-bottom: 8px;
}
h5 {
font-size: 80%;
line-height: 120%;
font-weight: bold;
padding-bottom: 8px;
}
p {
font-size: 100%;
line-height: 130%;
font-weight: normal;
padding-bottom: 12px;
}

ul {
margin: 0 0 12px 24px;
padding: 0;
}

ol {
margin: 0 0 12px 24px;
padding: 0;	
}

li {
margin: 0;
padding: 0;
line-height: 140%;
}

#linkespalte ul  {
margin: 0 0 0 0;
padding: 0px 0 0 0;
list-style: none;
}

#linkespalte li  {
font-size: 90%;
margin: 0 0 0 ;
padding: 0 0 6px 13px;
background: url(phlow-icon_li.gif) no-repeat 0 4px;
}

#linkespalte ol li  {
font-size: 90%;
margin: 0 0 0 ;
padding: 0 0 6px 0px;
background: none;
}

#mp3 li {
font-size: 90%;
margin: 0 0 0 ;
padding: 0 0 6px 13px;
background: url(phlow-icon-lautsprecher_li.gif) no-repeat 0 4px;
}

#linkespalte li li {
margin: -2px 0 0 -13px;
padding: 0 0 6px 25px;
background: url(phlow-icon_li-li.gif) no-repeat 0 4px;
}

#linkespalte dl  {
margin: 0 0 0 0;
padding: 0 0 10px 0px;
}
#linkespalte dt  {
margin: 5px 0 0 0;
padding: 0 0 2px 0px;
}
#linkespalte dd  {
margin: 0 0 0 0;
padding: 0 0 0px 20px;
}


blockquote {
margin: 10px 0 0 15px;
padding: 3px 0 12px 20px;
background: url(blockquote.gif) no-repeat top left;
}

a {
text-decoration: none;
font-weight: bold;
color: #ffaa00;
border-bottom: 1px dashed #ffaa00;
}

a:hover {
color: #ffce00;
border-bottom: 1px solid #ffce00;
}

a:visited {
color: #f90;
}

a:active {
color: #ff0;
border-bottom: 1px solid #ff0;
}


/* BOXEN -------------------------------------------*/

.weisse-box {
background: #fff url(box_weiss_hintergrund.gif) repeat-y;
width: 275px;
color: #000;
}

.top-weiss-1, .top-weiss-2, .top-weiss-3, {
margin: 0;
padding: 0;
height: 65px;
width: 275px;
text-indent: -999em;
background: #fff url(box_weiss_oben_nrm.gif) no-repeat top;
}

.top-weiss {
margin: 0;
padding: 0;
height: 65px;
width: 275px;
text-indent: -999em;
background: #fff url(box_weiss_oben_nrm.gif) no-repeat top;
}

.weisse-box p {
padding: 0 10px 5px 5px;
font-size: 85%;
}

.weisse-box-unten {
width: 275px;
height: 20px;
background: url(box_weiss_unten.gif) no-repeat bottom;
}

.weisse-box a {
text-decoration: none;
font-weight: bold;
color: #000;
border-bottom: 1px dashed #000;
}
.weisse-box a:hover {
color: #000;
border-bottom: 1px solid #000;
}
.weisse-box a:visited {
color: #000;
}
.weisse-box a:active {
color: #900;
border-bottom: 1px solid #900;
}

.weisse-box img {
float: none;
border: none;
padding-left: 40px;
}

.weisse-box h3, .weisse-box ul {
margin: 0 0 5px 5px;
padding: 0;
list-style: none;
}
.weisse-box li  {
margin: 0 0 0 ;
padding: 0 0 4px 13px;
background: url(pda-li-icon.gif) no-repeat 0 6px;
}
.weisse-box li li {
margin: 0 0 0 -13px;
padding: 0 0 4px 25px;
background: url(pda-li-li-icon.gif) no-repeat 0 6px;
}




.gruen-box {
background: #fff url(box_gruen_hintergrund.gif) repeat-y;
width: 275px;
color: #000;
}

.top-gruen-1 {
margin: 0;
padding: 0;
height: 65px;
width: 275px;
text-indent: -999em;
background: #fff url(box_gruen_oben_1.gif) no-repeat top;
}

.gruen-box p {
padding: 0 10px 5px 5px;
font-size: 85%;
}

.gruen-box-unten {
width: 275px;
height: 20px;
background: url(box_gruen_unten.gif) no-repeat bottom;
}

.gruen-box a {
text-decoration: none;
font-weight: bold;
color: #000;
border-bottom: 1px dashed #000;
}
.gruen-box a:hover {
color: #000;
border-bottom: 1px solid #000;
}
.gruen-box a:visited {
color: #555;
}
.gruen-box a:active {
color: #900;
border-bottom: 1px solid #900;
}

.gruen-box img {
float: none;
border: none;
padding-left: 40px;
}




/* FORMULAR -------------------------------------------*/

#kommentarformular {
padding: 10px 20px 0 20px;
}

.kommentar {
font-size: 85%;
margin: 0px 20px 10px 20px;
padding: 0px 0px 10px 0px;

}

.kommentar blockquote {
background: #fa0 url('kommentar-blockquote.gif') no-repeat bottom;
color: #300;
margin: 0;
padding: 0px 5px 20px 5px;
}


.kommentar div {
margin: 0 0 0px 0;
padding: 0px 5px 0px 5px;
background: #fa0 url('kommentar-blockquote-top.gif') no-repeat top;
height: 8px;
}

.comments-header {
padding: 0px 0px 10px 20px;
}

input {
padding: 2px;
background: #fff url('hg_input.jpg') bottom repeat-x;
border-top: 1px solid #300;
border-right: 1px solid #300;
border-bottom: 1px solid #300;
border-left: 1px solid #300;
font-family: "Courier New", Courier, monospace;
}

textarea {
padding: 2px;
background: #fff url('hg_textarea.jpg') bottom repeat-x;
border-top: 1px solid #300;
border-right: 1px solid #300;
border-bottom: 1px solid #300;
border-left: 1px solid #300;
font-family: "Courier New", Courier, monospace;
font-size: 100%;
}


input:hover, textarea:hover {
border-right: 1px solid #fc0;
border-bottom: 1px solid #fc0;
border-top: 1px solid #fc0;
border-left: 1px solid #fc0;
background: #fa0;
}


input:focus {
background: #fd0 url('hg_input_focus.jpg') bottom repeat-x;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
border-top: 1px solid #fff;
border-left: 1px solid #fff;
}


textarea:focus {
background: #fd0 url('hg_textarea_focus.jpg') bottom repeat-x;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
border-top: 1px solid #fff;
border-left: 1px solid #fff;
}

#comment-email, #comment-url, #comment-author {
width: 240px;
}

#comment-preview, #comment-post {
font-family : Verdana, Helvetica, Geneva, Arial, sans-serif;
font-weight: bold;
border: 2px solid #000;
margin: 5px 0 0 0;
background: #f90;
}


/* Elemente -------------------------------------------*/

.verstecken {
display: none;
}

.googlewerbung {
margin: 10px 0 10px 50px;
}

.artikel {
margin: 0;
padding: 15px 20px 10px 20px;
border-bottom: 1px solid #400;
}

.artikel-include {
margin: 0px 0px 0px;
padding: 15px 20px 10px 20px;
border-bottom: 1px solid #400;
background: #660223;
}


.artikel-fussnote {
margin: 0px 0 0 0;
padding: 20px 0 0px 0px;
}

.topartikel {
margin: 0px 0px 5px 0px;
padding: 0px 20px 10px 20px;
border-bottom: 1px solid #400;
background: #660223;
}

.hinweis {
font-size: 85%;
margin: 5px 0 10px 0;
padding: 5px;
color: #fff;
background: #d00;
border: 1px solid #fff;
font-weight: bold;
display: block;
}

.anreisser {
font-weight: bold;
}

.artikel-meta-info {
margin: 25px 0 0 0;
font-size: 80%;
}

.topartikel li a {
font-size: 85%;
font-weight: normal;
}

#weitere_artikel {
margin: 0px 0px 5px 0px;
padding: 0px 20px 0px 20px;
}


#simplay-controller {
margin: 0px 20px 0px 20px;
}

#podcast-titel {
margin: 0px 20px 0px 20px;
padding: 0;
height: 45px;
width: 165px;
text-indent: -999em;
background: #600 url(podcast-schrift.gif) no-repeat top;
}

#videocast-titel {
margin: 0px 20px 0px 20px;
padding: 0;
height: 45px;
width: 165px;
text-indent: -999em;
background: #600 url(videocast-schrift.gif) no-repeat top;
}



.nach-oben {
padding: 0 20px 0 0;
text-align: right;
font-size: 80%;
}

#kategorie-beschreibung {
margin: 0px 20px 20px 10px;
padding: 5px;
border: 1px solid #fff;
color: #ff0;
background : #32A900;
}


#bookmarks {
margin: 20px 0 7px 0;
padding: 5px 0 5px 0;
vertical-align: center;
}

#bookmarks strong {
float: left;
}

#bookmarks img {
margin: 0 0 0 5px; padding: 0 0 0 0; float: left;
}




#footer {
margin: 120px 0 0 0;
font-size: 70%;
background: #330000 url(http://www.phlow.net/mag/tmpl/css/fusszeile_hintergrund2.gif) repeat-x top left;
height: 180px;
}
#footer-padding {
padding: 10px 20px 10px 20px;
background: #330000 url(http://www.phlow.net/mag/tmpl/css/fusszeile_hintergrund2.gif) repeat-x top left;
}
#footer h5 {
font-size: 100%;
}
#footer-services, #footer-info, #footer-netzwerk, #footer-angebot {
padding: 0 0 5px 20px;
width: 21%;
text-align: left;
float: left;
}
#footer ul {
margin: 0 0 0 14px;
padding: 0;
list-style: square;
}
#footer li {
padding-bottom: 2px;
}
#copyright {
padding: 50px 0 0 0;
clear:both;
text-align: center;
}
.fragezeichen {
border: none;
margin-left: 4px;
padding: 0px 1px 0 2px;
background: #99FF33;
color: #000;
}
.fragezeichen:hover {
border: none;
color: #fff;
}
.fragezeichen:visited {
color: #000;
}








/* NEUE NAVIGATION -------------------------------------------*/

.accesskey {
text-decoration: underline;
}

#navcon {
margin: -30px 0 0 0;
width: 770px;
}
#nav {
width: 770px;
margin: 0;
padding: 0;
float: left;
list-style: none;
background: #500 url('nav-hintergrund-dunkelgrau.gif') repeat-x top left;
}
#nav li {
float: left;
margin: 0;
padding: 0 1px 0 0;
list-style: none;
background: url('nav-li-hintergrund.gif') no-repeat top right;
}

#nav a {
float: left;
padding: 5px 13px;
text-decoration: none;
color: #fff;
font-weight: normal;
border: none;
font-size: 13px;
line-height: 18px;
}

#nav a:hover  {
color: #ffce00;
background: #900;
}

#nav a.aktuell {
font-weight: bold;
background: #900;
}
#suche {
width: 160px;
background: #900;
margin: 0;
padding: 3px;
position: relative;
top: 34px;
left: 590px;
}
#suche .suchefeld {
border: 1px solid;
margin: 0 0 0 3px;
padding: 1px;
height: 17px;
width: 80px;
}
#suche .suchebutton {
height: 22px;
width: 64px;
background: #ff0;
font-weight: bold;
}

/* --- SUB NAVIGATION -------------------------- */



#subnavcon {
font-size: 11px;
line-height: 12px;
}
#subnav {
float: left;
margin: 0;
padding: 0;
width: 770px;
list-style: none;
background: #fa0;
}

#subnav li {
float: left;
margin: 0;
padding: 0 1px 0 0;
list-style: none;
background: url('subnav-li-hintergrund.gif') no-repeat top right;
}

#subnav a {
float: left;
padding: 5px 13px;
text-decoration: none;
font-weight: normal;
color: #300;
border: none;
}

#subnav a:hover, #subnav a.aktuell2 {
color: #300;
background: #fa0 url('pfeil.gif') no-repeat center bottom;
}

#subnav a.aktuell2 {
font-weight: bold;
background: #fa0 url('pfeil.gif') no-repeat center bottom;
}









/*--- NUR ADVENTSKALENDER ---------------------------------------------------*/

.advent {
float: left;
margin: 5px 10px 15px 0;

}

.advent a {
border: 1px solid #333;
font-weight: bold;
padding: 3px 7px;
color: #fff;
background: #d00;
text-decoration: none;
}
.advent a:hover {
background: #0d0;
}
.advent span {
border: 1px solid #ccc;
background: #ccc;
padding: 3px 7px;
color: #888;
}