/* ######################################################################################################
** # "Yet Another Multicolum Layout" (c) by Dirk Jesse (http://www.yaml.de) #############################
** # "YAML for TYPO3" (c) by Dieter Bunkerd (http://yaml.t3net.de) ######################################
** ######################################################################################################
**
**  YAML Version: 2.5.2
**  Dateiversion: 6.11.06
**  Datei       : basemod.css
**  Funktion    : Basis-Modifikation fuer das Layout des YAML-Tutorials
**  Geaendert    : Bernhard Welzel / welzel@innocasto.com
*/

@import url(/04_layouts_styling/css/print/print_003.css); 

@media print{
   
   html {height: auto; margin-bottom: 10pt; background: none;}
   body {text-align: left; font: 1em "Lucida Grande", Lucida, Verdana, sans-serif; background: #fff !important; margin: 0pt; padding: 0pt; fontsize: 10pt;}
   body a {padding-left: 0; background-image: none;}  
#teaser:before {
   content:"Projekt »intiative-zukunft-neuwied.de«";
   font: 1em "Lucida Grande", Lucida, Verdana, sans-serif  }
/* Formatierung der Kopfbereiches */
#header { 
   background: none;
   padding: 0pt;
   }
#col1 {display:none}
#col2 {display:none}
#col3 {
   margin: 0; padding:0;
   border-left: 15pt #fff solid;
   border-right: 10pt #fff solid;
   }
#col3_content:before (content:" [ Druckversion von | Inhalten der Website: | www.initiative-zukunft-neuwied.de ]")
#col3_content:after (content:"[ Eine Intitiative der Stadt Neuwied ]") 
#col3_content {font: 0.8em "Lucida Grande", Lucida, Verdana, sans-serif; margin-top: 2em; }   
.noprint { display:none !important; }
   
}



@media screen
{

/* Formatierung der Seite */

body { 
font-family: Arial, Verdana, Helvetica, sans-serif;
background: #CACDD0; padding:6px;}

/* Hier kann ein umlaufender Rand um die gesamte Webseite erzeugt werden */
#page{border:0;background:#fff;}
#page_margins { min-width: 756px; max-width:80em; margin:auto; }

/* Formatierung der Kopfbereiches */
#header { 
color: #fff; 
background-color: #7894C0;
background-image: url(/fileadmin/neuwied/images/bruecke.jpg);
background-repeat:no-repeat;
background-position: 180px 0; 
position:relative; 
height: 146px;
padding-top:0;
padding-bottom:0;
}
#header img { font-size:208%; }
#banner { position: absolute; top:10px; right:0; z-index:10; }
#topnav { top: 80px; padding-right: 5px; }
#header div.tx-macinasearchbox-pi1 {position:absolute; top:10px; right:10px; font-size:0.8em;}
#header div.tx-macinasearchbox-pi1 input {margin-left:0;}

/* Formatierung der Fußzeile */
#footer { color:#888; line-height: 1em; background: white; margin:1em; padding:1em 0 0; border-top: 1px solid #ddd; }

/* ######################################################################################################
** ### Formatierung der Inhaltsspalten ##################################################################
** ######################################################################################################
*/
#main { background:white ; padding-top: 0;
border-bottom:3px solid #161A60;
}

/* linke Spalte */
#col1 {width:180px;}
#col1_content {padding:0;}

/* Rechte Spalte */
#col2 {width:180px;}
#col2_content {	margin-left:0;margin-right:0;padding-left:10px;padding-right:10px;}

/* Mittlere Spalte */
#col3 {border-left:0px dotted #ddd; border-right:0px dotted #ddd;}
#col3_content {margin-left:1em; margin-right:1em;min-height:440px;padding-bottom:3em;}


#col3 {
  margin: 0; padding:0;
  border-left: 184px #FCF6CA solid;
  border-right: 180px #FCF6CA solid;
}


#submenu {
  width:auto;
  margin:0;
  margin-top:20px;
  border-top:0;
}

#submenu li#title {background-color:#FEF5CA;}

/* ######################################################################################################
** ### Formatierung des Teasers der Startseite ##########################################################
** ######################################################################################################
*/
#teaser { color: silver; background: #c03; margin:0; padding: 0 !important; position:relative;}
#teaser div { width:auto; float: left; margin-right: 1em; }
#teaser .block1 { color: silver; padding:0.5em 0 0.4em 1em; font-size:0.82em; }
#teaser .block1 a { color: silver; }
#teaser .block1 a:hover {background:transparent;}
#teaser .block3 { width:45%; font-size:0.82em; padding-top: 0; }
#teaser .langMenu {float:right; padding-top:0.2em; margin-right:0;}
#teaser .selectFontSize { float:right; padding-top: 2px; }
#teaser .selectFontSize a {color:#334;}
#teaser .selectFontSize a:hover {background:transparent;}
#teaser .aktDatum { font-size: 0.82em !important; float:right; padding-top:0.5em; padding-right:1em; }
#teaser .block3 .title {display:block; font-size:1em; font-weight:bold; color:#336699; background:inherit; margin:0 0 0.5em;}


