/*
Theme Name: Cymage
Theme 
Description: Das ist das Template
Version: 1.0
Author: M. W.
Author 
Tags: 
*/

/* STYLE-Reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/*Style-Css*/

/*Layout*/

html {height:100%; overflow:scroll;}

#header #headline { font-size:0.7em; color:#002843; float:left; margin:4px 0 0 55px;}

#container {width:905px; position:relative; margin:2% auto; height:auto;}
#header { width:903; height:180px; position:relative; border-left:1px solid #BFBFBF; border-right:1px solid #BFBFBF; border-top:1px solid #BFBFBF;}
#logo { position:relative; width:263px; height:50px; float:left;}
#navigation { position:relative; width:598px; float:left; border-bottom:1px solid #BFBFBF; padding:0 0 0 42px; z-index:1000;} 
#main #cont1 { position:relative; width:380px; float:left; margin:0 28px 0 0;} 
#main #cont2 { position:relative; width:380px; float:left;} 
#main #cont3 { position:relative; width:800px; float:left;} 
#main {position:relative; border-left:1px solid #BFBFBF; border-right:1px solid #BFBFBF; border-bottom:1px solid #BFBFBF; padding:0 50px 30px 55px; min-height:240px;}
#footer {padding:5px 0 0 55px;}
#footer .footer {padding:0 0 0 0;}
#sidebar {position:left; width:auto; margin:0 0 0 0;}
#main .storycontent {position:relative;}

#cont3 #dhtmlgoodies_slideshow {padding:50px 0 0 0;}

#team li {float:left; width:260px;}
#team img {float:left;}

#sidebar_news { position:relative; float:left;}
#maincontent {position:relative;}
#content {position:relative; float:right; text-align:left; width:auto;}
#content2 {position:relative; text-align:left; width:533px;}

#sidebar ul {margin:0 0 40px 12px;}
#sidebar li {float:left; width:190px; list-style-position:inside; list-style:url(http://www.cymage-media.com/wp-content/uploads/2010/08/list.jpg); }

#sidebar ul li a {color:#002843;}

#cont3 #theImages {margin:20px 0 0 0;}

#sidebar li {color:#888; line-height:1.3em; font-size:0.7em; margin:0 0 0 0; }

#sidebar li a:hover {color:#BBB;}

/*Style*/

