html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,pre,form,fieldset,input,blockquote,label,legend,caption,tbody,tfoot,thead,object,iframe,img,ins,kbd,q,a,abbr,acronym,address,big, cite,code,tt,var,del,dfn,samp,sub,sup,em,strong,small,strike {margin:0;padding:0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
	
	address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
	ol,ul {list-style:none;}
	caption,th {text-align:left;}
	blockquote, q {quotes: none;}
	em {font-style:  italic;}
	strong {font-weight: bold;}
	:focus {outline: 0;}

	body {
	background-color: #ffffff;
	font-family: Verdana, Calibri, Tahoma, sans-serif;
	font-size:100%; /* calculate: 0.75em = 12px - 0.875em =14px etc.. */
	line-height:1.125em;
	text-align:center;
	}

	#container {
	width:960px;
	margin: 0 auto;
	text-align: left;
	position:relative;
	}

  .breadcrumbs { text-align: right; top:-1.5em; margin:0; padding:0 10px 0 0; font-size:0.69em !important; }

  .drobecky {margin: 0; background-color: #fff; text-align: right; font-size: 0.40em;}
  .drobecky a {text-decoration: underline;}

	#top_nav {float: right;}
  
	#top_nav li {
	display:block;
	float:left;
	padding-right: 3px;
	}

	#top_nav li a:link, #top_nav li a:visited {
	display:block;
	float:left;
	color: #525252;
	text-decoration: none;
	margin: 0 10px 0 0;
	padding: 0 10px 0 0;
	text-transform: uppercase;
	font-size: 0.65em;
	border-right: 1px solid #E4E4D4;
	font-weight:  bold;
	}

	#top_nav_l {float: left; margin: 0; padding: 0;}
  
	#top_nav_l li {
	float: right;
	margin: 0 3px 0 3px;
	text-transform: uppercase;
	font-size: 0.65em;
	}

	#top_nav_l li a:link, #top_nav_l li a:visited {
	color: #525252;
	text-decoration: none;
  margin: 0 0 3px;
	font-weight:  bold;
	}

	#odpocet {
	display:block;
	float:left;
	color: #525252;
	text-decoration: none;
	margin: 0 10px 0 0;
	padding: 0 10px 0 0;
	text-transform: uppercase;
	font-size: 0.65em;
	border-right: 1px solid #E4E4D4;
	font-weight:  bold;
	}

	#top_nav li a:hover {color:  #000;}
	#top_nav li a.last {border-right: 0;padding: 0;margin: 0;}

	#top_nav_l li a:hover {color:  #000;}
	#top_nav_l li a.last {border-right: 0;padding: 0;margin: 0;}
	
	#header {width: 960px; margin: 10px 0 15px 0; position: relative; float: right; font-size: 110%;}

	#nav {width: 310px; height: 325px; background-color: #1B6A82; float:  left; margin: 10px 0 0 0;}
	#header .header_image {background: url(img/logodbz-2.jpg); float: right; width: 635px;height: 325px; margin: 10px 0 0 0; z-index: -1}
	#blend {position: absolute;right: 20px;bottom: 15px;}
	#blenda {color: #BFC4BF; width: 280px; position: absolute; right: 10px; bottom: 55px;}

	#nav li {margin: 18px 0 0 20px;}
	#nav li a:link, #nav li a:visited {text-transform: uppercase;color: #ffffff;font-size: 1.0em;text-decoration: none;display:block;}
	#nav li a:hover, #nav li a.current {color: #F2E69F;}

	#content, #footer {clear: both;}

	#footer {width: 960px;height: 120px;background-color: #E1E6E1;}

	#footer #address {margin: 10px 0 0 20px;padding-top: 25px;}
	#footer #address p {margin-top: 2px;}
	#footer #address address {margin-bottom: 0;line-height: 1.35em;}
	#footer #address img {display:  block;float:  left;margin-right: 25px;}
	#footer #address small {display:  block;margin-bottom: 2px;}

	#footer ul {float:  right;width: 350px;text-align: right;padding-top: 25px;}
	#footer ul li {margin: 0 0 2px 0;}

	/*--------- general main content styles -----------------*/
	#content h1 {font-family: Optima, Verdana,"Lucida Sans Unicode", sans-serif;
	background-color: transparent;
	color: #525252;
	border-bottom: 1px dotted #B2B2B2;
	padding-bottom: 4px;
	line-height: 1.1em;
	font-size: 1.15em;
	margin: 10px 25px 1.1em 25px;
	text-transform: uppercase;
	}


	#content h2, #content h3 {font-family: Optima, Verdana,"Lucida Sans Unicode", sans-serif;
	background-color: transparent;
	color: #525252;
	border-bottom: 1px dotted #B2B2B2;
	padding-bottom: 4px;
	line-height: 1.1em;
	font-size: 1.1em;
	margin: 10px 25px 1.1em 25px;
	text-transform: uppercase;
	}

	#content h3 {font-size: 1em;margin-bottom: 1em;}

	#content h4 {font-family: Optima, Verdana,"Lucida Sans Unicode", sans-serif;
	background-color: transparent;
	color: #525252;
	padding-bottom: 4px;
	line-height: 1.1em;
	font-size: 1.15em;
	margin: 10px 25px 1.1em 25px;
	text-transform: uppercase;
	}

	#content h4 {font-size: 1em;margin-bottom: 1em;}

	#content p, #content ul, #footer p, #footer address, #footer ul, #lokatie #content .side address, #contact #content .side address, label, input, #doc_list td {
     font-family: Verdana, "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	   background-color: transparent;
	   color: #525252;
	   line-height: 1.35em;
	   font-size: 0.8125em;
	   margin: 0 25px 0 18px;
	}

	#content ul {list-style-type: square;margin-left: 40px;}
  #content ul li {margin: 0 0 0.5em 0;}

	#content a:link, #content a:visited, #footer #address p a:link, #footer #address p a:visited, #footer ul li a:link, #footer ul li a:visited {color: #342224;background-color: transparent;text-decoration:  none;border-bottom: 1px dotted #342224;}

	#content a:hover, #footer #address p a:hover, #footer ul li a:hover {color: #000000;border-bottom: 1px solid #000000;}

	/* ---- 1 main column ------ */
	.f_l {padding: 20px 0;background-color: #E1E6E1;width: 960px;clear: both;overflow:  auto;}

	/* ---- sidebar left, main right ---- */
	.s_m {margin: 15px 0; padding: 10px 0;width: 960px;background: transparent url(img/pozadi2s.jpg) top right repeat-y;overflow:  auto;clear: both;}
	
  .s_m .side .imgalery {text-align: center; margin-left: auto; margin-right: auto;}
  .s_m .side .imgsoubor img {text-align: center; margin: 20px auto 10px auto;}
  .s_m .side h4 {margin: 0 0 1.9em 0;}
  .s_m .side {width: 310px; float: left;}
	.s_m .main {width: 635px; float: right; padding: 0 0 0 10px;}
  .main p {padding-bottom: 15px;}  

  
	/* ---- sidebar right, main left ---- */
	.m_s {margin: 15px 0;padding: 20px 0;width: 960px;background: transparent;overflow:  auto;clear: both;}
	.m_s .side {width: 310px; float: right;}
	.m_s .main {width: 635px;float:  left;}

	/*  ----- 3 columns  ----------------- */
	.t_c {
      margin: 15px 0; 
      padding: 20px 0; 
      width: 960px; 
      background: transparent url(img/pozadi3s.jpg) top right repeat-y;
      overflow:  auto;
      clear: both;}
      
	.t_c_l {float: left; width: 305px; margin: 0 20px 0 5px; padding: 0;}
	.t_c_m {float: left; width: 305px; margin: 0 20px 0 0; padding: 0;}
	.t_c_r {float: left; width: 305px; margin: 0 20px 0 0; padding: 0;}
	.t_c .t_c_r {margin: 0;}

	.fr {float:  right; margin: 0 25px 25px 25px;display:  block;background-color: #ffffff;padding: 5px;}
	.fl {float:  left; margin: 0 25px 25px 25px;display:  block;background-color: #ffffff;padding: 5px;}
	.center {margin: 25px 0;display:  block;background-color: #ffffff;padding: 5px;}

   .t_c h4 {font-family: Optima, Verdana,"Lucida Sans Unicode", sans-serif;
	   background-color: transparent;
	   color: #525252;
	   padding-bottom: 4px;
	   line-height: 1.1em;
	   font-size: 1.0em;
	   margin: 10px 25px 1.1em 25px;
	   text-transform: uppercase;
	   
	   }

     h5 {font-size: 1em;}

/* table styles */
.repe {
  padding-left: 30px;
}

table {
  text-align: left;
  margin: 0 auto;
	border: none;
	margin: 10px 20px 0 30px;
	color: #525252;
	font-size: 90%;
	}

table td, table th {
	border: none;
  margin: 0 0 0 10px;
}

table tr th {
	color: #fff;
	padding: 0 0 0 0;
	text-align:  center;
}

table tr td {
	padding: 5px;
	margin-left:10px;
}

table tr td ul {
	margin:0;
	text-align: left;
	padding: 0;
}

table tr td ul li {
	list-style:none;
	margin: 0;
	padding: 0;
}

.zahlavi td {
  background: #F0F3F0;
}

.lichy td {
  background: #E1E6E1;
}

.sudy td {
  background-color: #DCDCDC;
}

.barevny td {
  background-color: #B09AA4;
}

h2 small, h3 small {
	font-size: 65%;
  display: block;
  float: right;
	}

#terp_contact	{
	width: 90%;
	margin: 0 0 0 20px;
}

label, input, textarea{
	display: block;
	margin: 0 0 0 0;
}

input, textarea{
	padding: 2px;
	margin: 2px 0 0 0;
	border: 1px solid #525252;
	border-color: #b2b2b2 #525252 #525252 #b2b2b2;
	background-color: #ffffff;
}

input:focus, textarea:focus{
	border: 1px solid #000;
	background-color: #f8f8f8;
}

textarea {
	height: 175px;
  width:450px;
	overflow: auto;
}

#content form table h3 {
  font-size: 1em; 
  margin: 10px 25px 0 25px;
	border-bottom: none;
	padding-bottom: 0px;
	line-height: 0.9em;
	font-size: 1em;
	text-transform: none;
}

#form_submit {
	width: 75px;
	padding: 1px 5px;
}

#form_submit:hover {cursor: pointer;}

.hiddenFields {display: none; }

.error {color: red;}
input.error, textarea.error {border: 1px solid red;}

#home .calendar li p, #nieuws .calendar li p {font-size: 1em;margin: 0 5px 0 5px;}

/*--- docenten lijst op lessen pagina ---*/

#doc_list {
	margin: 0 25px 25px 25px;
	border-collapse: collapse;
	background-color: transparent;
	width: 250px;
	border: 0;
}