#nav_main {background:#161A60;}

#nav_main ul li {
border-left:1px solid #CACDD0;
border-right:1px solid #CACDD0;
}

#nav_main ul {
padding-left:184px;
margin-top:4px;
border-left:0;
border-right:0;
}

#nav_main ul li a {
color:#fff;
}
#nav_main ul li#current strong, 
#nav_main ul li#current a {
background-color:#CACDD0;
color:#161A60;
}

#nav_main ul li#current {
border-left:0;
border-right:0;
}

#nav_main ul li a:focus,
#nav_main ul li a:hover,
#nav_main ul li a:active,
#nav_main ul li#current a:focus,
#nav_main ul li#current a:hover,
#nav_main ul li#current a:active
{
background-color:#fff;
color:#161A60;
}
#nav_main ul li a, #nav_main ul li strong {
padding:4px 8px;
}


.rootline {margin-bottom:16px;font-size:0.9em;color:#161A60; }
 }

.rootline  a:link,
.rootline  a:visited {background-image:none;color: #161A60; text-decoration:underline;padding:1px;}
.rootline  a:focus,
.rootline  a:hover,
.rootline  a:active {background-image:none;background-color:#CB1A1A; color:#fff;text-decoration:underline;}
  
.rootline span {
background-image:url(/fileadmin/img/bcrumb.gif);
background-repeat:no-repeat;
background-position:0 0.1em;
padding-left:8px;
}

ul, li
{
line-height: 1.2em;
}

h1, h2, h3, h4, h5, h6 {
font-family: Arial, Verdana, Helvetica, sans-serif;
}

#col3 h1,
#col3 h2,
#col3 h3 {
  color:#CB1A1A;
  font-size:1.1em;
  margin-top:10px;
}

#col3 h4,
#col3 h5 {
  color:silver;

}
#col3 p {
  line-height:1.1;

}

#col3 li {

}


  a {color: #161A60; text-decoration:none;}
  a:focus,
  a:hover,
  a:active {color:#222A94; text-decoration:underline;}
  

#submenu {
margin-top:43px;
margin-left:0px;
margin-right:0px;
}


#submenu li#title {
  color:#CB1A1A;
  font-size:1.1em;
  border-bottom:0;
  padding-left: 5%;
  padding-bottom: 4px;
}

#submenu li a {
  background-color:transparent;
  color:#161A60;
}

#submenu a, #submenu strong {
  border-bottom:0;
}

#submenu li a:focus, #submenu li a:hover,
#submenu li a:active, #submenu li strong {
  background-color:#161A60;
}


#submenu li {float:none;padding-bottom:4px;}

#submenu li strong, #submenu li#current a:active{
  background-image:url(/fileadmin/img/m2cur.gif);
  background-repeat:no-repeat;
  background-position:-1px 7px;
  color:#161A60;
  background-color:#FCF6CA;
  margin-top:0px;
  margin-left:8px;
  padding-top:6px;
  padding-left:10px;
  border-bottom:0;
}


#submenu li ul {
  border-bottom:3px solid #FB9913;
  border-top:3px solid #FB9913;
  margin-left:18px;
  margin-top:4px;
  font-size: 90%;
}

#submenu li ul li a {
background-color:#FCF6CA;
color:#666666;
padding-left:10px;
background-image:url(/fileadmin/img/m2ho.gif);
background-repeat:no-repeat;
background-position:-2px 4px;
padding-right:0px;
padding-top: 4px;
}

#submenu li ul li#active, #submenu li ul li strong {
background-color:#FCF6CA;
color:#161A60;
margin-left:0px;
background-image:url(/fileadmin/img/m2cur.gif);
background-repeat:no-repeat;
background-position:-2px 6px;
padding-right:0px;
padding-left:10px;
}

#submenu li ul li span {
  padding-left: 10%;
  width: 95%
}

#submenu li ul li a:focus, 
#submenu li ul li a:hover, 
#submenu li ul li a:active {
  background-color:#161A60;
  color:#FFFFFF;
  background-image:none;
  width: 95%;
}

