
/* ------------------------------------------------------------------------------------------------------
	phil.info / Structures Stylesheet
	copyright 2007 vonautomatisch werkstaetten / vonautomatisch.at
------------------------------------------------------------------------------------------------------ */



/*  Body
------------------------------------------------------------------------------------------------------ */

body {
	margin: 0;
	padding: 0;
	background-repeat: repeat;
	background-attachment: fixed;
}



/*  Navigation
------------------------------------------------------------------------------------------------------ */

ul#navigation {
	position: fixed; _position: absolute; z-index: 1000;
	top: 130px; left: 0; width: 130px;
	margin: 0; padding: 0;
	list-style-type: none;
	font-size: 12px; line-height: 14px; font-weight: bold;
	text-align: right;
}
ul#navigation li {
    position: relative; margin: 0; padding: 5px 10px 4px 0;
    border-bottom: 1px solid #BCBAA5;
	background: #FFF;
}


ul#navigation li#logo { display: block; height: 60px; margin: 0 !important; font-size: 0px !important; line-height: 0px !important; }
ul#navigation li#logo a { position: absolute; top: -70px; left: 50px; margin: 0 0 -5px 0 !important; }

ul#navigation li a:link, ul#navigation li a:visited { color: #A49900; }
ul#navigation li a:hover, ul#navigation li a:active { color: #2A2100; }

ul#navigation li.philiale a:link, ul#navigation li.philiale a:visited { color: #026A84; }
ul#navigation li.philiale a:hover, ul#navigation li.philiale a:active { color: #2A2100; }

#category_bar ul#navigation li#category_bar a, #category_biblio ul#navigation li#category_biblio a, #category_audio ul#navigation li#category_audio a, #category_cine ul#navigation li#category_cine a, #category_retro ul#navigation li#category_retro a, #category_philiale ul#navigation li#category_philiale a { color: #2A2100; }

li#wallpapers { 
    position: relative; float: right; top: -11px;
    margin: 0;
    border-bottom: none !important;
    background: #141000 !important;
}
li#wallpapers h2 {
	margin: 0; padding: 10px 0;
	color: #FFF; font-size: 14px; line-height: 16px; font-weight: bold;
}
li#wallpapers ul {
	position: relative; float: right; top: 0;
	margin: 0; padding: 0 !important;
	list-style-type: none; text-align: right;
}
li#wallpapers ul li {
    position: relative; float: left;
    margin: 0; padding: 0 !important;
    width: 40px; height: 40px;
    border-bottom: none !important;
    background: #141000 !important;
}

li.wallpapers-info { width: 120px !important; font-size: 10px; height: auto !important; _height: 22px !important; }
li.wallpapers-info a:link, li.wallpapers-info a:visited { color: #A49900; }
li.wallpapers-info a:hover, li.wallpapers-info a:active { color: #FFF !important; }


/*  Container, Sheet, Pagebottom
------------------------------------------------------------------------------------------------------ */

#Container {
	position: relative; z-index: 1; clear: both !important;
	top: 0; left: 160px;
	width: 770px;
	margin: 0 0 30px 0 !important; padding: 0;
	/*background: #f1f1e7;*/
}

/* Transparentes Blatt */
#Sheet {
	position: relative;
	width: 710px;
	margin: 0; padding: 30px;
}



/*  Content & Content Boxes
------------------------------------------------------------------------------------------------------ */

#Sheet.F #Content {
	float: left; margin: 0; padding: 0;
	width: 100%;
	overflow: hidden !important;
}


#Sheet.CS #Content {
	float: left; margin: 0 30px 0 0; padding: 0;
	width: 460px;
	overflow: hidden !important;
}
#Sheet.CS #Sidebar {
	float: left; margin: 0; padding: 20px 0 0 0 !important;
	width: 220px;
	overflow: hidden !important;
}


#Sheet.SC #Content {
	float: right; margin: 0 0 0 30px; padding: 0;
	width: 460px;
	overflow: hidden !important;
}
#Sheet.SC #Sidebar {
	float: right; margin: 0; padding: 20px 0 0 0 !important;
	width: 220px;
	overflow: hidden !important;
}

.Column.Content.half {
	float: left; margin: 0 20px 0 0; padding: 0 0 40px 0;
	width: 220px;
}

