/*----------------------------------------------------------------------------
StyleSheet ideeos.de

Name: 				ideeos.de template css
Datum: 				2009-03
Beschreibung: 		nur template bezogen
Author: 			ideeos.de
URL: 				http://www.ideeos.de

Index:
	$1 - Globale CSS Einstellungen
	$2 - Darstellungsoptionen
	$3 - Blog Menü
	$4 - Blog Darstellung
	$5 - Navigationen
	$6 - Typolight Module
	$7 - Newsletter
	$8 - Content Slider
	$9 - IE Hacks
	
WICHTIG: Immer eine Sicherheitskopie der CSS-Datei erstellen, bevor Veränderungen durchegeführt werden.
----------------------------------------------------------------------------*/
/* $1 - Globale CSS Einstellungen
----------------------------------------------------------------------------*/
body{
 	margin:0px;
  	padding:0px;
	background:#FFFFFF;
	line-height:1.5;
	font-size:12px;
}
a {
	color:#99cc00;
	font-weight:normal;
	text-decoration:none;
}
a:hover {
	color:#99CC00;
	font-weight:normal;
	text-decoration:none;
}
input, textarea, select, checkbox{
	margin:3px 0 0 5px;
	padding:0px;
	border:none;
	color:#666666;
	font-family:"Courier New", Courier, monospace;
}
input, textarea{
	background-color:#EBEBEB;
	border:none;
	color:#666666;
}
input:focus, textarea:focus{
	background-color:#99CC00;
	border:none;
	color:#FFFFFF;
}
h1 {
	color:#666666;
	font-size:18px;
	font-family:"Courier New", Courier, monospace;
	margin:0;
	padding:0;
}
h2 {
	color:#99cc00;
	font-size:16px;
	font-weight:bold;
	font-family:"Courier New", Courier, monospace;
	margin:0;
	padding:0;
}
a img {
	border:none;
}
a:hover img {
	border:none;
}
div, p, li{
	margin:0;
	padding:0;
}
ul{
	margin:0 0 0 10px;
	padding:0;
}

/*----------------------------------------------------------------------------
 $2 - Darstellungsoptionen
----------------------------------------------------------------------------*/
.clear, #clear {
	clear:both;
	margin:0;
	padding:0;
}
#container {
	margin:0;
	padding:0;
	width:1000px;
	text-align:left;
	float:left;
	font-size:12px;
}
#main {
	width:600px;
	margin:0 0 0 400px;
	padding:0 0 0 25px;
	float:left;
	background-color:#FFFFFF;
}
#left {
	width:400px;
	height:1200px;
	margin:0;
	padding:0;
	position:fixed;
	top:0;
	left:0;
	background:url(images/bg_left.png) top left no-repeat;
	font-size:12px;
}
#left .error, .error{
	font-size:10px;
	color:#FF0000
}

#logo h1{
	display:none;
}
#logo{
	margin:0;
	padding:20px 0 10px 0;
	float:left;
}
#scills{
	margin:0;
	padding:0 20px 30px 20px;
	float:left;
	color:#FFFFFF;
	font-size:16px;
	font-family:"Courier New", Courier, monospace;
}
#telefon h1{
	display:none;
}
#telefon{
	margin:0;
	padding:10px 0px 10px 0;
	float:left;
}
.zweispaltig{
	width:280px;
	margin:0 20px 20px 0;
	padding:0;
	float:left;
}
.dreispaltig{
	width:180px;
	margin:0 20px 20px 0;
	padding:0;
	float:left;
}
#copyright{
	margin:20px 0px 0 20px;
	padding:0;
	float:left;
	font-size:11px;
}
#copyright a, #copyright a:hover{
	color:#666666;
}
/*----------------------------------------------------------------------------
 $3 - Blog Menü
----------------------------------------------------------------------------*/
.mod_newsmenu ul {
	margin:0px;
	padding:0px;
}
.mod_newsmenu ul li {
	margin:0px;
	padding:0px;
	list-style:none;
}
.mod_newsmenu p.active {
	text-decoration:underline;
}

/*----------------------------------------------------------------------------
 $4 - Blog Darstellung
----------------------------------------------------------------------------*/
.layout_full h1 {
	color:#99cc00;
	font-size:16px;
	font-weight:bold;
	background-color:#EBEBEB;
	width:100%;
	line-height:26px;
	text-indent:10px;
}
.layout_full{
	margin:0 0 20px 0;
	padding:0;
}
.layout_full p.info{
	font-size:9px;
	padding:0;
	margin:5px 0 5px 0;
}
/* Nachrichtenliste */
.mod_newslist h1{
	margin:0 0 20px;
	padding:0;
}
.layout_short p.more{
	margin:10px 0 20px 0;
	padding:0;
}
.layout_short p.more a{
	background:url(images/button_weiter.jpg) top left no-repeat;
	width:84px;
	height:18px;
	display:block;
}
.layout_short p.more a:hover{
	background-position:0px -18px;
}
.layout_short p.info{
	margin:0;
	padding:0;
}
.layout_short p.teaser{
	margin:0;
	padding:0;
}
.layout_short h2{
	margin:0 0 10px 0;
	padding:0;
}
.layout_short h2 a, .layout_short h2 a:hover{
	margin:0;
	padding:0;
}

