/* *************************************************************************** */
/* Textstyles                                                                  */
/* *************************************************************************** */
@import url(_typo.css);

/* *************************************************************************** */
/**
 * Begin Clearfix
 * http://www.positioniseverything.net/easyclearing.html
 */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/**
 * End Clearfix
 */ 


/* *************************************************************************** */
/* Hauptelemente                                                               */
/* *************************************************************************** */
body {
	background:#363636;
	margin:20px;
	padding:0;
}

#main {
	width:950px;
	margin:0 auto;
	background:#f3f3f5;
	border-top:1px solid #f3f3f5;
}

#header {}
#content { padding:25px 45px 7px; border-bottom:1px solid #f3f3f5; }
#footer { border-top:1px solid #000; padding:5px 50px; background:#363636; color:#696969; }
#footer p { font-size:11px; }
#footer a { color:#696969; }


/* *************************************************************************** */
/* Spalten                                                                     */
/* *************************************************************************** */
.contentitem img { margin-top:4px; margin-bottom:5px; }

#content_main {
	width:640px;
	float:left;
	margin-right:20px;
}
#content_sub {
	width:200px;
	float:left;
}

.contentitem:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.contentitem {display: inline-block;}

/* Hides from IE-mac \*/
* html .contentitem {height: 1%;}
.contentitem {display: block;}
/* End hide from IE-mac */

/* *************************************************************************** */
/* Navigation                                                                  */
/* *************************************************************************** */
#nav-main, #nav-main ul {
	list-style:none;
	padding:0;
}

#nav-main {
	margin:50px 45px 25px;
}

#nav-main ul { margin:0; }

#nav-main li {
	display:inline; 
	margin:0 5px 0 0;
	padding:0;
	position:relative;
}

#nav-main ul li { float:none; padding:0 5px; white-space:nowrap; display:block; }

#nav-main ul { 
	position:absolute; 
	margin-top:-2px;
	padding-top:5px;
	padding-bottom:5px;
	background:#f3f3f5; 
	display:none; 
	border-left:1px solid #696969; 
}
#nav-main li:hover ul { display:block; left:0; top:16px; }

#nav-main li a { border-left:1px solid #696969; padding:0 0 0 5px; text-decoration:none; color:#696969; }
#nav-main li a.active { color:#000; font-weight:bold; }
#nav-main li.first a,
#nav-main ul li a { border-left:none; padding:0; }
#nav-main a:hover { color:#000; }

#nav-main ul { padding-bottom:0; padding-top:0; margin:0; border:1px solid #CCC; }
#nav-main li:hover ul { top:15px; }
#nav-main ul li { padding:0; margin:0; }
#nav-main ul ul {
	position:static;
	border:none;
	top:0;
	margin:0;
	padding:0;
	-moz-box-shadow:none;
}
#nav-main ul li a, #nav-main ul li.first a { display:block; padding:1px 5px 1px 5px; }
#nav-main ul li a {  }
#nav-main ul ul li a { font-weight:normal; }
#nav-main ul ul { margin-left:5px; }
#nav-main ul ul { border-top:1px solid #CCC; }

#nav-main ul li { border-top:1px solid #CCC; }
#nav-main ul li.first, #nav-main ul ul li { border-top:none; }

/* *************************************************************************** */
/* Headerbild                                                                  */
/* *************************************************************************** */
#branding { background:#363636; }

