/* Reset ================================================================================= */
* { margin:0; padding:0; }

body          { background:#496778; font:12px/1.55 Arial, Helvetica, sans-serif; color:#2f2f2f; text-align:center; }

img           { border:0; vertical-align:top; }

a             { color:#693; text-decoration:none; }
a:hover,
a:focus,
a:active { color: #693; text-decoration: none; }
a.external-link-new-window img,
a.download-link img { vertical-align: baseline; padding-right: 5px; }
a:hover       { text-decoration:none; }
:focus        { outline: 0; }

/* Headings */
h1,h2,h3,
h4,h5,h6      { margin:0 0 5px; line-height:1.35; color:#999; }
h1, h2        { font-size:20px; font-weight:normal; }
h3            { font-size:16px; font-weight:normal; }
h4            { font-size:14px; font-weight:normal; }
h5            { font-size:12px; font-weight:normal; }
h6            { font-size:11px; font-weight:normal; }

/* Forms */
form          { display:inline; }
fieldset      { border:0; }
legend        { display:none; }

/* Table */
table         { border:0; /*border-collapse:collapse;*/ border-spacing:0; empty-cells:show; font-size:100%; width:100%; }
caption,th,td { vertical-align:top; text-align:left; font-weight:normal; }

/* Content */
p             { margin:0 0 10px; }
strong        { font-weight:bold; }
address       { font-style:normal; line-height:1.35; }
cite          { font-style:normal; }
q,
blockquote    { quotes:none; }
q:before,
q:after       { content:''; }
small,big     { font-size:1em; }
/*sup           { font-size:1em; vertical-align:top; }*/

/* Lists */
ul,ol         { list-style:none; }

/* Tools */
.hidden       { display:block !important; border:0 !important; margin:0 !important; padding:0 !important; font-size:0 !important; line-height:0 !important; width:0 !important; height:0 !important; overflow:hidden !important; }
.nobr         { white-space:nowrap !important; }
.wrap         { white-space:normal !important; }
.a-left       { text-align:left !important; }
.a-center     { text-align:center !important; }
.align-right, .a-right      { text-align:right !important; }
.v-top        { vertical-align:top; }
.v-middle     { vertical-align:middle; }
.f-left,
.left         { float:left !important; }
.f-right,
.right        { float:right !important; }
.f-none       { float:none !important; }
.f-fix        { float:left; width:100%; }
.no-display   { display:none; }
.no-margin    { margin:0 !important; }
.no-padding   { padding:0 !important; }
.no-bg        { background:none !important; }
.last { padding-bottom: 0px !important; border-bottom: 0 none !important; }
/* ======================================================================================= */

/* Layout ================================================================================= */
body	{ background:  #fff url(../Images/hg.jpg) no-repeat; }
a img   { border:0; }
#topnav,
#searchbox	{ width: 1024px; margin: 0 45px; text-align: right;}
#searchbox .tx-pusearchbox-pi1 { position: static; float: right;}
#searchbox .tx-pusearchbox-pi1-container input.sword {
    background-color: #fff;
    border-color: #693;
}
#topnav	{ background-color: #fff; text-align: left;}
#topnav .welcome {padding: 0; float: left;  margin:5px 10px 0px;}
#topnav .links { float:right; margin:5px 10px 0px; }
#topnav .links li { float:left;  padding:0 8px 0 7px; border-right: 1px solid #000; }
#topnav .links li.last { border: 0; }
#topnav .links a { color:#000; }
#header	{ width: 1024px; margin: 0 45px; background: #fff ;}
#logo	{ padding: 3px 10px 10px; position: relative; }
#logo a	{ position: absolute; left: 40px; top:40px; }
#page	{ margin: 0 45px; padding: 10px; border: 0; text-align: left; width: 1004px; background: #fff; }
#page .csc-textpic img,
.ce-border img {
    -moz-box-shadow: 3px 3px 15px rgba(0,0,0,0.3);
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 3px 3px 15px rgba(0,0,0,0.3);
    box-shadow: 3px 3px 15px rgba(0,0,0,0.3);
    border: 0 !important
}
#page .frame .ce-uploads img {
    -moz-box-shadow: none;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
#foot	{margin: 0 -10px; padding: 42px 0 0; border: 0;
	background: #fff url(../Images/lines01.gif) 0px 30px repeat-x;}
#foot p	{margin: 0 0 10px; padding: 0 10px;}

.main-container {}
.main { margin:0 auto; min-height:400px; padding:0px 0px 50px; text-align:left; }

/* Base Columns */
.col-left { float:left; width:200px; padding:0 0 1px; }
.col-left > div { margin-right: 20px; }
.col-main { float:left; width:780px; padding:0 0 1px; }
.col-right { float:right; width:200px; padding:0 0 1px; }
.col-right > div { margin-left: 20px; }

/* 1 Column Layout */
.col1-layout .col-main { float:none; width:auto; }

/* 2 Columns Layout */
.col2-left-layout .col-main { float:right; }
.col2-right-layout .col-main { }

/* 3 Columns Layout */
.col3-layout .col-main { width:557px; margin-left:20px; }
.col3-layout .col-wrapper { float:left; width:780px; }
.col3-layout .col-wrapper .col-main { float:right; }

/* Content Columns */
.col2-set .col-1 { float:left; width:48.5%; }
.col2-set .col-2 { float:right; width:48.5%; }
.col2-set .col-narrow { width:32%; }
.col2-set .col-wide { width:65%; }

.col3-set .col-1 { float:left; width:32%; }
.col3-set .col-2 { float:left; width:32%; margin-left:2%; }
.col3-set .col-3 { float:right; width:32%; }

.col4-set .col-1 { float:left; width:23.5%; }
.col4-set .col-2 { float:left; width:23.5%; margin:0 2%; }
.col4-set .col-3 { float:left; width:23.5%; }
.col4-set .col-4 { float:right; width:23.5%; }
/* ========================================================================== */

/* Headings ================================================================= */
h4 {
    color: #000;
    font-size: 11px;
    font-weight: normal;
    letter-spacing: 3px;
    text-transform: uppercase;
}
.csc-header h5	{
    font-family:Georgia,"Times New Roman",Times,serif;
    font-size:13px;
    line-height:20px;
    color:#000;
    font-style: italic;
    font-weight: normal;
}
.contenttable h3 { padding:0; }
.highlight h1,
.highlight h2,
.highlight h3,
.highlight h4,
.highlight h5,
.highlight h6 {margin: 0 10px 10px 10px;}
.col-left .csc-header,
.col-right .csc-header {
    background:#333 ;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#000000'); /* for IE */
    background: -moz-linear-gradient(top, #999, #000);
    background:  -webkit-gradient(linear, left top, left bottom, from(#999), to(#000));
    padding-left: 10px;
    margin-bottom: 5px
}
.col-left h1,
.col-right h1,
.col-left h2,
.col-right h2,
.col-left h3,
.col-right h3 { color: #fff; margin-bottom: 0;}
/* ========================================================================== */

/* Navigation =============================================================== */
.nav-container {  }
#nav { margin: 0; padding: 0; border: 10px solid #fff; border-top: 0; border-bottom: 0; width: 1004px; margin: 0 45px; font-size: 13px;
       background:#333 ;
       filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#000000'); /* for IE */
       background: -moz-linear-gradient(top, #999, #000);
       background:  -webkit-gradient(linear, left top, left bottom, from(#999), to(#000));
}
/* ALL Levels */ /* Style consistent throughout all nav levels */
#nav li { position:relative; text-align:left; border-right: 1px solid #fff;  }
#nav li.last { /*border-right: 0; */ }
#nav li:hover { z-index:999;  }
#nav a,
#nav a:hover { display:block; line-height:1.3em; text-decoration:none; }

#nav li a.active,
#nav a:hover { }
#nav span { display:block; cursor:pointer; white-space:nowrap; }
#nav li ul span {white-space:normal; }

/* 0 Level */
#nav li { float:left;  }
#nav li a.active {
    color:#fff;
    background:#693 ;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#336633', endColorstr='#669933'); /* for IE */
    background: -moz-linear-gradient(top, #363, #693 );
    background:  -webkit-gradient(linear, left top, left bottom, from(#363), to(#693));
}
#nav a { float:left; padding:5px 12px 6px 12px; color:#fff; font-weight:bold; }
#nav li:hover a,
#nav a:hover { color:#fff; }

/* 1st Level */
#nav ul { float:none; margin:0; background:transparent; border: 0;
     background:#333 ;
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#999999'); /* for IE */
     background: -moz-linear-gradient(top, #000, #999);
     background:  -webkit-gradient(linear, left top, left bottom, from(#000), to(#999));

    -moz-box-shadow: 3px 3px 15px rgba(0,0,0,0.7);
    -webkit-box-shadow: 3px 3px 15px rgba(0,0,0,0.7);
    box-shadow: 3px 3px 15px rgba(0,0,0,0.7);
}
#nav ul li { float:none; margin:0; background:transparent; border: 0; }
#nav ul li.last { padding-bottom:0; }
#nav ul a,
#nav ul a:hover { float:none; padding:0; background:none;border-left: 10px solid transparent;border-right: 10px solid transparent; }
#nav ul li a.active,
#nav ul a:hover { border-left: 10px solid #693;border-right: 10px solid #693; background: transparent none; filter: none; }
#nav ul li a { font-weight:normal !important; }

/* 2nd Level */
#nav ul { position:absolute; width:15em; top:28px; left:-10000px; border:1px solid #fff; }

/* Show menu */
#nav li:hover > ul { left:-1px; }
#nav li:hover > ul li:hover > ul { left:100px; }
#nav li:hover ul ul { left:-10000px; }

#nav ul li a { }
#nav ul li a:hover { }
#nav ul li a,
#nav ul li a:hover { }
#nav ul span, #nav ul li.last li span { padding:3px 5px 4px 5px; }

/* 3rd+ Level */
#nav ul ul { top:5px; }
/********** Navigation > */



/* News ================================================================================= */
.news-latest-container { font:11px/1.30 Arial, Helvetica; padding: 5px; border: 1px solid #999; background-color: #eee; }
.news-latest-item { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #999; }
.news-latest-item:last-of-type { padding-bottom: 0; margin-bottom: 10px; border-bottom: 0; }
.news-latest-date { padding-bottom: 6px; font-style: italic; }
.news-latest-header h5 { color:#000; font-weight: bold }
.news-latest-content { }



/* - - - - - - - - Hilfen - - - - - - - - */
/*.stop	{width: 99%; float: left; height: 0px; overflow: hidden;}*/
.clear	{clear: both; height: 1px; overflow: hidden;}
.hide	{
	height: 0;
	width: 0;
	overflow: hidden;
	position: absolute;
	left:-3000px;}
.hidden	{visibility: hidden;}

/* Inhaltselemente */
div.csc-textpic-center div.csc-textpic-imagewrap .csc-textpic-image {
    margin-left:0;
}
div.csc-textpic-clear { clear: none;}
.divider hr { border: 0; border-top: 2px dotted #999; margin: 10px 0px }
.col-main ul {list-style:outside; margin-left:40px;}

.col-left .csc-default,
.col-right .csc-default { margin-bottom: 10px; }
.csc-frame { border: 1px solid #999; background-color: #eee; padding: 5px; }
.tx-pudonnerwetter-pi1 table table {width: 100%;}

.ce-image {
    margin-bottom: 10px;
}

/* Clears ================================================================================ */
.csc-textpic:after,
#content:after,
#searchbox:after,
#topnav:after,
#nav:after,
.main:after,
.footer:after,
.footer-container,
.col-main:after,
.col2-set:after,
.col3-set:after,
.col4-set:after,
.ce-textpic:after,
.ce-image:after,
.ce-gallery:after,
.ce-row:after,
.frame:after { display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; }

/* Clears and hasLayout fixes (IE) */
.csc-textpic,
#content,
#searchbox,
#topnav,
#nav,
.footer:after,
.footer-container,
.col-main:after,
.col2-set:after,
.col3-set:after,
.col4-set:after { zoom:1; }

/* Images */
.col-main img  { max-width: 557px; height: auto; }
.col-left img,
.col-right img { max-width: 180px; height: auto; }
.col-left .frame-layout-1 img,
.col-right .frame-layout-1 img { max-width: 168px; height: auto; }

.col2-left-layout .col-main img,
.col2-right-layout .col-main img { max-width: 780px; }


