/*************************************** 
*  Datei:style.css  
***************************************/ 
*{
margin:0; 
padding:0}

body, html{
min-height:101%}

body{
/*dunkelblau: 1e4461, ocker:E3C86F, logoblue:6fb0e3*/   
background:#E3C86F;
color:#333; /* Schriftfarbe. 000 wäre Schwarz, dann Kontrast zu stark. */
padding:0px 0 25px 0}

body, select, input, textarea{
/* 
font:12px Arial,Verdana,Sans-Serif;
font: 62.5%/1.5 'lucida grande', verdana, sans-serif;
font: 0.9em 'lucida grande', verdana, arial, sans-serif;
*/
font: 0.9em Arial,Verdana,Sans-Serif;
line-height:1.5em}

p{
margin:15px 0}

a:link, a:visited{
color:#4a7596; 
text-decoration:none;
font-weight:bold
}

a:hover, a:active{
color:#333; 
text-decoration:underline}

hr{
display:block; 
height:1px; 
background:#aaa333; 
border:0}

small{
font-size:0.9em; 
padding:3px 6px}

/****** Images ****************************/

.bild_links {
float:left;
border:0px;
margin:0px 12px 0px 0;
}

.bild_rechts {
float:right;
border:0px;
margin:0px 0px 0px 12px;
}

img, a:link img, a:visited img{border:1px solid #999; padding:1px}
img.left, img.center, img.right, img.norm{margin:5px 12px 5px 0; border:1px solid #999; padding:1px}
img.left{float:left; margin:0 12px 5px 0}
img.center{display:block; margin:0 auto 5px auto}
img.right{float:right; margin:0 0 5px 12px}
img align left{float:left; margin:0 12px 5px 0}


/******************************************
*   General Structure                         
******************************************/
#page{/*the main container*/
/*width:95% */
width:1000px;
margin:0 auto; 
font-size:1em; 
background:#FFF; 
/*#padding:0px 25px 35px 25px;*/
border-top-width: 0px;       
border-right-width: 3px;     
border-bottom-width: 10px;    
border-left-width: 3px;
border-style:solid;
border-color: #96784A}

#top{
/*#width:100%;*/
height:62px; 
padding:10px 10px 20px 10px;
background: #6fb0e3}

#branding{/*where the logo sits*/
width:625px;
height:62px; 
padding-bottom:15px;
background: #6fb0e3 url(images/backgrounds/bg_branding.png) no-repeat}

.left{
background: #6fb0e3;
float:left}

.right{
background: #6fb0e3;	
float:right}

#sidebar{/* sidebar container */
background:#fff;
#width:250px;
width:24%;
padding:0px 25px 0px 0px;
float:right}

#leftcol{/*the left homepage column carrying the "Featured Article"section*/
#width:287px;
widht:33%;
border-right:1px solid #b6b6b6; 
padding-right:18px}

#leftcol, #rightcol{
margin-top:10px; 
float:left
}
#rightcol{/*actually the column in the middle of the homepage (if the right column is the sidebar)*/
#width:277px;
width:31%;
padding-left:18px; 
margin-top:-2px; 
text-align:justify}

/******************************************
*   Sidebar                         
******************************************/
.subnav li{/*.subnav is mainly the categories list*/
list-style:none}

.subnav li a:link, .subnav li a:visited{
background:#fff; 
display:block; 
padding:4px 4px 4px 20px; 
border-bottom:1px solid #999}

.subnav li a:hover, .subnav li a:active{
background:#F4F4EC; 
text-decoration:none}

#sidelist li{
list-style:none}

.bullets li{
margin:0 0 5px 15px; 
list-style:square}

#sidelist .bullets li{
list-style:square; 
margin-bottom:5px; 

margin-left:22px}

#sidelist .children{
background:#F4F4EC}

#sidelist .children li{
background:#F4F4EC; 
list-style:none; 
margin-left:15px; 
padding-left:15px; 
border-bottom:1px solid #fff}

#sidelist .children li a, #sidelist .children li a:visited{
padding:2px 2px 2px 0px; 
border:0; 
background:#F4F4EC; 
color:#666}

#sidelist .children li a:hover, #sidelist .children li a:active{
color:#000}

#sidelist .feed li{
margin-bottom:5px; 
padding-left:20px; 
background:url(images/rss.gif) no-repeat}

/******************************************
*   Headlines                         
******************************************/
.blogtitle, .blogtitle a{
color:#000; 
font-size:1.8em; 
font-family:Georgia,"Times New Roman",Times,serif; 
font-weight:regular; 
padding:20px 0px 10px 0px}

h1{
#color:#840000; 
color:#96784A; 
font-size:1.8em; 
font-family:Georgia,"Times New Roman",Times,serif; 
font-weight:bold; 
margin:0px 10px 0px 0px; 
padding:20px 0px 0px 10px}