/*----------------------------------------------------------------------------
 $5 - Navigationen
----------------------------------------------------------------------------*/
/* Hautpnavigation */
div.mod_mootoolsnav{
	width:100%;
	margin:0;
	padding:0;
	float:left;
}
div.mod_mootoolsnav ul{
	width:100%;
	margin:0;
	padding:0;
}
div.mod_mootoolsnav li{
	display:block;
	margin:0;
	padding:0 20px 0 0;
	width:215px;
}
div.mod_mootoolsnav ul li a{
	display:block;
	margin:0;
	padding:0;
	width:215px;
	height:28px;
	background: url(images/nav.png);
	background-position:0px 0px;
	font-size:14px;
	color:#FFFFFF;
	line-height:26px;
	text-indent:30px;
	text-align: left;
}
div.mod_mootoolsnav ul li a:hover{
	display:block;
	margin:0;
	padding:0;
	width:215px;
	height:28px;
	background: url(images/nav.png);
	background-position:0px 0px;
	font-size:14px;
	color:#FFFFFF;
	line-height:26px;
	text-indent:30px;
	text-align: left;
	font-weight:bold;
}
div.mod_mootoolsnav ul li p{
	display:block;
	margin:0;
	padding:0;
	width:215px;
	height:28px;
	background: url(images/nav.png);
	background-position:0px -28px;
	font-size:14px;
	color:#99CC00;
	line-height:26px;
	text-indent:120px;
	text-align: left;
}
.mod_mootoolsnav ul li ul.level_2{
	text-transform:none;
	margin:0;
	padding:0;
	float: none;
	display: block;
}
.mod_mootoolsnav ul.level_2 li a, .mod_mootoolsnav ul.level_2 li a:hover, .mod_mootoolsnav ul.level_2 li p {
	text-indent:10px;
	font-size:11px;
	line-height:26px;
	height:28px;
	margin:0;
	padding:0;
}
/* Footer Menü */
div.mod_customnav{
	margin:0 0 0 25px;
	padding:0;
	float:left
}
div.mod_customnav ul{
	margin:0;
	padding:0;
	text-align:center;
}
div.mod_customnav li{
	display: inline-table;
	margin:0;
	padding:0;
}
div.mod_mootoolsnav li p{
	display: inline-table;
	margin:0;
	padding:0;
}
/*----------------------------------------------------------------------------
 $6 - Typolight Module
----------------------------------------------------------------------------*/
.mod_imagerotator img {
	vertical-align:top;
}
.mod_newslist{
	border-bottom:dashed 1px #CCCCCC;
	width:600px;
	margin:0;
	padding:0;
}
.mod_subscribe{
	border-bottom:dashed 1px #CCCCCC;
	width:600px;
	margin:0;
	padding:0;
}
.mod_article{
	border-bottom:dashed 1px #CCCCCC;
	width:600px;
	margin:0;
	padding:0;
}
.ce_text a, .ce_text a:hover, .mod_newslist a, .mod_newslist a:hover{
	margin:0;
	padding:0;
}
.mod_form{
	float:left;
	margin:0;
	padding:0 0 0 20px;
}
.mod_form td.col_0{
	vertical-align:top;
}
.toggler {
	cursor:pointer;
}
/*----------------------------------------------------------------------------
 $7 - Newsletter
----------------------------------------------------------------------------*/
.mod_subscribe h1{
	margin:0 0 20px 0;
	padding:0;
}
.mod_subscribe {
	margin:0;
	padding:0;
}
.mod_subscribe .submit{
	background:url(images/button_newsletter.jpg) top left no-repeat;
	border:none;
	width:84px;
	height:18px;
	margin:1px 0 0 0;
	padding:0;
	vertical-align:middle;
}
.checkbox_container input{
	width:auto;
}
.checkbox_container label{
	line-height:18px;
}

/*----------------------------------------------------------------------------
 $8 - Content Slider
----------------------------------------------------------------------------*/
#slideWrapper, #slideWrapperinner{
	float: left;
}
#goBack{
	float:left;
	cursor:pointer;
	margin:0 0 0 550px;
}
#goForward{
	float:left;
	cursor:pointer;
	margin:0 0 20px 10px;
}

/*----------------------------------------------------------------------------
 $9 - IE Hacks
----------------------------------------------------------------------------*/
*+ html .mod_mootoolsnav li.menutoggler {
	margin: 0 0 -8px 0;
	padding:0;
	float:none;
	display:block;
}
* html ul { 
	position: relative
}
* html ol { 
	position: relative 
}
* html dl { 
	position: relative 
}