.cbox {
    position: relative; clear: both !important; top: -1px;
    width: 100%;
    margin: 0; padding: 20px 0;
	border-top: 1px solid #2A2100;
	overflow: hidden !important;
}
#Sheet CS .cbox.overview { width: 220px !important; }
.last { margin-right: 0 !important; }




/*  Pagetop, Schaufenster, Login
------------------------------------------------------------------------------------------------------ */

#phildaten {
	position: relative; clear: both !important;
	margin: 0; padding: 5px 30px;
	width: 710px;
	color: #EEEDE1; font-size: 11px; line-height: 16px; font-weight: bold;
	background: #141000;/**/
}

#phildaten .right { position: absolute; float: right; top: 5px; right: 30px; margin: 0; padding: 0; width: 20px; text-align: right; }

#phildaten a:link, #phildaten a:visited { color: #8F820B; }
#phildaten a:hover, #phildaten a:active { color: #2A2100; }

/* Schaufenster - Basic Definition */
#schaufenster {
	position: relative; clear: both !important;
    width: 770px; height: 212px;
	margin: 0; padding: 0 0 5px 0;
	background: #141000;
}

#schaufenster .arrow, #schaufenster .arrow_philiale { position: relative; float: left; top: 6px; margin: 0 5px 0 29px; width: 16px; }
#schaufenster .arrow#arrow_forward, #schaufenster .arrow_philiale#arrow_forward  { margin: 0 10px 0 0 !important;}
#schaufenster img.widescreen { width: 770px; height: 190px; }
#schaufenster p {
	float: left;
	margin: 0; padding-top: 7px;
	font-size: 13px; line-height: 13px; color: #EEEDE1; font-weight: bold;
}
#schaufenster a:link, #schaufenster a:visited { color: #EEEDE1 !important; background: transparent; }
#schaufenster a:hover, #schaufenster a:active { color: #ED2100 !important; }

#login {
	position: relative; float: right; top: -25px; right: 0 !important;
	margin: 0 0 -25px 0; padding: 0;
	width: 220px;
	font-size: 12px; line-height: 12px; text-align: right; font-weight: bold;
}



/*  Sidebar
------------------------------------------------------------------------------------------------------ */

#Sidebar .cbox {
	width: 200px;
	margin: 0 0 20px 0; padding: 10px;
	background-color: #FFF;
	font-size: 10px; color: #2A2100; line-height: 13px;
	border: none;
}

#Sidebar .cbox h2 { position: relative; z-index: 3004;
	margin: 0 0 3px 0; padding: 0;
	font-size: 13px; line-height: 15px; font-weight: bold;
}
#Sidebar .cbox img { width: 200px !important; margin: 0 0 10px 0; }
#Sidebar .cbox .txt { margin-bottom: -3px; }



/*  Calendar
------------------------------------------------------------------------------------------------------ */

div.calendar h2 {
    margin: 0; padding: 0 0 3px 0;
    font-size: 19px; line-height: 23px;
    border-bottom: 2px solid;
}

div.calendar ul {
	width: 220px;
	margin: 0 0 20px 0; padding: 0;
	list-style-type: none;
    border-bottom: 2px solid;
	/*background-color: #FFF;*/
}

div.calendar ul li {
	margin: -1px 0 1px 0; padding: 0;
	font-size: 11px; line-height:14px;
	border-top: 1px dashed;
}

div.calendar ul li a:link, div.calendar ul li a:visited {
	position: relative; display: block;
    margin: 0; padding: 5px 0 !important;
    width: 100%;
	color: #2A2100; font-size: 12px; line-height:15px;
	cursor: pointer !important;
}

div.calendar ul li a:hover, div.calendar ul li a:active {
    color: #ED2100; background: #FFF;
    cursor: pointer !important;
}