h2{
#color:#4a7596; 
color:#96784A; 
font:1.66em Georgia,"Times New Roman",Times,serif; 
padding-bottom:8px; 
border-bottom:1px solid #666; 
margin:20px 0}

h3{
#color:#4a7596;
color:#96784A; 
#font:0.9em Arial,Helvetica,sans-serif;
font:1.5em Georgia,"Times New Roman",Times,serif;
#text-transform:uppercase; 
#letter-spacing:0.3em;
letter-spacing:1px;
margin-bottom:4px; 
font-weight:bold}

#sidebar h2, #sidebar h3 a{
#color:#4a7596;
color:#96784A;
#font:0.9em Arial,Helvetica,sans-serif;
font:1.66em Georgia,"Times New Roman",Times,serif;
#letter-spacing:0.3em;
letter-spacing:1px;
#text-transform:uppercase; 
margin-bottom:4px; 
font-weight:bold; 
}

#sidebar h3, #sidebar h2{
#color:#4a7596;
color:#96784A;
font:1.5em Georgia,"Times New Roman",Times,serif;
border-top:3px double #999; 
border-bottom:1px solid #999; 
padding:5px 0 5px 2px; 
margin:20px 0 15px 0; 
}

h3#respond{
font-size:1.1em; 
border-top:1px solid #666; 
margin-top:25px; 
padding-top:20px
}

h3#comments{
margin-top:32px
}

h3 a:link, h3 a:visited{
color:#666; }

h4{
font-size:1.2em; 
margin-bottom:6px}

/******************************************
*   Content                        
******************************************/
#content{
#width:605px;
width:65%;
padding:10px 0px 0px 25px;
float:left
}

.description{
font-size:1.3em; 
font-weight:bold; 
color:#999}

/* Featured Articles formatting "leftcol"*/
.feature{
background:url(images/backgrounds/bg_featured.jpg) repeat-x #F4F4EC; 
padding:15px; 
border:1px solid #ccc}

.feature p, #rightcol p{margin:0}

#leftcol img, #rightcol img{
padding:1px; 
border:1px solid #999}

#leftcol .feature{margin-bottom:15px}

/* Formating of the Leadstory stuff in the tabbed section */
#leadpic{
float:left; 
margin:0 18px 8px 0; 
padding:1px; 
border:1px solid #999}

.title, a.title {
font-family:Georgia,"Times New Roman",Times,serif; 
font-size:1.1em; 
font-weight:bold; 
color:#840000; 
letter-spacing:normal}

#lead p{
margin-bottom:10px}

/* Formating of "rightcol"which is the column in the homepage middle; -) */
#rightcol img{
float:left; 
margin:3px 10px 4px 0}

#leftcol img{
margin-bottom:4px; 
display:block
}

#rightcol .clearfloat{
border-bottom:1px solid #999; 
padding:12px 0}
/* Post Formatting */
.entry{
padding-bottom:28px; 

text-align:justify}

.post blockquote{
color:#666; 
background:#F4F4EC; 
padding:6px 14px; 
margin:18px 35px; 
border-right:1px solid #DDD; 
border-bottom:1px solid #DDD}
.post ul li{
list-style:square; 
margin-bottom:5px; 

margin-left:42px}

.post ol li{
margin-bottom:5px; 

margin-left:48px}

#tags{
padding:3px; 
border-bottom:1px solid #DDD; 
border-top:1px solid #DDD}
.postmetadata{
font-size:0.9em; 
margin:0 0 10px 0; 
padding:5px 10px; 
background:#F4F4EC; 
border-top:1px solid #E6E3D3; 
border-bottom:1px solid #E6E3D3}

/* Form Elements */
select{
background:#f2f2f2; 
border:1px solid #9c9c9c; 
width:100%
}

#searchform{padding:16px 5px 0 0}

.button{
padding:1px; 
background:#4a7596; 
color:#fff; 
border:none}

.button:hover{
background:#1e4461; 
color:#FFF; 
text-decoration:none
}

#commentform input{
width:170px; 
margin:5px 5px 1px 0}

#commentform textarea{
width:100%; 
margin-top:5px}

/* Comments*/
.commentlist{
padding-left:30px}

