/*
Theme Name: argutus Theme-2012
Theme URI: http://www.argutus.de
Description: Theme für argutus
Version: 0.1 
Author: Jens Baeseler
Author URI: http://www.argutus.de
*/


@CHARSET "UTF-8";

/* css reset */
/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

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,
b, u, i, center,
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-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body { line-height: 1; }
a {	text-decoration:none; color:black;}
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: '';	content: none; }

/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }

/*############                 end reset                    ###############*/
/*#########################################################################*/



body { font-family: Arial; font-size:1.0em;}
.clear { clear:both; }


form.search input,
ul.navi li a,
#teaser,
ul.sidebar_navi li a,
.sprechblase_top,
.sprechblase_bot,
ul.media_navi li:hover, 
ul.media_navi li.current {background:url('img/sprites_final.gif') no-repeat;}


#container {  
  width:960px;
  margin:auto;
}

header {
  width:100%;
  height:100px;
}

img.logo {
  float:left;
  margin:40px 0 0 0;
  height:52px;
  width:658px;
}

form.search {
  float:right;
  margin:50px 0 0 0;
}
form.search input {
  width:160px;
  height:26px;
  line-height:26px;
  padding:0 7px;
  background-position:0px -342px;
  border:none;
  color:#7C859B;
}

#main {position:relative; padding:10px 0 0 0;}


ul.navi {position:relative; height:345px; width:970px; margin:2px 0 0 0;}
ul.navi li {float:left; margin:0 18px 0 0;}
ul.navi li a {
  display:block;
  float:left;
  height:20px;
  padding:10px 15px 0 15px;
  background-position: -960px -0px; 
  font-size:0.75em;
  font-family: Arial;
  text-transform:uppercase;
  color:#535353;
}


ul.navi li.second a {background-position:-960px -29px;}
ul.navi li.third a {background-position:-960px -58px;} 
ul.navi li.fourth a {background-position:-960px -87px;}
ul.navi li.fifth a {background-position:-960px -116px;}
ul.navi li.sixth a {background-position:-960px -145px;}

ul.navi li.sixth {margin:0;}

