/* HTML Stylesheet Script 1.0 */
/* Autor V. Sieradzki */


@charset "utf-8";

body {}

body, p, table, td
{
font:normal 16px/150% Calibri;
color:#000000;
}

h1
{
font:normal normal normal 25px/170% Calibri;
font-weight:bold;
letter-spacing: 2px;
color: #0005C2;
font-variant: small-caps;
text-decoration: none;
}

h2
{
font:normal normal normal 18px/160% Calibri;
color:#000000;
font-weight:bold;
}

h3
{
font:normal normal bold 15px/140% Calibri;
color:#000000;
}



h4
{
font:normal normal bold 12px/130% Calibri;
color:#000000;
}

/*
h5
{
font:normal normal bold 11px/130% Calibri;
color:#000000;
}
*/

h6
{
font:normal normal bold 13px/150% Calibri;
color:#5F06FF;
}

h6:hover
{
font:normal normal bold 13px/150% Calibri;
color:#0090FF;
}

footer
{
font:normal 10px/100% Calibri;
color:#000000;
}

/* text style für links im Text */
a:link, a:visited
{
text-decoration: none; /* fix */
/*color:#5F06FF;*/
/*color:#FF22A0;*/
color:#0000FF;
}

/* text style für links im Text während mouse-over/hover*/
a:active, a:hover
{
text-decoration: underline; /* fix */
color: #0000FF;
/*color: #0090FF;*/
/*color: #FFFFFF;*/
}

div.hr
{
border-bottom-style:solid;
border-bottom-width:1px; /* fix */
border-color: #CCCCCC;
height: 1px;
}


/*  Layout
----------------------------------------------- */

body
{
background:url(pix/background.gif) no-repeat right bottom fixed !important;
background-color: #fde15c !important;
text-align:center !important;
/*
background-position: right bottom;
background-attachment: fixed;
background-size: auto;
background-repeat: no-repeat;
*/
}



div#cc-tp-container
{
width:940px;
margin:0 auto;
text-align:left;
}


div#cc-tp-top
{
width:100%;
height:40px;
margin-top:50px;
background:url(pix/top_bg_y.png) no-repeat left top;
}

* html div#cc-tp-top
{
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='image', src='pix/top_bg_y.png');
}


div#cc-tp-mid
{
width:100%;
background:url(pix/mid_bg_y.png) repeat-y left top;
}

* html div#cc-tp-mid
{
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale', src='pix/mid_bg_y.png');
}


div#cc-tp-btm
{
width:100%;
height:50px;
background:url(pix/btm_bg_y.png) no-repeat left top;
}

* html div#cc-tp-btm
{
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='image', src='pix/btm_bg_y.png');
}


div#cc-tp-main
{
position:relative;
width:902px;
padding:0 19px;
}

div#cc-tp-main-nav  { width:100%; background-color: #fde15c; }
div#cc-tp-graphik { width:100%; background-color:#DDD; }
div#cc-tp-house { width:100%; }
div#cc-tp-sub-nav { float:left; width:200px; }

div#cc-tp-content
{
float:left;
width:604px;
min-height: 370px;
border:1px #eee solid;
border-bottom:0;
background-color:#f3f3f3;
padding-left: 10px;
margin: 25px 25px 25px 25px;
border-radius: 10px;
}

div#cc-tp-sidebar
{
float:right;
width:230px;
}

div#cc-tp-footer { width:100%; }


/*  Innenabstaende
----------------------------------------------- */
/*div#cc-tp-main-nav .cc-tp-roof { padding: 5px  25px 10px 25px; } */ /* original von Vivien bei 5 Spalten */
div#cc-tp-main-nav .cc-tp-roof { padding: 5px  25px 10px 25px; }
div#cc-tp-sub-nav  .cc-tp-roof { padding: 50px 30px 30px 30px; }
div#cc-tp-content  .cc-tp-roof { padding: 30px 30px 30px 30px; }
/* div#cc-tp-sidebar  .cc-tp-roof { padding: 50px 30px 30px 20px; } */ /* original von Vivien bei 5 Spalten */
div#cc-tp-sidebar  .cc-tp-roof { padding: 50px 30px 30px 10px; }
div#cc-tp-bottombar { padding: 50px 0px  0px   0px; }
div#cc-tp-footer   .cc-tp-roof { padding: 25px 42px  0   42px; }