.commentlist li{
margin:15px 0 3px; 
padding:8px 15px 10px 15px; 
background:#F4F4EC; 
border:1px solid #E6E3D3}

.commentlist blockquote{
color:#666; 
background:#fff; 
padding:6px 14px; 
margin:18px 35px; 
border-right:1px solid #ccc; 
border-bottom:1px solid #ccc}

.commentlist url{
color:#4a7596;
}

#commentform small{
background:#FFF; 
font-weight:bold; 
padding:0}

.commentmetadata{
display:block}

.commentlist small{
background:#fff; 
border:1px solid #E6E3D3}

/* Float Properties*/
.clearfloat:after{
display:block; 
visibility:hidden; 
clear:both; 
height:0; 
content:"."}

.clearfloat{
display:inline-block}
.clearfloat{
display:block}

/******************************************
*   Footer                        
******************************************/
#footer{
margin:0 auto; 
width:900px; 
font-size:0.9em; 
text-align:center; 
padding-top:15px; 
color:#FFF}

#footer a{
color:#ededed}

/******************************************
* Datei:nav.css
* Main or page navigation styles                       
******************************************/
/*Main Navbar */
#nav{
background:#4a7596; 
font-size:1em}

#nav, #nav ul{
list-style:none; 
line-height:1}

#nav a, #nav a:hover{
display:block; 
text-decoration:none; 
border:none}

#nav li{
float:left; 
list-style:none; 
border-right:1px solid #fff}

#nav a, #nav a:visited{
display:block; 
font-weight:bold; 
color:#eee; 
padding:6px 12px}

#nav a:hover, #nav a:active{
background:#1e4461; 
text-decoration:none}
.current_page_itema, #home .on{background:#1e4461}

/* Dropdown Menus for child pages */
#nav li ul{/*first level dropdown*/
position:absolute; 
z-index:10; 
left:-999em; 
height:auto; 
width:174px; 
border-bottom:1px solid #666}

#nav li ul ul{/*second level dropdown*/
margin:-2em 0 0 172px}

#nav li:hover ul ul, #nav li.sfhover ul ul{
left:-999em}

#nav li li{
width:172px; 
border-top:1px solid #fff; 
border-right:1px solid #fff; 
border-left:1px solid #fff; 
background:#999}

#nav li li a, #nav li li a:visited{
font-weight:normal; 
font-size:0.9em; 
color:#FFF}

#nav li li a:hover, #nav li li a:active{background:#840000}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul{left:auto}

a.main:hover{background:none}

/*************************************** 
* Datei plugins.css
* STYLES FOR USED PLUGINS 
***************************************/ 
// Images for flexible upload plugin 
.imageframe{margin:5px 12px 5px 0; padding:4px; border:1px solid #999}
.imgalignleft{float:left; margin:0 12px 5px 0}
.imgalignright{float:right; margin:0 0 5px 12px}
.imgaligncenter{display:block; margin:0 auto 5px auto}
.imagecaption{padding:2px 2px 0 2px; text-align:left; font-size:10px!important; color:#666!important}

/*************************************** 
*   Datei:template-style.css
*   Special styles for the various page templates                      
***************************************/ 
/* Styles for the "3-columns-page template"*/
#pageleft{
float:left; 
width:265px; 
margin:20px 20px 0px 0px; 
padding:0 20px 0 0; 
border-right:solid 1px #999; 
text-align:justify}

#pagemiddle{
float:left; 
width:265px; 
margin:20px 20px 0px 0px; 
padding:0px; 
text-align:justify}

#pageright{
float:right; 
width:265px; 
margin:20px 0px 0px 0px; 
padding:0 0 0 20px; 
border-left:solid 1px #999; 
text-align:justify}

#pageleft .bullets li, #pagemiddle .bullets li, #pageright .bullets li{
list-style:square; 
margin-bottom:5px; 
margin-left:22px}

/* Styles for the "featured-page template"*/
#featured-top{
width:880px; 
float:left; 
padding:0 0 15px 0; 
margin:0 0 25px 0; 
border-bottom:double 3px #999}

#featured-content{
width:600px; 
float:left}

#featured-sidebar{
width:250px; 
float:right}

#featured-sidebar h3{
border-bottom:1px solid #999; 
padding:5px 0 5px 2px; 
margin:0 0 20px 0}
#featured-sidebar .sidebar_widget{
margin:0 0 20px 0; 
text-align:justify}

#featured-leftcol{
width:600px; 
float:left; 
margin:20px 20px 0 0; 
padding:0 25px 0 0; 
border-right:1px solid #999}

#featured-leftcol h2, #featured-rightcol h2, #featured-content h2{
color:#840000; 
font:1.8em Georgia,"Times New Roman",Times,serif; 
margin:0 0 10px 0; 
border:none}

#featured-leftcol img{
float:left; 
margin:0 20px 10px 0; 
padding:1px; 
border:1px solid #999}

#featured-rightcol{
width:230px; 
float:right; 
margin-top:20px}

#featured-rightcol li{
list-style:none
}

#featured-rightcol .bullets li{
list-style:square; 
margin-bottom:5px; 
margin-left:22px}

