/***************************************
 *   ___  ___  ___
 *  / __)/ __)/ __)
 * ( (__ \__ \\__ \
 *  \___)(___/(___/
 *
 * 2006 - Dave Pisek
 ***************************************/

/*///////////////
Allgemeine Formatierungen
///////////////*/

* {margin:0; padding:0;}
body {margin:0; padding:0; height:100%; font-size:small; font-family:tahoma, sans-serif; background:#FAF8F9; color:#605E5F;}


h2 {font-size:105%; color:#5298ED; margin-bottom:15px; padding-left:20px;}
h3 {font-size:100%; font-weight:bold; color: #83C851 ;margin-bottom:5px; margin-top:10px}


p {line-height:1.3em; margin-top:5px; margin-bottom:10px}

a {text-decoration:none; color:#5298ED; border-bottom:1px dotted #5298ED}
a img {border:none;}
a:hover {color:#3768A2;}

ul {margin:10px 0 10px 15px;}
li {padding:1px; list-style-type:square;}

img {padding: 0;}

::-moz-selection{background:#92C0F4; color:#E7F1FD}

/*///////////////
Klassen
///////////////*/

.skip {display:none;}

ul.details {margin-left:20px; padding-bottom:10px;}
ul.details li {list-style:decimal; margin-bottom:5px;}

.missing {color:red; padding:2px 3px; background:#fff; border:1px dotted red;}

ul.inhalte li {list-style-type:square;}

ul.products {float:right;}
ul.products li {list-style:none;}

ul.nobullet li{list-style-type:none;}

ul.gallery li {float:left; list-style-type:none; padding:5px;}

ul.gallery img {padding:0; border:none;}
div#collumn ul.gallery a {border-bottom:none;}

p.nodeco a {border:none;}
p.nodeco img {border:none;}

p.wk, p.wk a {margin-top:25px; border:none;}

/*///////////////
Spezielle Formatierungen
///////////////*/

#wrap {margin:0 auto; padding:0; width:988px;}

#header {position:relative; margin:0; margin-bottom:20px; margin-top:20px; height:124px; background:none;}
#header img {float:left; display:block; border:none; padding:0;}
#header table {position:absolute; bottom:0; right:30px; text-align:left; color:#999999; font-size:95%; border-spacing:0;}
#header th {font-size:110%;}
#header th, td {padding:0; padding-left:30px;}
#header a {border:none;}

#content {padding-top:20px;}

/*///////////////
Menu Spalte
///////////////*/

#menu {margin-right:35px; padding-bottom:20px; width:245px; border-bottom:8px solid #92C0F4; float:left;}
#menu h2 {margin-bottom:24px; background:url(../img/menu_ico.gif) left no-repeat;}
#menu a {color:#5298ED; border-bottom:none;}

/*///////////////
CSS-Hover-Menu
///////////////*/

div#nav {margin-left:5px; margin-top:8px; background:#92C0F4;}

div#nav ul {position:relative; top:-4px; left:-4px; background: #E7F1FD; margin:0; padding:5px 0 5px 0;}
div#nav ul ul {position:absolute; background:#E7F1FD; top:0; left:239px; width:10em; display:none; padding:0;}
div#nav ul ul ul {left:9.9em;}
div#nav>ul a {width:auto;}
div#nav ul.level1 li.submenu:hover ul.level2 {display:block;}
div#nav ul.level2 li.submenu:hover ul.level3 {display:block;}

div#nav li {position:relative; list-style:none; margin:0; background:#E7F1FD; border-bottom:1px solid #E7F1FD;}
div#nav li.submenu:hover {background:#9DC6F7;}
div#nav li a {display:block; padding:0; margin-left:10px; text-decoration:none; width:100%}
div#nav li:hover {background:#C4DDFA;}



/*///////////////
Text Spalte
///////////////*/

#text {float:left; margin:0; margin-right:10px; padding-bottom:20px; width:335px; height:100%; border-bottom:8px solid #92C0F4;}
#text h2 {background: url(../img/home_ico.gif) left no-repeat;}
 
 /*///////////////
Rechte Spalte
///////////////*/

#collumn {width:335px; padding:0; margin:0; margin-left:2px; float:right;}
#collumn h2 {background: url(../img/page_ico.gif) left no-repeat;}
  
/*Letzte Projekte Startseite*/
#collumn.res dl{width:100%; float:right; padding:0; padding-bottom:20px;}
#collumn.res dt {float:left; width:200px; padding-bottom:10px; font-weight:bold; color:#83C851;}
#collumn.res dd {margin-bottom:5px; color:#666;}
#collumn.res dd.img img{float:right; padding:2px; border:1px solid #94BFF4;}
#collumn.res dd.status {display:inline; padding-right:20px; background:url(../img/online_ico.gif) no-repeat top right;}
#collumn.res dd a {float:left; margin-top:5px; color:gray; border:none;}
#collumn.res dd a.aimg{float:right; display:inline; margin-top:0; width:110px;}

/*Referenzen*/
       
div#collumn.ref dl.startinf {display: block;}
div#collumn.ref dl{height:250px; min-height:250px; /*IE*/ display:none;}
div#collumn.ref dt{color:#83C851; font-weight:bold; padding-bottom:10px;}
div#collumn.ref dd.img {float:left; margin-right:10px; padding:2px; background:none; border:1px solid #94BFF4;}
div#collumn.ref a {border: none;}

#collumn a:hover {color: #3768A2;}
  
/*///////////////////
Produkts
///////////////////*/

#collumn dl.products dd.img img {float:right; border:none; padding:0; margin-right:10px;}
#collumn dl.products dt {float:left; width: 220px;}

/*///////////////
Footer
///////////////*/

#footer {clear:both; padding-top:40px; background:url(../img/footer.gif) no-repeat bottom left;}
#footer p {float:right; padding-top:3px; padding-bottom:3px;font-size:70%;}
#footer a {border:none; padding-left:5px}

/*//////////////////
Formular
//////////////////*/

label {display:block;}
legend {font-weight:bold; color: #83C851; margin-bottom:3px;}
fieldset {display:block; border:none; margin-top:15px;}

textarea {width:240px; height:125px;}

input, textarea {background:#fff; border:1px solid #92C0F4; padding:1px 3px;}
input:focus, textarea:focus {background:#F9FCFF; border:1px solid #83C851;}

input.button {background:#fff; padding:2px 3px;}
input.button:hover {background:#F9FCFF;}
input.button:active {color:#fff; background:#83C851;}

select {background: #fff;color:#605E5F; border:1px solid #92C0F4;}