/* *************************************************************************** */
/* Teaserbox                                                                   */
/* *************************************************************************** */
.teasercontainer { margin:27px 0 18px; clear:both }
.teasercontainer p { font-size:11px; line-height:15px; margin-bottom:0; }
.teasercontainer p.more { margin-top:5px; }
.teasercontainer p.more, .teasercontainer p.more a { color:#000; text-decoration:none; font-weight:bold; }
.teaserbox {
	width:200px;
	float:left;
	margin:0 20px 0 0;
}
.teaserbox img { margin-bottom:5px; }
.teaserlast { margin-right:0; }

/* *************************************************************************** */
/* Sidebar                                                                    */
/* *************************************************************************** */

.sidebar_right form { 
	margin:0; 
}

.sidebar_right h1 { margin-bottom:3px; }
.sidebar_right h1 a
{
   display:inline;
   font-size:24px;
}

.sidebar_right input.itext {
	/*border:none;
	border-color:#ffffff;
	*/
	border:1px solid #CCC;
	font-weight:bold;
	color:#666666;
	margin-bottom:5px;

	height:15px;
	font-size:11px;
	padding:3px;
	
	width:193px;
	width:191px;
	font-family:Arial, Helvetica, sans-serif;
}

.sidebar_right .login_info {
	padding-left:5px;
}
.sidebar_right .login_info a {
	color:#666666;
	text-decoration:none;
	font-size:11px;
}

.sidebar_right input.b_login {
	margin-bottom:0px;
}

.sidebar_right input.blogin {
	background:#CCC;
	border:1px solid #CCC;
	color:#363636;
	font:bold 11px Arial, Helvetica, sans-serif;
	width:199px;
	padding:3px 1px;
	margin:0 0 0px;
	text-align:left;
}

.sidebar_right input.info {
	background:#FFF;
}

/* *************************************************************************** */
/* Formular                                                                    */
/* *************************************************************************** */
.defaultForm {
	margin-bottom: 20px;
	width:640px;
}

.defaultForm label {
	display:block;
	float:left;
	width:200px;
	margin-right:20px;
	text-align:right;
}

.defaultForm input, 
.defaultForm textarea {
	font:normal 12px Arial, Helvetica, sans-serif;
	border:1px solid #CCC;
	/*border-color:#666 #CCC #CCC #666;*/
	width: 302px;
	margin:0 0 4px;
	padding:2px 3px;
	text-align:left;
}

.defaultForm .buttonSend {
	background:#CCC;
	border:1px solid #CCC;
	color:#363636;
	font-weight:normal;
	width:310px;
	padding:5px 2px;
	margin:0 0 5px;
	text-align:left;
	margin-left:220px;
	
	font:bold 12px Arial, Helvetica, sans-serif;
}
/* IE */
* html .defaultForm .buttonSend {
	margin-left:203px;
}

ul.error {
	border-top:2px solid #900;
	border-bottom:1px solid #900;
	background:#FCC;
	list-style:none;
	margin:0 0 18px;
	padding:5px;
}
ul.success {
	border-top:2px solid #090;
	border-bottom:1px solid #090;
	background:#CFC;
	list-style:none;
	margin:0 0 18px;
	padding:5px;
}
ul.info {
	border-top:2px solid #EED;
	border-bottom:1px solid #EED;
	background:#FFE;
	list-style:none;
	margin:0 0 18px;
	padding:5px;
}



/* ************************************************** */
/* Kunden und Projekte                                */
/* ************************************************** */
ul.protected_list, ul.protected_list li {
	list-style: none;
}

ul.protected_list {
	margin:0 0 18px;
}

ul.protected_list li strong {
	display:block;
	margin-top:5px;
}

/* ************************************************** */
/* News                                               */
/* ************************************************** */
.news { border-top:1px solid #CCC; padding-top:18px; }
.news h2 span { font-weight:normal; font-size:12px; color:#777; }
#news-list-overview { margin:5px 0 0; padding:0; list-style:none; }
#news-list-overview li.year strong { font-size:17px; }
#news-list-overview ul { margin:0; padding:5px 0 10px; list-style:none; border-top:1px solid #CCC; }
#news-list-overview ul li.active { font-weight:bold; }
#news-list-overview ul a { font-size:12px; padding:0; }
#content_sub .news { border:none; padding:0; }
#content_sub .news p.news_date { float:left; margin:0 1ex 0 0; }