.featured_post blockquote{
color:#666; 
background:#F4F4EC; 
padding:6px 14px; 
margin:18px 35px; 
border-right:1px solid #DDD; 
border-bottom:1px solid #DDD}
.featured_post ul li{
list-style:square; 
margin-bottom:5px; 
margin-left:42px}

.featured_post ol li{
margin-bottom:5px; 
margin-left:48px}

/*************************************** 
* Datei:ui.tabs.css 
* Caution! Ensure accessibility in print and other media types... 
***************************************/ 
@media projection, screen{/* Use class for showing/hiding tab content,so that visibility can be better controlled in different media types... */
 .ui-tabs-hide{
 display:none!important}}

/* Hide useless elements in print layouts... */
@media print{
 .ui-tabs-nav{
 display:none!important}}

/* Skin */
#container-4{/* the whole container with all elements of the tabbed section */
margin:20px 0 20px 0!important}

.ui-tabs-panel{/* the main content-section of the tabbed area NOT the tabs themselfes */
width:580px!important; 
  padding:15px!important; 
border-top:1px solid #ccc!important; 
border-left:1px solid #ccc!important; 
border-right:2px solid #999!important; 
border-bottom:2px solid #999!important; 
background:url(../magazin/images/backgrounds/bg_leadarticle.jpg) repeat-x #E6E3D3!important; /* declare background color for container to avoid distorted fonts in IE while fading */
}

.ui-tabs-panel .title{/* for the headlines in the tabbed section */
font:1.8em Georgia,"Times New Roman",Times,serif!important; 
line-height:100%!important; 
display:block!important; 
padding-bottom:7px!important; 
color:#4a7596!important; 
text-transform:none!important; 
letter-spacing:normal!important}

.ui-tabs-nav{/* the whole area of the tabs navigation above the tabbed-content */
 list-style:none!important; 
 margin:0px!important; 
 padding:0px!important}

.ui-tabs-nav:after{/* clearing without presentational markup,IE gets extra treatment */
 display:block!important; 
 clear:both!important; 
 content:""!important}
.ui-tabs-nav li{
 float:left!important; 
 margin:0 1px 0 0!important; 
 min-width:85px!important; /* be nice to Opera */
}
.ui-tabs-nav .ui-tabs{
 display:block!important; 
 padding:5px!important; 
 background:#E6E3D3!important; 
margin:1px 0 0 0!important; /* position:relative makes opacity fail for disabled tab in IE */
position:relative!important; 
 top:1px!important; 
 z-index:2!important; 
 color:#333!important; 
 font-weight:bold!important; 
 line-height:1.2!important; 
 text-align:center!important; 
 text-decoration:none!important; 
border:1px solid #ccc!important; 
 white-space:nowrap!important; /* required in IE 6 */ 
 outline:0!important; /* prevent dotted border in Firefox */
}

.ui-tabs-nav .ui-tabs:hover{/* here´s to define the hover effect of the tabs */
 background:#1e4461!important; 
color:#fff!important}

.ui-tabs-selected .ui-tabs{/* the effects of the currently selected tab */
background-color:#fff!important; 
 color:#333!important; 
border-bottom:1px solid #fff!important}

.ui-tabs-nav .ui-tabs-selected .ui-tabs, 
.ui-tabs-nav .ui-tabs a:hover, 
.ui-tabs-nav .ui-tabs a:active{
 background-position:100% -150px!important}

.ui-tabs-nav .ui-tabs, 
.ui-tabs-nav .ui-tabs-disabled .ui-tabs a:hover, 
.ui-tabs-nav .ui-tabs-disabled .ui-tabs a:active{
 background-position:100% -100px!important}

.ui-tabs-nav .ui-tabs-selected .ui-tabs a:link, 
.ui-tabs-nav .ui-tabs-selected .ui-tabs a:visited, 
.ui-tabs-nav .ui-tabs-disabled .ui-tabs a:link, 
.ui-tabs-nav .ui-tabs-disabled .ui-tabs a:visited{/* @ Opera,use pseudo classes otherwise it confuses cursor... */
 cursor:text!important}

.ui-tabs-nav .ui-tabs a:hover, 
.ui-tabs-nav .ui-tabs a:active, 
.ui-tabs-nav .ui-tabs-unselect .ui-tabs a:hover, 
.ui-tabs-nav .ui-tabs-unselect .ui-tabs a:active{/* @ Opera,we need to be explicit again here now... */
 cursor:pointer!important; 
background-color:#333!important; 
color:#fff!important}

.ui-tabs-disabled{
 opacity:.4!important; 
 filter:alpha(opacity=40)!important}

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav{/* auto clear,@ IE 6 &IE 7 Quirks Mode */
 display:inline-block!important}
*:first-child+html .ui-tabs-nav{/* @ IE 7 Standards Mode - do not group selectors,otherwise IE 6 will ignore complete rule (because of the unknown+combinator)... */
 display:inline-block!important}