/*  Schrift
----------------------------------------------- */

div#cc-tp-footer, div#cc-tp-footer p, div#cc-tp-footer td, div#cc-tp-footer a, div#cc-tp-footer a:visited
{
/* text für links in Fußzeile */
/*color:#5F06FF;*/
/*color:#FF00FF;*/
color:#0000FF;
/*font-size:16px;*/
font-size:12px;
font-weight: bold;
text-decoration: none;
}

div#cc-tp-footer a:hover
{
background-color:#FDE87F;
/*color:#0090FF;*/
color:#0000FF;
}

p.cc-contacthead
{
/*text-align:justify-all;*/
text-align:center;
color:#000000;
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
font: Arial;
font-size:20px;
font-weight: bold;
text-decoration: none;
}

p.cc-vit
{
text-align:right;
color:#000000;
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
font: Arial;
font-size:24px;
font-weight: bold;
text-decoration: none;
}


/*  Navi
----------------------------------------------- */

ul.mainNav1
{
margin:0;
padding:0;
text-align:left;
list-style-type:none;
}

ul.mainNav1 li
{
display:inline;
margin:0;
padding:0;
text-decoration:none;
}

/* Fix fuer richtige Positionierung des Navi Admin Panel */

ul.mainNav1 { overflow:hidden; }
* html ul.mainNav1 { height:1%; overflow:visible; }

ul.mainNav1 li a, ul.mainNav1 li a:visited
{
display:block;
float:left;
text-decoration:none;
white-space:nowrap;
outline:none;
font: Calibri;
font-size:14px;
font-weight: bold;
line-height:200%;
/*color:#5F06FF;*/
color:#0000FF;
}

