/* @override http://zeec.dnsdojo.net:8883/wp-content/themes/zeec/style.css */

/*
	Theme Name: zeec.biz
	Theme URI: zeec GmbH
	Description: zeec from zeec GmbH <BR>&radic;
	Version: 1.1
	Author: Nic
 	Author URI: http://www.zeec.biz
*/

html
{
  background-color: #666666;
  font: normal 13px "Arial", Verdana, "Lucida Grande", Georgia, Sans-Serif;
  color: #666666; line-height: 17px;
  /*
  background-image: url(images/zeec_BG_Verlauf.jpg);
  background-attachment: scroll;
  background-repeat:repeat;
  background-position: center;
  */
  background-image: url(images/zeec_BG1.jpg);
  background-repeat:repeat-x;
	padding: 0;
	margin: 0;
}

body
{
	padding: 0;
	margin: 0;
  /*
	width: 1000px;
  height: 505px;
	margin: 0 auto;
	background-position: top left;
	background-image: url(images/zeec_BG_neu.jpg);
	*/
}

hr, .hr { border: none; border-bottom: 6px solid #ececec; height:0px;  }

a { font-weight: normal; color: #666666; border-bottom: 1px dotted transparent;}

a:link { color: #cc0000; text-decoration: none; border-bottom-color: #cc0000; }

a:visited { color: #cc0000; text-decoration: none; border-bottom-color: #cc0000; }

a:hover, a:active { color: #000000; border-bottom: 1px dotted transparent; border-bottom-color:  #000000; }

/* Typo links Hl groß */
baslik a:link {text-decoration: none; color: #cc0000;}


/* Html Elements */

h1, h2, h3, h4, h5, h6 { font-weight: normal; margin: 0px 0px 0px; padding:0px 0px 0px 0px; }

/* Farbe rot */
h1 a, h2 a,
{color:#cc0000; font-weight: normal;}

/* Typo links Hl groß */
h1 a:visited, h1 a:hover {text-decoration: none; color: #cc0000;}

/* Typo HL Presse in Copy */
h1 { color:#cc0000; font-size: 44px; line-height: 50px; }


/* Typo HL bei normaler Seite */
h2 { color:#cc0000; font-size: 26px; line-height: 30px; }

/* Typo Subheadline rot */
h3 {font-weight:normal; color:#cc0000;
font-size: 16px;
line-height: 16px;
border-bottom-width: 0px;
border-bottom-style: 1px dotted transparent; 
border-bottom-color: #990033;
padding: 5px 0px 0px 0px;;
}

h3 a {color:#cc0000}
h3 a:hover, h3 a:link {color:#CCCCCC;}

/* Typo Subheadline black */
h4 {font-weight:normal; color:#000000;
font-size: 16px;
line-height: 20px;
border-bottom-width: 0px;
border-bottom-style: 1px dotted transparent; 
border-bottom-color: #000000;
padding: 5px 0px 0px 0px;;
}

h5 {font-weight:normal; color:#990033;
font-size: 16px;
line-height: 20px;
border-bottom-width: 0px;
border-bottom-style: 1px dotted transparent; 
border-bottom-color: #990033;
padding: 5px 0px 0px 0px;
}



/* Für Articles, Autor und Datum und kleine Copy */
h6, h6 a, h6 a:hover, h6 a:active { font-size: 11px; color:#666666;padding: 5px 0px 0px 0px; }


ul, ol, blockquote, pre
{
  color: #000000;
	padding: 0px 20px;
	line-height: 1.8em;
}
.theme {position:absolute; overflow:hidden; left:1px; top:1px; width:0px; height:0px; z-index:0}


/* Kästchen vor Aufzählung */
ul {list-style-type: square; color: #666666}

blockquote, pre { background-color: #eeeeee; border: 1px solid #bbccdd; }

ins { text-decoration: none; color: #CCCCCC; }

del { color: #555555; }


/* Structure */

#container
{
  width: 766px;
  height: 0px;
	margin: 0 auto;
}

/*
#header { float: left; width: 100%; color: #FFFFFF; margin-top: 25px; margin-bottom: 25px }
*/

#navigation_outer {
  margin: 0;
  float: left;
  width: 100%;
  clear: both;
	background-image: url(images/zeec_BG_navi.jpg);
  background-repeat: no-repeat;
}

#navigation {
  margin: 0;
  width: 100%;
  margin: 65px 0px 0px 23px;
}


#page-header { clear: both; position: relative; margin-bottom: 20px; }

#wrapper {
  text-align: center;
	width: 766px;
	margin: 0 auto;
	background-image: url(images/zeec_BG_wrapper.jpg);
	background-repeat:repeat-y;
}

#wrapper_inner {
  text-align: center;
	width: 766px;
	margin: 0 auto;
	padding-left: 32px;
	background-image: url(images/zeec_BG_wrapper_inner.jpg);
	background-repeat: no-repeat;
}

#footer
{
  font-size: 10px;
	clear: both;
	color: #666666;
	text-align: center;
	width: 700px;
  margin: 0;
	padding-top:0px;
	padding-bottom:5px;
}



#footer_end
{
	width: 766px;
	height: 9px;
	margin: 0 auto;
	background-image: url(images/zeec_BG_footer_end.jpg);
	background-repeat: no-repeat;
}

/* Header */

#header h1
{
	padding: 0;
	float: left;
	width: 140px;
	margin: 0px 0;
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	border-right: 1px solid #999999;
}

#header h1 a:hover,
#header h1 a:active
{
color:#333333
	border-bottom-width: 0;
}

#header h2
{
  float: left;
  color: #990033;
  width: 250px;
  font-size: 12px;
  line-height: 2.5em;
  padding-left: 0px;
  text-transform: uppercase;
}

/* Suche */
#header #search
{float: right; }

#header #search input
{font-size: 10px; padding: 1px; border: 1px solid #999999; background-color: #FFFFFF; vertical-align: top; border-top: 0px}

#header #search input:hover
{background-color: #FFFFFF; border: 1px solid #999999; vertical-align: top; border-top: 0px}

/* Navigation */


/* Abstand Headline von Navi */
#navigation ul
{
  padding: 0;
	width: 100%;
	margin: 0 0 10px 0;
	list-style-type: none;
  background-color: none;
}

#level1 li { position:relative; float: left; list-style-type: none;}

#level2 li {
  color: #000000;
  background-color:aqua;
  float:none;
  width: auto;
}

#level1 a:link,
#level1 a:visited,
#level1 a:active
{
	display: block;
	color: #FFFFFF;
	padding: 5px 10px;
	border-bottom-width: 0;
}

#level1 a:hover
{
	color: #FFFFFF;
	background-color: none;
	background-image: url(images/menu.jpg);
	background-repeat: repeat-x;
}

#level1active,
#level1active a:link,
#level1active a:hover,
#level1active a:active,
#level1active a:visited
{
  background-color: none;
	background-image: url(images/menu_aktiv.jpg);
	background-repeat: repeat-x;
	color: #000000;
}

#baslik a:active
{
	color: #ffffff; background-color: #333333;

}


/* Typo HL nicht verwendet? */
/*
body#bmission li#lmission a {color: #eff8ff; background-color: #333333;}
*/

/* Page-Header */

#page-header ul
{
	bottom: -8px;
	right: 10px;
	margin: 0;
	padding: 0;
	float: left;
	position: absolute;
	list-style-type: none;
}

#page-header li { float: left; }

#page-header li a:link,
#page-header li a:visited
{
	float: left;
	display: block;
	margin: 0 10px;
	padding: 5px 20px;
	color: #ffffff;
	border-bottom-width: 0;
	background-image: url(images/menu.png);
	background-repeat: repeat-x;}

#page-header li a:hover,
#page-header li a:active
{
	background-image: url(images/menu_hover.png);
}

/* Wrapper */

/* Abstand Typo Liste unten */
.col { width: 223px; float: left; margin: 0 5px; text-align: left; }
.col ul { margin: 0 0 0 12px; padding: 0; line-height: 1.5em;  }
.col li { padding-top: 0px; padding-bottom: 4px; }

/* Abstand 3 Colums zu Copy */
.col h3 { font-size: 13px; padding: 0px 10px; margin-top: 40px; margin-bottom: 4px; }

/* Laufweite Inhalt */
.yazi {
  width: 700px;
  float: left;
  margin: 40px 0 0;
  text-align: left;
}







/* Fond Tags */
#links h3 {background-color: #181818; color:#999999;text-transform: uppercase; padding: 5px 5px 5px 10px;}

/* Fond Neue Artikel */
#content h3 {background-color: #181818;color:#999999;text-transform: uppercase;padding: 5px 5px 5px 10px;}

/* Fond Archiv */
#sidebar h3 {background-color: #181818;color:#999999;text-transform: uppercase;padding: 5px 5px 5px 10px;}



/* Typo Links und Hl bei Rollover */
#yazi a:hover, #links a:active { color: #000000; border-bottom-color: #666666; }

/* Typo links Tags */
#links a:link { color: #666666; border-bottom-color: #666666; }
#links a:visited { color: #666666; border-bottom-color: #666666; }
#links a:hover, #links a:active { color: #000000; border-bottom-color: #000000; }

/* Typo Neue Artikel */
#content a:link { color: #666666; border-bottom-color: #666666; } 
#content a:visited { color: #666666; border-bottom-color: #666666; }
#content a:hover, #links a:active { color: #000000; border-bottom-color: #000000; } 


/* Typo Archiv */
#sidebar a:link { color: #666666; border-bottom-color: #666666; }
#sidebar a:visited { color: #666666; border-bottom-color: #666666; }
#sidebar a:hover, #links a:active { color: #000000; border-bottom-color: #000000; }



/* Footer */

#footer a:link { color: #666666; border-bottom-color: #666666; }

#footer a:visited { color: #666666; border-bottom-color: #666666; } 

#footer a:hover, #footer a:active { color: #000000; border-bottom-color: #000000; }

#footer p { margin: 5px 0; }


/* Hinzugefügt von René */
h1, div.h1-style {
	color: #CC0000;
	display: inline;
	font-size: 24px;
	line-height: 140%;
	/*width: 450px;*/
}
h2 {
	color: #000000;
	font-size: 18px;
	line-height: 140%;
	margin-top: 20px;
	/*width: 530px;*/
}
h4 {
	font-size: 14px;
}
li {
	font-size: 14px;
}
li strong {
	color: #000;
	font-weight: normal;
}
#yazi p strong {
	color: #000;
	font-weight: normal;
}
#yazi p {
	font-size: 14px;
	line-height: 160%;
	/*width: 530px;*/
}
#yazi p.date {
	font-size: 12px;
}
#yazi table p {
	font-size: 13px;
	/*width: 220px;*/
}
table td a,
table td img {
	border: 0 !important;
}
a, li {
	line-height: 160%;
}
#lbBottom a, #lbPrevLink, #lbNextLink, a.lightbox, a.lightbox img {
	border: 0 !important;
}
ul.thumbs {
	padding: 0;
}
ul.thumbs li {
	float: left;
	list-style: none;
	margin: 0 20px 0 0;
	padding: 0;
}
ul.thumbs li a img {
	border: 1px solid #CCC !important;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}

/* --------------------- */