#doc_list td {background-color: transparent;vertical-align: top;padding: 10px 5px;border: 0;}

#doc_list td a {
	font-size: 1.1em;
	color:  #525252;
	display:  block;margin-bottom: 5px;
}

#doc_list td img {display:  block;background-color: #ffffff;padding: 5px;}


#gal_holder {margin: 5px 20px 20px 20px;}

code {font-size: 1.1em; color: #689543;}

#nieuws #content p+h2 {margin-top: 3em;}
#home .t_c_m p+h3 {margin-top: 3em;}


/**** LINK-tag style sheet colors_css ****/

#home #nav, #home #footer {background-color: #603348;}
#home #footer a, #home #footer #address a {color: #fff; border-bottom: 1px dotted #fff;}
#home #content .t_c {background: #eeeeee url(img/pozadi3s.jpg);}
#home #content .m_s {background: #eeeeee url(img/pozadi2s.jpg) top left repeat-y;}
#home #footer p, #home #footer ul, #home #footer #address, #home #footer address {color: #B8A4AD;}
#home #footer a, #home #footer #address a {color: #fff;border-bottom: 1px dotted #fff;}


#lessen #nav, #lessen #footer {background-color: #1B6A82;}
#lessen #content .t_c {background: #eeeeee url(img/pozadi3s.jpg) top left repeat-y;}
#lessen #content .m_s {background: #eeeeee url(img/pozadi2s.jpg) top left repeat-y;}
#lessen #content .s_m {background: #eeeeee url(img/pozadi2s.jpg) top left repeat-y;}
#lessen #footer p, #lessen #footer ul, #lessen #footer #address, #lessen #footer address {color: #99BCC7;}
#lessen #footer a, #lessen #footer #address a {color: #fff;border-bottom: 1px dotted #fff;}

#nieuws #nav, #nieuws #footer, #contact #nav, #contact #footer, #lokatie #nav, #lokatie #footer{background-color: #868A90;}
#nieuws #footer a, #nieuws #footer #address a, #contact #footer a, #contact #footer #address a {color: #fff;border-bottom: 1px dotted #fff;}
#nieuws #content .m_s, #contact #content .m_s, #lokatie #content .m_s {background: #eeeeee url(img/pozadi2s.jpg) top left repeat-y;}
#nieuws #footer p, #nieuws #footer ul, #nieuws #footer #address, #nieuws #footer address {color: #C9CBCD;}
#nieuws #footer a, #nieuws #footer #address a {color: #fff;border-bottom: 1px dotted #fff;}

#junior_company #nav, #junior_company #footer {background-color: #19222D;}
#junior_company #content {background: #eeeeee url(img/pozadi2s.jpg) top left repeat-y;}
#junior_company #footer p, #junior_company #footer ul, #junior_company #footer #address, #junior_company #footer address {color: #fff;}
#junior_company #footer a, #junior_company #footer #address a {color: #fff;border-bottom: 1px dotted #fff;}

#gallery #content .f_l {background-color:  #303030;}
#gallery #nav, #gallery #footer {background-color: #121212;}
#gallery #footer a, #gallery #footer #address a {color: #868A90;border-bottom: 1px dotted #868A90;}

#stage #nav, #stage #footer {background-color: #800000;}
#stage #content .s_m {background: #fff url(img/pozadi2s.jpg) top left repeat-y;}
#stage #footer p, #stage #footer ul, #stage #footer #address, #stage #footer address {color: #C68D8D;}
#stage #footer a, #stage #footer #address a {color: #fff;border-bottom: 1px dotted #fff;}

#links #nav, #links #footer {background-color: #002340;}
#links #content .m_s {background: #fff;}
#links #footer p, #links #footer ul, #links #footer #address, #links #footer address {color: #A69EA0;}
#links #footer a, #links #footer #address a {color: #fff;border-bottom: 1px dotted #fff;}

#gallery #content h2, #gallery #content h3 {color:#ffffff;}
#gallery #content p {color:#DCDCDC;}

#brand {
background: #84232E;
margin: -2px 0 -9px 0;
padding:7px 4px 2px 2px;
}

