@charset "utf-8";

/* ##################################
Basics design adjustments for font and background 
desgin-1 = standard with color scheme organge/blue
   ################################## */
   
    * { margin:0; padding: 0; } 
  
body.design-1  {
	margin: 0; /*  to be conform to standard browers*/
	padding: 0; /*  to be conform to standard browers*/
	text-align: center; /*  to center the corpus div for  IE5, see */
	color: #000000; /* black as standard */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%; /* sets the factor to overwrite the standard browser size of browser*/
/*	background-color: #99cccc; 	*/
	background-image: url(image/back-1.jpg); 
	background-repeat: repeat-x;
	background-attachment:fixed;
    }

/* Generelles Link-Style */

img { border:0px solid #fff; }
	
a:link {
/*	color: #0081C7; */
/*         #336600; */
    color: #0054a8;
/*  color: #005e91; */
	text-decoration: none;
}
a:visited {
	text-decoration: none;
/*	color: #0081C7; */
    color: #0054a8;
	font-style: normal;
}

a:hover {
	text-decoration: underline;
/*	color: #ff6600; */
	color: d2691e;
/*	font-weight: normal; */
	font-style: none;
}
a:active {
	text-decoration: none;
/*	color: #0081C7; */
	color: #0054a8;
	font-style: none;
}

ul {
    padding-left: 20px;
    margin-left: 20px;
    list-style-type: square;
    }
ol {
    padding-left: 20px;
    margin-left: 20px;
    }

/* ##################################
Struture for page = order of div's = basic properties

###################################*/
	
	
.design-1 #corpus {         /* contains all other div's */
	width: 798px;           /* to fit size of 6 x 133px of each link in menu-1 */
	margin: 0 auto;         /* value "auto" centers the pages in combination with width */
	border-style: solid;
	border-width: 1px;
	border-color: #DDDDD0;  /* or an other color or none */
	background: #FFFFFF;    /* white */
	text-align: left;       /* Hierdurch wird die Einstellung text-align: center im Body-Element ueberschrieben. */
	padding-top:10px;
	margin-top: 15px;
}

.design-1 #head {           /* contains only banner */
	width: 798px;           /* to fit size of 6 x 133px of each link in menu-1 */
    height: 126px; 
	padding: 0 0 0 0px;  
    background-image: url(image/chiemgauerlogo-ba-schrift-798.jpg); 
}

.design-1 #nav {            /* contains the menu bar */
	width: 798px;
	padding: 0 0 0 0px;
	background-color: #999999;
	}
	
.design-1 #navsub {         /* contains an optinal  sub menu bar*/
	width: 798px;
	padding: 0 0 0 0px;
	color: #FF9966;
	}	
	
.design-1 #main-1 {         /* contains the  broader column */
    	margin: 0px;
    	padding: 5px 0 5px 5px;
		width: 570px;
		overflow: hidden;
	}		

.design-1 #side {           /* contains the smaller column */
	float: right;           /* here you may change the position of column */
	width: 200px;           /* caution to width of #main-1: because adding below padding, margin */
	padding: 5px 10px 5px 5px;
	display: inline; /* ie bugfix double float */
    }

   
.design-1 #foot { 
    	width: 798px;       /* to fit size of 6 x 133px of each link in menu-1 */
		padding: 0 0px 0 0px; /* Diese Auffuellung entspricht der linksbuendigen Ausrichtung der Elemente in den divs, die darunter erscheinen. */
    	background:#eeeeee; 
    } 
	
	
/* ##################################
floating properties

################################### */	

.clearfloat {               /* Diese Klasse sollte in einem div- oder break-Element platziert werden und das letzte Element vor dem Schließen eines Containers sein, der wiederum einen vollst�ndigen Float enthalten sollte. */
    	clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
		}
		
.clearer2 {
    clear:both;
}

/* ##################################
   design properties
   ################################## */	

/* Styles f�r Spalte rechts */
/* War: .box-side-1 { /* with bgcolo */
div#side div.box { /* with bgcolo */
	width: 200px; /* caution to width of #main-1: because adding below padding, margin */
	margin: 0px;
	margin-bottom: 10px;
	padding: 2px;
	padding-bottom: 10px;
	background: #fff; /*slight gray*/
	border: 1px dotted #ccc;
	}
/* Link-Styles fuer Spalte 
div#side div.box a:link ,
div#side div.box a:visited,
div#side div.box a:hover,
div#side div.box a:active {
	color: inherit;
	text-decoration: none;
	font-style: normal;
}
*/

/* IE-Stuff */
.design-1 #foot p {
    	margin: 0; /* to avoid trouble with IE */
    	padding: 10px 0;
    }
	
div#main-1 div.box div.csc-header {
	margin-top: 15px;
}
div#main-1 div.box div.csc-header h1 {
	color: #0054a8;
	font-size: 20px;
	margin-bottom: 6px;
}
div#main-1 div.box div.csc-header h1.csc-firstHeader {
	color: #0054a8;
	font-size: 18px;
}

h2 {
    font-size: 16px;
	color: #0054a8;
	margin-top: 15px;
	margin-bottom: 6px;
}
h3 {
    font-size: 14px;
	color: #20a1e7;
	margin-top: 15px;
	margin-bottom: 6px;
}