div.calendar { border-color: #2A2100; color: #2A2100; }

div.calendar ul .date {
	position: relative; float: left;
	margin: 0 5px 0 0; padding: 0;
	width: 45px;
	font-weight: bold; text-align: right;
}
div.calendar ul .entry {
	position: relative; float: left;
	margin: 0; padding: 0;
	width: 170px;
}



/*  Tags
------------------------------------------------------------------------------------------------------ */

div.tags h2 { margin: 0; padding: 0 0 10px 0; }
div.tags h2 a:link, div.tags h2 a:visited { color: #2A2100; background: #FFF; }
div.tags h2 a:hover, div.tags h2 a:active { color: #2A2100; background: #F3E117 !important; }

#Sidebar div.tags {
	width: 220px !important;
	margin: 0 0 20px 0; padding: 0;
	/*background-color: #F3E117;*/
	font-size: 14px; color: #2A2100; line-height: 11px;
}




/*  Related Entries & Recent Comments
------------------------------------------------------------------------------------------------------ */

div.related-entries h2, div.recent-comments h2 {
    margin: 0; padding: 10px 0 5px 0;
    /*color: #FFF; */font-size: 17px; line-height: 21px;
    border-bottom: 2px solid;
    /*background-color: #141000;*/
}

div.related-entries ul, div.recent-comments ul {
	width: 220px;
	margin: 0 0 20px 0; padding: 0;
	list-style-type: none;
    border-bottom: 2px solid;
}

div.related-entries ul li,div.recent-comments ul li {
	margin: -1px 0 1px 0; padding: 7px 0;
	font-size: 11px; line-height: 14px;
	border-top: 1px dashed;
}

div.related-entries ul li h3, div.recent-comments ul li h3 {
	margin: 0; padding: 0;
	font-size: 14px; line-height: 14px;
}

div.related-entries ul li a:link, div.related-entries ul li a:visited, div.recent-comments ul li a:link, div.recent-comments ul li a:visited {
	margin: 0; padding: 0 !important;
    width: 200px;
	color: #ED2100;
	cursor: pointer !important;
}

div.related-entries ul li a:hover, div.related-entries ul li a:active, div.recent-comments ul li a:hover, div.recent-comments ul li a:active {
    color: #2A2100;
    cursor: pointer !important;
}

div.related-entries, div.recent-comments { border-color: #2A2100; color: #2A2100; }


/* Pagination */
#paginator {
	font-size:17px; font-weight:bold; color:#C1BEAD; line-height:24px;
}

#paginator a.fwd {
    padding: 0 14px 0 0;
	color:#ED2100; line-height:24px;
}
#paginator a.fwd:link, #paginator a.fwd:visited {
   background: url(/media/site/img/fwd_0.gif) top right no-repeat;
}
#paginator a.fwd:hover, #paginator a.fwd:active {
    color:#2A2100;
	background: url(/media/site/img/fwd_1.gif) top right no-repeat;
}

#paginator a.rwd {
    padding: 0 0 0 14px;
	font-weight:bold; color:#ED2100; line-height:24px;
}
#paginator a.rwd:link, #paginator a.rwd:visited {
    background: url(/media/site/img/rwd_0.gif) top left no-repeat;
}
#paginator a.rwd:hover, #paginator a.rwd:active {
    color:#2A2100;
	background: url(/media/site/img/rwd_1.gif) top left no-repeat;
}


#impressum { font-size: 10px; color: #2A2100; line-height: 10px; margin: 10px 0 -10px 0; padding: 10px 0 0 0; border-top: 2px solid #2A2100; }
#impressum a { font-size: 10px; color:#2A2100; line-height:10px; text-decoration: underline; }
#impressum a:link, .impressum a:visited { }
#impressum a:hover, .impressum a:active { color:#ED4300; }


/*  Messages
------------------------------------------------------------------------------------------------------ */

.message_message, .message_error, .message_success {
	position: relative; z-index: 2001;
	top: 0px;
	margin: 0; padding: 10px;
	width: 750px;
	background: #FFF url(/media/site/img/attention.png) repeat;
}

.message_message h1, .message_error h1, .message_success h1 {
    margin: 0 0 10px 0; padding: 7px 21px 4px 11px; 
    font-size: 21px; color: #202020;
	border: none;
	background: #FFF;
}
.message_message p, .message_error p, .message_success p {
    text-indent: 21px; margin: 0; padding: 7px 21px 7px 11px; 
    font-size: 15px; color: #202020;
	background: #FFF;
}
#message a:link, #message a:visited {
    float: right; padding: 2px 3px 2px 7px;
    text-indent: 0;
    font-size: 15px; color: #FFF;
	background: #2E2E2E;
}
#message a:hover, #message a:active {
    float: right; padding: 2px 3px 2px 7px;
    text-indent: 0;
    font-size: 15px; color: #202020;
	background: #FFF;
}