#brand p{
     font-family: Verdana, "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	   background-color: transparent;
	   color: #fff;
	   line-height: 1.35em;
	   font-size: 0.8125em;
	   margin: 0 25px 0 18px;
	}

.smallcaps{
font-variant:small-caps;
font-size: 0.70em;
}

.vpravo{
text-align: right;
margin-right: 20px;
}

.doblok {
text-align: justify;
margin: 10px 5px 0 5px;
}

.reped {
text-align: justify;
margin: 30px 5px 10px 30px;
padding-left: 200px;
font-size: 1.6em;

} 

.txt-nastred {
text-align: center;
}

#nastred {
margin-left: 60px;
margin-top: 15px;
margin-bottom: 30px;
width: 186px;
}

.stred {
margin-left: 60px;
margin-top: 15px;
margin-bottom: 30px;
width: 186px;
}

.stred250 {
margin-left: 25px;
margin-top: 15px;
margin-bottom: 30px;
width: 186px;
}


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

.row {
	margin-left: auto;
	margin-right: auto;
}
#ram2 {
 color:#525252;
 background-color:#E1E6E1;
}

.ramecek {
  float: left;
	margin-left: 13px;
	margin-bottom: 12px;
  width:168px;
  border: solid 1px #D6D6D6;	
}

.row .ramecek {
 padding:3px;
 margin-left: 4px;
 margin-right: 3px;
}

.row .ramecek .obsah {
  width: 159px;
	line-height:100%;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 7px;
}
.row .ramecek .obsah img {
  margin:5px 5px 5px 5px;
}

#ram2 .ramecek .obsah h1{
	font-size: 0.8em;
	border-bottom: 0px;
	line-height: 1.2em;
	margin: 10px 5px 7px 5px;
	text-transform: none;
	text-align: center;
}    

/************************************/
#ram3 {
 margin-left: 25px;
 color:#342224;
}

.ramecek3 {
  float: left;
	margin-left:12px;
	margin-bottom: 12px;
  width: 168px;
  height: 275px;
  border: solid 1px #D6D6D6;	
  background-color: #D1D2CC;
}

.row .ramecek3 .obsah img {
  margin:7px 4px 5px 8px;
}

#ram3 .ramecek3 .obsah h5{
	font-size: 0.8em;
	border-bottom: 0px;
	line-height: 1.2em;
	margin: 10px 5px 7px 5px;
	text-transform: none;
	text-align: center;
}