/* ######################################################################################################
** # "Yet Another Multicolum Layout" (c) by Dirk Jesse (http://www.yaml.de) #############################
** ######################################################################################################
** 
**  YAML Version: 2.5.2
**  Dateiversion: 01.11.06  
**  Datei       : layout_3col_vlines.css
**  Funktion    : Zentrales Stylesheet 3-Spalten-Layout mit grafikfreien Spaltentrennern
**
*/
@import url(main/base.css);
@import url(modifications/basemod.css);
@import url(modifications/basemod_2col_left_vlines.css);
@import url(navigation/nav_slidingdoorII.css);
@import url(main/content.css);
@import url(print/print_003.css);


#main {padding:0; }
#footer { margin: 0; padding: 1em}

#col1 { width: 200px; } 

#col3 { 
	margin: 0; padding:0; 
	border-left: 200px #d25600 solid;
        padding:10px 10px 10px 10px;        
}


body {
        background: #F4F4F4;
        font-family:Verdana, Arial, sans-serif;
        padding-top:50px;
}


#page {
        border:0px;
}

#main {
        padding:0;
}

#page_margins {
        border:0px;
}

#col1 { 
        width: 200px;
        /*margin:10px 0px 10px 0px;*/
} 


@media print
{
      #col3 {
                border-left:0px;
      }
}

#main {
        background-image:url(../img/background.gif);
        background-repeat:repeat-y;
        background-position:left top;
        background-color:#a0a0a0;
}

#col3_content {
	background-color:transparent;
        background-image:url(../img/sinnlichsinnlos.jpg);
        background-position:center;
        background-repeat:no-repeat;
        
}

#col2 { display:none };

#menu {
	width:176px;
}


/* Menu */
#col1 { 
        float: left;
        padding:10px 0px 10px 0px;
        background-color:#d25600;
        text-align:right;
        text-decoration:none;
        font-size: 12px;
        background-image:url(../img/rotertanz.gif);
        background-position:bottom;
        background-repeat:no-repeat;
}
#col1_content {
	padding-bottom:100px;
}

#col1 ul {
        margin:0;
        padding:0;
        line-height:20px;
}

#col1 li {
        list-style:none;
        margin:0;
        padding:0;
        display:block; 
        border-bottom:1px solid #740000;
}

#col1 ul ul li {
        border-bottom:0px;
        line-height:15px;
}
#col1 ul ul {
        border-bottom:1px solid #740000;
}

#col1 li.act {

}

#col1 a {
        color: #740000;
        padding:0 4px 0 4px;
        display:block;
}
#col1 a:hover {
        background-color: #c95600;
        /*background-color:#F0F0F0;
        color:#A71C19;*/
        color:#FFFFFF;
        
}
#col1 p {
        text-align:right;;
        color: #FFFFFF;
        font-size: 14px;
        letter-spacing: -1px;
        margin-top: 15px;
        margin-bottom:3px;
        padding: 0;
        border:none;
}
#leftpic {
	background-color:blue;
}

#search { 
        width:85%; background: url(img/search.gif) no-repeat left top; margin: 10px 0 10px 0; padding:0; padding-left:23px;}


/* Font Styles */
h1 { color: #000000; font: oblique 120% georgia, times, serif; font-size: 26px; font-weight: normal; letter-spacing: -1px; line-height: 20px; text-align: left; }


#footer {
        background-color: #FBEBDB;
        color: #C2AE9B;
        float: none;
        font-size: 10px;
        margin: 0 auto;
        padding-top: 10px;
        text-align: center;
}
#footer a:link, #footer a:visited {
        color: #7E0000;
        display: inline;
        font-size: 10px;
        text-decoration: none;
}

#footer a:hover{
        color: #CFBDAB;
        display: inline;
        font-size: 10px;
        text-decoration: underline;
}

label {
	width:200px;
	float:left;
	margin:0;
	margin-top:0.3em;
}

input {
	margin-top:0.3em;
	}

textarea {
	margin-top:0.3em;
	}

.half {
	width:150px;
}
.long {
	width:308px;
}