/* styles for extension "tx_skpagecomments_pi1" */
		.sk-pagecomments-error {color:red;font-weight:bold;background:#FFE8CF;border:1px solid #000;margin:8px 12px;padding:4px;}
		.sk-pagecomments-success {color:blue;font-weight:bold;}
		.sk-pagecomments-counter {color:#600;text-align:right;text-decoration:underline;margin-bottom:12px;}

        .sk-pagecomments-headline {border-bottom:1px solid #000;font-weight:bold;background:#d1d1d1;padding-left:6px;height:20px;}
        .sk-pagecomments-answerheadline {border-bottom:1px solid #000;font-weight:bold;background:#f7f3ef;padding-left:6px;height:20px;}
		.sk-pagecomments-namedate {float:left;}
        .sk-pagecomments-emailhomepage{float:right;}
		.sk-pagecomments-answer{float:right;padding:0 4px 0 12px;}   
        .sk-pagecomments-comment{background:#f1f1f1;padding:4px 28px;clear:both;}
        
        
        .sk-pagecomments-teaser {margin-top:-40px}
        .sk-pagecomments-teaser h4 {background:#eee;font-size:85%;margin:0;color:green;padding-left:4px;}
        .sk-pagecomments-teaser h4 span{padding-right:4px}
        .sk-pagecomments-teaser p {margin:0;font-size:90%}

		.tx-skpagecomments-pi1 form {margin:16px 0;width:480px;}
        .tx-skpagecomments-pi1 form fieldset {border:1px solid #eee;}
		.tx-skpagecomments-pi1 form p.userinfos {text-align:center;padding:6px;}
        .tx-skpagecomments-pi1 span.sk-pagecomments-number {float:left;font-size:70%;color:red;padding:3px 10px 3px 0;}

		.tx-skpagecomments-pi1 form legend {display:none;}
		.tx-skpagecomments-pi1 form label {width:80px;float:left;margin-left:8px;}

		.tx-skpagecomments-pi1 form p {margin:6px 0;}
		.tx-skpagecomments-pi1 form p img {vertical-align:bottom;margin-left:8px;}
		.tx-skpagecomments-pi1 div.smileytext{margin-left:80px;}
		.tx-skpagecomments-pi1 form input#name,
		.tx-skpagecomments-pi1 form input#email,
        .tx-skpagecomments-pi1 form input#homepage {width:320px;}
		.tx-skpagecomments-pi1 form textarea {width:320px;height:160px;}

              
        .tx-skpagecomments-pi1 img {border:0px}



.csc-mailform label {
display:block;
margin-bottom:2px;
margin-top:4px;
}

.csc-mailform-submit {
margin-top:8px;
margin-bottom:10px;

}

#footer {
background:#CACDD0;
border-top:1px solid #DDDDDD;
color:#fff;
line-height:1em;
margin:0;
padding-top:4px;
padding-left:210px;
}

#footer a {font-weight:normal;color: #fff; text-decoration:underline;}
#footer  a:focus,
#footer  a:hover,
#footer  a:active {color:#fff; text-decoration:underline;}

.fusszeile {
position:absolute;
bottom:-10px;
}

.fusszeile span {float:left}
.fusszeile .toplink {
float:right;
color:#ccc;
}

.toplink  a:link,
.toplink  a:focus,
.toplink  a:hover,
.toplink a:active {color:#ccc;}

.fusszeile a {color: #000; text-decoration:none;padding:1px;}
.fusszeile  a:focus,
.fusszeile  a:hover,
.fusszeile a:active {text-decoration:underline;}

#metanav {margin:0;padding:0;margin-bottom:8px;}
#metanav li {display:inline;list-style-item:none;padding:0;margin:0;padding-left:5px;color:#ccc;}
#metanav .first { padding-left:0;border-right:1px solid #ccc;padding-right:5px;}

#metanav strong {font-weight:normal;color:#000;}
#metanav,
#metanav  a:link,
#metanav a:visited {color: #ccc; text-decoration:none;padding:1px;}
#metanav  a:focus,
#metanav  a:hover,
#metanav  a:active {text-decoration:underline;color:#ccc}

.tx-macinasearchbox-pi1 {
margin-bottom:8px;
}

.selectFontSize {
margin-bottom:8px;
padding-top:8px;
}


.rbox {
  padding-top:8px;
  border-top:3px solid #FB9913;
  border-bottom:3px solid #FB9913;
  margin-top:14px;
  margin-bottom:8px;
}

#col2_content .rbox p {
  line-height:1.5;
  font-size: 90%;
}

.rbox h4 {
color:#161A60;
font-size:90%;
}
.clearer {border:0}

.vcard {margin-top:8px;margin-bottom:6px;} 

.internal-link {
padding-left:9px;
background-image:url(/fileadmin/img/pfeil.gif);
background-repeat:no-repeat;
background-position:0 3px;
}  

#col2_content .internal-link {
background-image:url(/fileadmin/img/bcrumb.gif);
}


.tx-macinasearchbox-pi1 .sword {display:inline;width:80%;}
.tx-macinasearchbox-pi1 .submitbtn {position:relative;top:4px;}



.tx-indexedsearch-browsebox {padding:0;margin:0;}
.tx-indexedsearch-browsebox li { padding:0;padding-right:4px;margin:0;display:inline;list-style-type:none;}

/* news */

.news-list-date { display:block;color:#aaa;font-size:0.8em;}

/* styles for extension "tx-srfeuserregister-pi1" */
.tx-srfeuserregister-pi1 * {zoom:1}
.tx-srfeuserregister-pi1 input {
  padding: 0px;
}

.tx-srfeuserregister-pi1 h4{
  font-size: 1em;
  margin-top: 5px;
  padding-left: 0;
}

.tx-srfeuserregister-pi1 p{
  margin 0.5em 0 0.5em 0;
  padding: 0;
}

.tx-srfeuserregister-pi1 legend {
  font-weight:bold;
  padding:0;
}

.csc-textpic-imagewrap dl {margin-left:0;}