ul.mainNav1 li a, ul.mainNav1 li a:visited { padding: 5px 10px; }
ul.mainNav1 li a:hover { background-color:#FDE87F; 	color:#0000FF; }
/* color:#0090FF; */


/* style02 */

body
{
height:100%
}

body,p,h1,h2,h3,h4,h5,h6
{
margin:0;padding:0
}

img, a
img{border:0}
img{display:block}

blockquote
{
padding:0;
margin:0 0 0 20px;
}

ul,dl,ol
{
margin-top:0.5em;
margin-bottom:0.5em;
}

form,.inline{display:inline}

.c,.clear,.cc-clear{clear:both}

.cc-hidden{display:none}

.clearover{overflow:hidden}

.cc-clearover:after
{
content:"";
display:table;
clear:both;
*zoom:1
}

* html .clearover, * html .cc-clearover
{
height:1%;
overflow:visible;
}

.clearfix:after
{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden
}* html>body

.clearfix
{
display:inline-block;
width:100%
}* html

.clearfix{/*\*/height: 1%;/**/}

.hidden{display:none !important}










div#midfooter
{
width:90%;
padding:0px;
margin:0px;
font: normal normal bold 12px/140% Calibri;
line-height:140%;
overflow:hidden
}

* html div#midfooter
{
height:1%;
overflow:visible
}

div#midfooter div.row
{
float:left;
text-align:left;
width:100%
}

#midfooter:after
{
content:"";
display:table;
clear:both;
*zoom:1
}

#midfooter a{white-space:nowrap}






div#contentfooter
{
width:100%;
padding:0;
margin:0;
font-size:11px;
line-height:140%;
font-weight:normal;
overflow:hidden
}

* html div#contentfooter
{
height:1%;
overflow:visible
}

div#contentfooter div.leftrow
{
float:left;
text-align:left;
width:55%
}

div#contentfooter div.rightrow
{
float:right;
text-align:right;
width:42%
}

#contentfooter:after
{
content:"";
display:table;
clear:both;
*zoom:1
}

#contentfooter a{white-space:nowrap}

div#graphik-header
{
position:relative;
width:100%;
height:190px;
background-repeat:no-repeat;
line-height:0;
overflow:hidden;
margin-left: 0px;
}

strong#graphik-header-title
{
position:absolute;
font-size:20px;
font-weight:normal;
line-height:100%;
margin:0;
padding:0;
white-space:pre
}

img#graphik-header-logo
{
position:absolute;
background-position: center;
}

img#graphik-devices-img
{
position:relative;
background-position: center;
margin:10;
width:80%;
}




/* style03 */

html>.body{min-height:101%;height:101%}
.absolute{position:absolute !important}

div.cc-m-all div.cc-m-all-overlay
{
position:absolute;
z-index:100000;
cursor:pointer !important;
overflow:hidden
}

div.cc-m-all div.cc-m-all-overlay-bg
{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:gray;
opacity:0;
filter:alpha(opacity = 0);
z-index:-1
}

div.cc-m-all.cc-m-all-hover > div.cc-m-all-house > div.cc-m-all-content table, 
div.cc-m-all.cc-m-all-hover > div.cc-m-all-house > div.cc-m-all-content th,
div.cc-m-all.cc-m-all-hover > div.cc-m-all-house > div.cc-m-all-content tr, 
div.cc-m-all.cc-m-all-hover > div.cc-m-all-house > div.cc-m-all-content td,
div.cc-m-all.cc-m-all-hover > div.cc-m-all-house > div.cc-m-all-content table *, 
div.cc-m-all.cc-m-all-hover > div.cc-m-all-house > div.cc-m-all-content th *,
div.cc-m-all.cc-m-all-hover > div.cc-m-all-house > div.cc-m-all-content tr *, 
div.cc-m-all.cc-m-all-hover > div.cc-m-all-house > div.cc-m-all-content td *,
div.cc-m-all.cc-m-all-opened > div.cc-m-all-house > div.cc-m-all-content table, 
div.cc-m-all.cc-m-all-opened > div.cc-m-all-house > div.cc-m-all-content th,
div.cc-m-all.cc-m-all-opened > div.cc-m-all-house > div.cc-m-all-content tr, 
div.cc-m-all.cc-m-all-opened > div.cc-m-all-house > div.cc-m-all-content td,
div.cc-m-all.cc-m-all-opened > div.cc-m-all-house > div.cc-m-all-content table *, 
div.cc-m-all.cc-m-all-opened > div.cc-m-all-house > div.cc-m-all-content th *,
div.cc-m-all.cc-m-all-opened > div.cc-m-all-house > div.cc-m-all-content tr *, 
div.cc-m-all.cc-m-all-opened > div.cc-m-all-house > div.cc-m-all-content td *
{color:#666 !important;background-color:#F5F7F7 !important}

div.cc-m-all.cc-m-all-hover > div.cc-m-all-house > div.cc-m-all-content *, div.cc-m-all.cc-m-all-opened > div.cc-m-all-house > div.cc-m-all-content *{color:#666}
div.cc-m-all div.cc-m-all-editor{display:none;color:#000 !important;font:11px/20px Verdana, Geneva, Arial, Helvetica, sans-serif}
div.cc-m-all div.cc-m-all-editor a{color:#000 !important}
div.cc-m-all.cc-m-all-opened>.cc-m-all-house>div.cc-m-all-editor{display:block;padding:5px 3px}

div.cc-m-all.cc-m-all-opened
{
border-color:#E0DFE3 #B5B5B5 #B5B5B5 #E0DFE3 !important;
border-style:solid !important;
border-width:1px !important;
color:black !important;
text-align:left !important;
background-color:#F5F7F7 !important
}

div.cc-m-all div.cc-m-all-editor textarea{display:block;width:100%;border:1px solid #999;padding:0 !important}
div.cc-m-all div.cc-m-all-editor textarea:focus{background-color:#D9F0FB}
div.cc-m-all div.cc-m-all-footer{clear:both;margin-top:10px}
div.cc-m-all button.cc-m-all-save{float:left}

div.cc-m-all div.cc-m-all-editor h3
{
float:left;
font:32px/32px Helvetica,Arial,sans-serif;
color:#0092D6;
height:32px;
margin:0;
padding:5px 0 0 3px;
background:none
}