body, html { font-family:Geneva, Arial, Helvetica, sans-serif;}
body, html a { text-decoration:none; color:#BBB;}
body, html a:hover { text-decoration:none; color:#002843;}
#main p, .footer, #sidebar p, #main #cont3 p, #team li {color:#888; line-height:1.6em; font-size:0.7em; margin:0 0 16px 0; text-align:justify;}
.footer {color:#888; font-size:0.6em; margin:0; text-align:justify;}
#main strong { font-weight:bold;}
#main h2 {color:#888; line-height:1.3em; font-size:0.8em; font-weight:bold; margin:0 0 10px 0;}
#footer img {border:0; height:14px; width:14px;}
#footer a {margin-right:6px; color:#888;}
#main #menu { font-size:0.8em; color:#888; line-height:1.3em;}
#main #menu ul li ul li a { font-size:0.85em; color:#888; line-height:1.3em; font-weight:normal;}
#main #recent-posts-3 { font-weight:bold;} 
#main #menu ul li ul li { list-style:square; list-style-position:inside; color:}
#main #theImages a img {margin:0 8px 0 0;}
#sidebar p {margin:0; }

#main .alignleft {float:left;}
#main .alignright {float:right;}

/*Navigation*/

#navigation ul li { float:left;}
#navigation ul li a { font-size:0em; color:none;}
#navigation ul li a:hover { color:#002843;}
#navigation ul li ul { display:none;}
#navigation ul li:hover ul { display:block;}
#navigation ul li ul li { padding:6px; width:100px; height:8px; float:none; font-weight:bold; padding:8px 0 0 16px; font-family:Arial, Helvetica, sans-serif;}
#navigation .children li a { font-size:0.7em; color:#BFBFBF;}
#navigation ul li ul li a:hover { color:#002843;}

#navigation .page-item-2 { background:url(http://www.cymage-media.com/wp-content/uploads/2010/07/Work_inaktiv.jpg) no-repeat; width:145px; height:50px;}
#navigation .page-item-2:hover { background:url(http://www.cymage-media.com/wp-content/uploads/2010/07/Work_aktiv.jpg) no-repeat; width:145px; height:50px;}
#navigation .page-item-2.current_page_item { background:url(http://www.cymage-media.com/wp-content/uploads/2010/07/Work_aktiv.jpg) no-repeat; width:145px; height:50px; display:block;}
#navigation .page-item-2 a {width:145px; height:50px; display:block;}

#navigation .page-item-2.current_page_parent { background:url(http://www.cymage-media.com/wp-content/uploads/2010/07/Work_aktiv.jpg) no-repeat; width:145px; height:50px; display:block;}


#navigation .page-item-8 { background:url(http://www.cymage-media.com/wp-content/uploads/2010/07/About_inaktiv.jpg) no-repeat; width:171px; height:50px;}
#navigation .page-item-8:hover { background:url(http://www.cymage-media.com/wp-content/uploads/2010/07/About_aktiv.jpg) no-repeat; width:171px; height:50px;}
#navigation .page-item-8.current_page_item { background:url(http://www.cymage-media.com/wp-content/uploads/2010/07/About_aktiv.jpg) no-repeat; width:171px; height:50px; display:block;}
#navigation .page-item-8 a {width:171px; height:50px; display:block;}

#navigation .page-item-8.current_page_parent { background:url(http://www.cymage-media.com/wp-content/uploads/2010/07/About_aktiv.jpg) no-repeat; width:171px; height:50px; display:block;}


#navigation .page-item-10 { background:url(http://www.cymage-media.com/wp-content/uploads/2010/07/Contact_inaktiv.jpg) no-repeat; width:233px; height:50px;}
#navigation .page-item-10:hover { background:url(http://www.cymage-media.com/wp-content/uploads/2010/07/Contact_aktiv.jpg) no-repeat; width:233px; height:50px;}
#navigation .page-item-10.current_page_item { background:url(http://www.cymage-media.com/wp-content/uploads/2010/07/Contact_aktiv.jpg) no-repeat; width:233px; height:50px; display:block;}

#navigation .page-item-10.current_page_parent { background:url(http://www.cymage-media.com/wp-content/uploads/2010/07/Contact_aktiv.jpg) no-repeat; width:233px; height:50px; display:block;}

#navigation .page-item-10 a {width:233px; height:50px; display:block;}

#navigation .children .current_page_item a:link, #navigation .children .current_page_item a:visited, #navigation .children .current_page_item a:active { color: #002843;}


#slideshow {
	margin:0 auto;
	width:800px;
	height:330px;
	position:relative;
}
#slideshow #slidesContainer {
  margin:0 auto;
  width:780px;
  height:330px;
  overflow:auto; /* allow scrollbar */
  position:relative;
}
#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:740px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
  height:330px;
}

/** 
 * Slideshow controls style rules.
 */
.control {
  display:block;
  width:39px;
  height:263px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}
#leftControl {
  top:30px;
  left:-40px;
  background:transparent url(http://www.cymage-media.com/wp-content/themes/cymage/images/control_left.jpg) no-repeat 0 0;
}
#rightControl {
  top:30px;
  right:-30px;
  background:transparent url(http://www.cymage-media.com/wp-content/themes/cymage/images/control_right.jpg) no-repeat 0 0;
}

/** 
 * Style rules for Demo page
 */

#pageContainer {
  width:800px;
  float:left;
  height:360px;
  margin-top:40px;
}

.slide img {
  float:left;
}
-->

#main p.alert {color:#F00; margin:0;}

#main .formulare { margin:0 10px 16px 0;}

#main table tr td { vertical-align:top;}