.main-category {
	color: #ec7404;
	padding-top: 5px;
	padding-left: 5px;
	width: 175px;
	border-right-color: #999999;
	border-right-width: 1px;
	border-right-style: dotted;
	border-top-width: thin;
	border-right-color: #999999;
	border-top-color: #999999;
	border-top-style: none;
	border-bottom-color: #eeeeee;
	border-bottom-style: dotted;
	padding-bottom: 2px;
	border-bottom-width: thin;
	background-position: left;
	background-repeat: no-repeat;
	margin-top: 30px;
}

.proper {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-variant: small-caps;
}


.special-1 { /*emphasis for important figures etc*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	color: #ec7404;
	text-align: center;
}

/* War: .box-1 { */
div#side div.csc-header,
div#side div.csc-header h1 {
	color: #FFFFFF;
	margin: 0px;
	text-align: center;
	background-color: #ec7404;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
}
div#side div.csc-header h1 {
    background-color: transparent;
	width: auto;
}
div#side div.csc-header h1 a:link,
div#side div.csc-header h1 a:hover,
div#side div.csc-header h1 a:visited {
    color: #fff;
	background-color: transparent;
	text-decoration: none;
	font-weight: bold;
	font-style: normal;
}
div#side div.csc-header h1 a:hover {
	text-decoration: underline;
	font-weight: bold;
}

.h3-m2 {
	color: #FF8000;
	padding-top: 5px;
	padding-left: 10px;
	width: 150px;
	border-left-color: #999999;
	border-left-width: thin;
	border-bottom-color: #eeeeee;
	border-left-style: dotted;
	border-top-width: thin;
	border-right-color: #999999;
	border-top-color: #999999;
	border-top-style: dotted;
	padding-bottom: 5px;
	border-bottom-width: thin;
}

.side-indent {
	padding-left: 5px;
	}
	
.headline-flash {
	font-weight: bold;
	}


/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
/* War:  ul.menu-horizontal */
ul.csn-nav1
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 95%;
	cursor: default;
	width: auto;
	color: white;
}
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
/* War: ul.menu-horizontalActive */
ul.csn-nav1
{
	z-index: 1000;
	color: white;
}
/* Menu item containers, position children relative to this container and are a fixed width */
/* ul.menu-horizontal li */
ul.csn-nav1 li
{   
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	position: relative;
	text-align: left;
	cursor: pointer;
	width: 133px;
	float: left;
	font-family:Arial, Helvetica, sans-serif;
	display: inline;
	color: white;	
}

/* Menu item containers are same fixed width as parent */
/* War: ul.menu-horizontal ul li */
/*******************************************************************************

 DESIGN INFORMATION: describes color scheme, borders, fonts

 *******************************************************************************/


/* Menu items are a blue block with padding and no text decoration */
ul.csn-nav1 li.csn-nav1,
ul.csn-nav1 li.csn-nav1 a
{
	color: white;
}

ul.csn-nav1 a,
ul.csn-nav1 li a
{
	display: block;
	cursor: pointer;
	background-color: #999999;
	padding: 10px;
	font-weight:bold;
	text-decoration: none;
}
/* Menu items that have mouse over or focus have a light blue background and white text */
ul.csn-nav1 a:hover,
ul.csn-nav1 a:focus,
li.csn-nav1-act,
ul.csn-nav1 li.csn-nav1-act,
ul.csn-nav1 li.csn-nav1-act a.csn-nav1-act
{
	background-color: #99B3CA;
	color: black;
	text-decoration: none;
	font-weight: bold;
}

ul.csn-nav1 li {
	list-style-image: url(../images/square.gif);
	}
ul.csn-nav1 a:visited {
    font-style: normal;
    }
	

/* *************************** 
   Styles 2. Men�ebene 
   *************************** */

ul.csn-nav2
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 95%;
	cursor: default;
	width: 798px;
}
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.csn-nav2
{
	z-index: 1000;
}
/* Menu item containers, position children relative to this container and are a fixed width */
ul.csn-nav2 li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	position: relative;
	text-align: left;
	cursor: pointer;
	width: 133px;
	float: left;
	font-family:Arial, Helvetica, sans-serif;
	display: inline;	
	list-style-image: url(../images/square.gif);
}

ul.csn-nav2 a
{
	display: block;
	cursor: pointer;
	background-color: #ffffff;
    padding: 0.5em 0.75em;
/*	color: red; */
	font-weight:bold;
	text-decoration: none;
}
/* Menu items that have mouse over or focus have a light blue background and white text */
ul.csn-nav2 a:hover,
ul.csn-nav2 a:focus,
ul.csn-nav2-act,
ul.csn-nav2 li.csn-nav2-act,
ul.csn-nav2 li.csn-nav2-act a.csn-nav2-act
{
    background-color: #ddd;
    color: #333333;
    text-decoration: none;
    font-weight: bold;
}

ul.csn-nav2 a:visited {
    font-style: normal;
}


div#cont {
    clear: both;
/*    border: 5px solid red; */
}


.csc-textpic-caption {
    font-size: 90%;
    background-color: #999;
    color: white;
}
div.csc-textpic-imagewrap {
    border: 1px solid #999;
    background-color: #999;
    color: white;
    font-style: normal;
}

div#navsub:after {
    clear:both;
};


td.csc-uploads-fileName {
    font-size: 9px;
}

table.csc-uploads {
    font-size: 9px;
}

/* Verstecken, solange Drop-Downmenu nur eine Nav braucht */
#navsub, #navsub .*{
    visibility:hidden;
    background-color: #fff;
   padding: 0em;
   margin: 0em;
}


/* Webshop-Styles */

div.tt_products_item_single_display h1 {
	color: #0054a8;
	margin-top: 10px;
	font-size:18px;
}