ul.navi li.first a:hover, ul.navi li a.act1,
ul.navi li.second a:hover, ul.navi li a.act2,
ul.navi li.third a:hover, ul.navi li a.act3,
ul.navi li.fourth a:hover, ul.navi li a.act4,
ul.navi li.fifth a:hover, ul.navi li a.act5,
ul.navi li.sixth a:hover, ul.navi li a.act6 {
  color:#535353; 
  /* border:1px solid black; */
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

ul.navi li.first a:hover, ul.navi li a.act1 {background:#A9FF01;}
ul.navi li.second a:hover, ul.navi li a.act2 {background:#10C4FF;}
ul.navi li.third a:hover, ul.navi li a.act3 {background:#FF05F0;}
ul.navi li.fourth a:hover, ul.navi li a.act4 {background:#FF8A00;}
ul.navi li.fifth a:hover, ul.navi li a.act5 {background:#B7B7B7;}
ul.navi li.sixth a:hover, ul.navi li a.act6 {background:#C30CFF;}



ul.subnavi {position:absolute; top:37px; left:0px; width:100%;}
ul.subnavi li {float:left; margin:2px 10px 0 0; line-height:25px;}
ul.subnavi li a {
  display:inline; 
  background:none !important; 
  margin:0; 
  padding:1px 6px 3px 6px !important; 
  color:#535353;
}


ul.navi li.first ul.subnavi li a,
ul.navi li.second ul.subnavi li a,
ul.navi li.third ul.subnavi li a,
ul.navi li.fourth ul.subnavi li a,
ul.navi li.fifth ul.subnavi li a,
ul.navi li.sixth ul.subnavi li a {
  padding:1px 6px 3px 6px !important;   
  -webkit-border-radius: 5px; 
  -moz-border-radius: 5px; 
  border-radius: 5px; 
}

ul.navi li.first ul.subnavi li a {background:#F2F2F2 !important;}
ul.navi li.second ul.subnavi li a {background:#F2F2F2 !important;}
ul.navi li.third ul.subnavi li a {background:#F2F2F2 !important;}
ul.navi li.fourth ul.subnavi li a {background:#F2F2F2 !important; }
ul.navi li.fifth ul.subnavi li a {background:#F2F2F2 !important; }
ul.navi li.sixth ul.subnavi li a {background:#F2F2F2 !important; }


ul.navi li.first ul.subnavi li a:hover, ul.navi li.first ul.subnavi li a.act {background:#A9FF01 !important; }
ul.navi li.second ul.subnavi li a:hover, ul.navi li.second ul.subnavi li a.act {background:#10C4FF !important; }
ul.navi li.third ul.subnavi li a:hover, ul.navi li.third ul.subnavi li a.act {background:#FF05F0 !important; }
ul.navi li.fourth ul.subnavi li a:hover, ul.navi li.fourth ul.subnavi li a.act {background:#FF8A00 !important; }
ul.navi li.fifth ul.subnavi li a:hover, ul.navi li.fifth ul.subnavi li a.act {background:#B7B7B7 !important; }
ul.navi li.sixth ul.subnavi li a:hover, ul.navi li.sixth ul.subnavi li a.act {background:#C30CFF !important; }


ul.navi li.first .teaser_bg {background:#A9FF01 !important;}
ul.navi li.second .teaser_bg {background:#10C4FF !important;}
ul.navi li.third .teaser_bg {background:#FF05F0 !important;}
ul.navi li.fourth .teaser_bg {background:#FF8A00 !important; }
ul.navi li.fifth .teaser_bg {background:#B7B7B7 !important; }
ul.navi li.sixth .teaser_bg {background:#C30CFF !important; }


.teaser_bg {
  position:absolute;
  top:93px;
  left:0px;
  width:960px;
  height:254px;
  z-index:1;
}

#teaser {
  position:absolute;
  left:0px;
  top:105px; 
  width:910px;
  height:215px;
  padding:20px 25px;
  background-position: 0px 0px; 
  font-size:3.25em;
  font-weight:bold;
  line-height:1.35em;
  text-transform:uppercase;
  color:#535353; 
  /* color:#00257A; */
  z-index:100;
  /* text-shadow: 1px 1px 5px #FFFFFF, -1px -1px 5px #FFFFFF; */
  text-shadow:0px 1px #FFFFFF, 1px 0px #FFFFFF, 0px -1px #FFFFFF, -1px 0px #FFFFFF;
  
 /* text-shadow: 1px 1px 0 #FFFFFF, 2px 2px 0 #00123C; /* -1px -1px 0 #FFFFFF, -2px -2px 0 #00123C; */
}


ul.breadcrumb {
  height:15px;
  margin:0 0 40px 10px;
	padding:14px 0 0 0;
	font-size:0.688em; 
  color:#535353; 
}
ul.breadcrumb li {
  float:left;
  margin:0 8px 0 0;
  padding:0 0 0 12px;
  background:url('img/pfeil_schwarz.gif') left 5px no-repeat;
}
ul.breadcrumb li a {
  color:#535353; 
  text-decoration:underline;
}
ul.breadcrumb li a:hover {text-decoration:underline;}
ul.breadcrumb li.first {background:none; padding:0;}
ul.breadcrumb li.last {background:none; padding:0;}



#content {
  float:left;
  width:700px;
  padding:0 0 30px 0;
  font-size:1em;
  line-height:1.5em;
  color:#535353;
}

#content h1 {font-size:3.4em; font-weight:normal; margin:0 0 0.5em 0; line-height:1.125em;}
#content h2 {font-size:1.25em; font-weight:bold; margin:0 0 0 0; line-height:1.25em;}

#content p {margin:0 0 1em 0; text-align: justify;}
#content a {text-decoration:underline; color:#535353;}

#content ul {list-style:outside disc; margin:0 0 1.5em 3em;}
#content ul li {}
#content ul li a {}


aside {
  float:right;
  width:190px;
  color:#535353;
}

aside h3 {
  margin:1.25em 0 0 0; 
  font-size:2.25em; 
  font-weight:normal; 
  border-bottom:1px solid #535353;
  text-transform:uppercase;
}

aside h3 {
  margin:1.25em 0 0 0; 
  font-size:2.25em; 
  font-weight:normal; 
  border-bottom:1px solid #535353;
  text-transform:uppercase;
}

aside h5 {
  margin:40px 0 10px 0; 
  font-size:1.2em; 
  font-weight:normal; 
  border-bottom:1px solid #535353;
  text-transform:uppercase;
}

ul.sidebar_navi {width:190px;}
ul.sidebar_navi li {float:left; margin:0 0 1px 1px;}
ul.sidebar_navi li a {
  display:block;
  float:left;
  height:87px;
  text-indent:-2000em;
  text-transform:uppercase;
  font-size:0.55em;
  text-align:center;
  color:#00123C;
  line-height:1.125em;
  border:3px solid #535353;   
}
ul.sidebar_navi li a.link1 {width:87px; background-position: 0px -255px;}
ul.sidebar_navi li a.link2 {width:88px; background-position: -87px -255px;}
ul.sidebar_navi li a.link3 {width:87px; background-position: -175px -255px;}
ul.sidebar_navi li a.link4 {width:88px; background-position: -262px -255px;}
ul.sidebar_navi li a.link5 {width:87px; background-position: -350px -255px;}
ul.sidebar_navi li a.link6 {width:88px; background-position: -437px -255px;}
ul.sidebar_navi li a.link7 {width:87px; background-position: -525px -255px;}
ul.sidebar_navi li a.link8 {width:88px; background-position: -612px -255px;}
ul.sidebar_navi li a.link9 {width:87px; background-position: -700px -255px;}
ul.sidebar_navi li a.link10 {width:88px; background-position: -787px -255px;}

ul.sidebar_navi li a:hover, ul.sidebar_navi li a.acts {text-decoration:underline; /*font-weight:bold;*/}


ul.sidebar_subnavi {margin:0 0 0 10px; font-size:0.813em;}
ul.sidebar_subnavi li {
  line-height:1.75em;
  background:url('img/li.gif') 0px 5px no-repeat;
  padding: 0 0 0 15px;
}
ul.sidebar_subnavi li a {  
  color:#535353;
  font-weight: normal;
}
ul.sidebar_subnavi li a:hover, ul.sidebar_subnavi a.act {font-weight:bold;}

ul.subnavi_level4 {margin:0 0 0 0px;}

ul.subnavi_level5 {margin:0 0 0 0px;}




.sidebar_box {
  width:160px;
  padding:15px 12px 10px 12px;
  margin:30px 0 20px 0;
  border:3px solid #535353;  
}

.sidebar_box .sprechblase_top {width:159px; height:12px; background-position:-174px -342px;}
.sidebar_box .sprechblase_bot {width:159px; height:23px; background-position:-333px -342px;}

.sidebar_box p {font-size:0.75em; line-height:1.25em;}
.sidebar_box p.sprechblase {   
  width:143px; 
  padding:0px 7px; 
  border-left:1px solid #00113c;
  border-right:1px solid #00113c;
  /*background:url('img/sprechblase.gif') left top repeat-y;*/
}
.sidebar_box img {display:block;}

.sidebar_box p.name {font-weight:bold; text-align:right; line-height:1.25em;}
.sidebar_box p.firma {font-size:0.7em; text-align:right;}




#footer_bg {
  width:100%;
  height:350px;
  padding:75px 0 0 0;
  background:#a89f9f;
}

footer {
  width:960px;
  margin:auto;
  border-top:1px solid white;
}

.footer_box,
footer nav { 
  float:left; 
  margin:-40px 80px 0 0;
  color:white; 
  line-height:1.5em;
}
footer h5 {
  margin:0 0 25px 0; 
  text-transform:uppercase;
  font-size:1.125em;
  font-weight:normal;
}
.footer_box span, .footer_box a,
ul.footer_navi li a {color:#E9E9E9;}
ul.footer_navi li a:hover {text-decoration:underline;}



.social {
  float:right; 
  text-align:right; 
  margin:-40px 0 0 0;
  line-height:1.5em;  
}
.social h5 {
  margin:0 0 30px 0;
  font-weight:normal; 
  font-style:italic; 
  color:white;
  font-size:1em !important;
  text-transform:none !important;
}

.social img {margin:0 0 15px 0;}




/* ##############  tt_news  ################# */


.news-latest-container {
  font-size:0.813em; 
  padding:15px 0 0 0 !important;
  line-height:1.5em;
}

.news-latest-item {padding:0 0 15px 0 !important;}

.news-latest-container a {color:#535353;}
.news-latest-container p {display:inline;}
span.weiter {font-weight:bold;}
span.news-latest-date {font-size:1.5em; font-weight:normal;}
h4.news-latest-container {}


.news-single-item {}
.news-single-item-footer {
  margin:20px 0 20px 0;
  padding:3px 0 0 0;
  border-top:1px solid #535353;
}



/* ######## Content-Element Media ######### */

.medialist {
  width:700px; 
  margin:0 0 40px 0;
  color:#535353; 
  font-size:0.8em;
}

.medialist h3 {  
  padding:0 0 0 0;
  font-weight:bold;  
  text-transform:uppercase;
  font-size:1.3em;
}

.medialist .headline_wrap { border-bottom:1px solid #535353; height:2em; margin:0 0 3px 0;}

.medialist h4 {color:#535353; text-align:left; line-height:1em; height:1.25em;}

.media {
  position:relative;
  float:left;
  width:440px;
  border-bottom:1px solid #535353;
  color:#535353;
}

.media, .lists {min-height:300px;}

.mediacontent { 
  float:left;
  position:absolute;
  left:-350px;
  top:0px;
  width:345px;
  height:240px;
}

.media_item {display:none; position:absolute; left:-350px; top:0px; width:345px; cursor:auto; text-align:left;}


.media_item p {text-align:left !important; line-height:1.125em; margin:0 !important; padding:0;}

ul.media_navi {
  float:right;
  position:relative;
  width:85px;
  list-style:none !important;
  margin:0 5px 0 0 !important;
}

ul.media_navi li {
  display:block;
  width:85px; 
  height:42px;
  margin:0 0 5px 0;
  line-height:42px;
  text-align:center;
  text-decoration:none !important; 
  cursor:pointer; 
}
ul.media_navi li:hover, ul.media_navi li.current {background-position:-875px -255px;}

ul.media_navi li img.prev {width:62px; height:36px; margin:3px 0 0 10px;}

.lists {
  position:relative;
  float:right;
  width:250px;
  border-bottom:1px solid #535353;
}

ul.tabs {
  list-style:none !important;
  margin:0 0 0 0 !important;
  padding:0 !important; 
  border-bottom:3px solid #535353;
  height:27px;
  font-size:0.9em;
}

ul.tabs > li {
  float:left;
  margin:0 0 2px 0;
  border-right:1px solid #ccc;
  padding:0 10px;
  height:27px;
  line-height:30px;
  text-decoration:none !important; 
  font-weight:bold;
  color:#535353;
  cursor:pointer;
}

ul.tabs > li:last-child {border:none;}

ul.tabs > li:hover, ul.tabs li.current {background:#535353; color:white; border:none;}


.lists_content {
  width:250px;
  margin:0 0 0 0;
  padding:5px 0 0 0;
  line-height:1.2em;
  background:#eee;
  font-size:0.9em;
}

.lists_item {
  display:none; 
  position:absolute; 
  top:60px; 
  left:0px;
  width:250px;
  margin:0 0 0 0;
  padding:5px 0 0 0;
  line-height:1.2em;
  background:#eee;
}
                           
.lists_item ol {
  padding:0 0 0 0;
  margin:0 !important; 
  list-style:decimal inside !important;   
}
.lists_item ul {
  padding:0 0 0 0; 
  margin:0 !important; 
  list-style:disc inside !important; 
}

.lists_item ol li, .lists_item ul li {
  margin:0 0 2px 0 !important;
  padding:5px 0 10px 5px;
  line-height:1.125em;
  border-right:none;
  border-bottom:3px solid white;
  font-weight:normal;
  cursor:auto;
  color:#535353;
}


.lists_item ol li:last-child {
  margin:0 !important;
}
.lists_item ul li:last-child {
  margin:0 !important;
}


.lists_item p {padding:0 10px 10px 10px; color:#535353; font-weight:normal; cursor:auto;}
.lists_item img {padding:0 5px 5px 5px;  cursor:auto;}





/* ######## Content-Element Info ######### */


.more_info {font-size:0.9em; margin:0 0 20px 0;}

.more_info h3 {
  padding:0 0 0 15px; 
  color:white; 
  border-bottom:1px solid #535353;
  font-size:1em;
}

.more_info h3 span {background:#535353; padding:4px 8px; }

.more_info h4 {line-height:1.25em; margin:0 0 8px 0;}

.more_info_bg { 
  background:#eee;
}

.more_info_bg p {line-height:1.125em; text-align:left !important;}

.info_1col, .info_2col, .info_3col, .info_4col {float:left; padding:15px; }

.info_2col {width:318px; /* border-right:1px solid #535353; */}
.info_2col.last {border-right:none;}


.info_3col {width:200px; }
.info_3col.last {border-right:none;}


.info_4col {width:319px; }
.info_4col.last {border-right:none;}

.border_top {border-top:1px solid #535353;}


.bg_2col {background:url('img/bg_2col.gif') left top repeat-y;}

.bg_3col {background:url('img/bg_3col.gif') left top repeat-y;}

.bg_4col {background:url('img/bg_2col.gif') left top repeat-y;}





/* ######## Content-Element Referenzen ######### */


.ref {
  border: 1px solid #DADADA;
  float: left;
  height: 270px;
  margin: 13px;
  padding: 0;
  text-align: center;
  width: 145px;
}

.ref img {
  border: 1px solid #DADADA;
  height: 70px;
  margin: 8px 0 0;
  padding: 0;
  width: 130px;
}

.ref ul {
  list-style-type: none !important;
  margin: 10px 15px !important;
  padding: 0;
}

.ref ul li {
  background-image: url('img/li_arrow.png');
  background-position: 0 4px;
  background-repeat: no-repeat;
  color: #200844;
  font-size:0.8em;
  line-height: 18px;
  margin: 0 0 5px 0;
  padding: 0 0 0 15px;
  text-align: left;
}


.divsreflogos {
  border-bottom: 2px solid #200844;
  margin: 0 0 40px;
  padding: 0 0 8px;
  width: 700px;
  text-align:center;
}

.divsreflogos h3 {
  background: none repeat scroll 0 0 transparent !important;
  border-bottom: 2px solid #200844;
  color: #200844;
  margin: 10px 0 5px !important;
  padding: 20px 0 10px !important;
}

.divsreflogos img {
  border: 1px solid #DADADA;
  float: left;
  margin: 13px;
  padding: 0;
  width: 145px;
}

/**REFERENZEN**/

/* Referenzen START */


.divsreflogos {
	margin:0 0 40px 0;
	padding:0 0 8px 0;
	width:630px;
	border-bottom:2px solid #200844;
}
.divsreflogos img {
	margin:5px;
	padding:0;
	width:145px;
	_width:143px;
	float:left;
	border:1px solid #dadada;
}

.divref {
	margin:15px 0 26px 0;
	padding:0 0 20px 0;
	width:630px;
	/*border-bottom:2px solid #200844;*/
}
.divref h3,.divsreflogos h3 {
	color:#200844;
	margin:10px 0 5px 0 !important;
	padding:0 0 10px 0 !important;
	background:none !important;
	background-image:none !important;
	border-bottom:2px solid #200844;
}
.divref .ref {
	margin:5px;
	padding:0;
	width:145px;
	_width:143px;
	height:255px;
	float:left;
	border:1px solid #dadada;
	text-align:center;
}
.divref .ref img {
	margin:8px 0 0 0;
	padding:0;
	width:130px;
	height:70px;
	border:1px solid #dadada;
	
}
.divref .ref ul {
	margin:10px 15px 10px 15px !important;
	_margin:0 0 0 0 !important;
	padding:0;
	list-style-type:none;
}
.divref .ref ul li {
	margin:0;
	padding:0 0 0 10px;
	_width:113px;
	background-image:url('/fileadmin/template/images/li_arrow.png');
	background-repeat:no-repeat;
	background-position:0px 6px !important;
	text-align:left;
	font-family:Verdana;
	font-size:11px !important;
	line-height:15px;
	color:#200844;
}
.divref .ref a {
	margin:0;
	padding:0;
	text-decoration:none;
}

#content #cr #divsref {
	margin:38px 0 0 0;
	padding:0 0 0 0;
}
#content #cr img.sref {
	margin:10px 0 0 0;
	padding:0;
	width:130px;
	height:70px;
	border:1px solid #dadada;
}

/* Referenzen END */

.marb {
	margin:0 0 40px 0;
	padding:0 0 8px 0;
	width:630px;
	border-bottom:2px solid #200844;
}
.marb h3,.divsreflogos h3 {
	color:#200844;
	margin:10px 0 5px 0 !important;
	padding:20px 0 10px 0 !important;
	background:none !important;
	background-image:none !important;
	border-bottom:2px solid #200844;
}
.marb .mitar {
	margin:5px;
	padding:0;
	width:300px;
	_width:298px;
	height:127px;
	float:left;
	border:1px solid #dadada;
}
.marb .mitar img {
	float:left;
	margin:10px 0 0 10px;
	padding:0;
	width:136px;
	height:105px;
	border:1px solid #dadada;	
}
.marb h5 {
	float:right;
	width:130px;
	margin:10px 10px 5px 10px !important;
	_margin:10px 0 5px 0 !important;
	padding:0;
	font-size:13px;
}
.marb p {
	float:right;
	width:90px;
	margin:5px 10px 10px 10px !important;
	_margin:0 0 0 0 !important;
	padding:0;
	font-size:10px;
	line-height:normal !important;
}
.marb .mitar a {
	margin:0;
	padding:0;
	text-decoration:none;
}

#content #cr #marb {
	margin:38px 0 0 0;
	padding:0 0 0 0;
}
#content #cr img.sref {
	margin:10px 0 0 0;
	padding:0;
	width:130px;
	height:70px;
	border:1px solid #dadada;
}

/* Designlinien */

.dline {}
.dlfirst {padding-top:25px;}
.dline a {}
.dline img{display:block;float:left;margin:0px 25px 25px 0px;border:1px solid #cccccc;}


a.weiter {float:right;}

.excerpt {margin:0 0 40px 0; padding:0 0 40px 0; border-bottom:1px dotted #535353;}

.blog_content {margin:0 0 40px 0;}