@charset "utf-8";

/*  
Theme Name: Green Dream v1.0
Theme URI: http://www.dannyruch.de
Theme Creator: Danny Ruch
Autor: Danny Ruch
*/

/* Main-Settings */
body {text-align: center; color: #000000; background-color: black; font-family: cursiv, Verdana, Georgia; font-size: 0.9em; line-height: 1.3em; }

html, body {height: auto !important; height: 100%;}

* {border: 0px; margin: 0; padding: 0;}

/* Content-Modifikationen */
a, a:link, a:active, a:visited {text-decoration: underline; outline: none; color: #e56c00;}
a:hover {text-decoration: none; color: #ed8c13;}

h1 {font-size: 95%; font-weight: bold; text-decoration:underline;}
h2 {font-size: 90%; font-weight: bold; text-decoration:underline;}
h3 {font-size: 85%; font-weight: normal;}
h4 {font-size: 80%; font-weight: normal;}
h5 {font-size: 75%; font-weight: normal;}
h6 {font-size: 70%; font-weight: normal;}

.wrapper {width: 100%; border: 1px ridge #333333;}
.text_important {border-bottom: 1px dotted #333333;}
.hinweis_rot {color: #95ff37;}
.floatbreak {float: none; clear: both;}
.link {border: 0; text-decoration: none;}

/* Header */
#header {width: 100%; height: 170px; background-image:url(../images/layout/header_bg.png); background-repeat: repeat-x; background-position: top center; }
#header_container{ margin: 0 auto; width: 990px; height: 170px; background-image:url(./images/layout/header_bg_line.png); background-repeat: no-repeat; background-position: top center; }

#logo {width: 990px; height: 120px; padding-top: 10px; text-align: center; }

#navi {width: 950px; text-align: center; height: 41px; padding: 0 20px; }

/* Über mich */
#uebermich-text {float: left; width: 614px; margin-right: 8px;}
#uebermich-picture {float: left; width: 156px; text-align: right;}

/* Main-Content */
#content{width: 100%; background-image: url('../images/layout/bg.jpg'); background-position: top center; background-repeat:no-repeat; background-color: #5a8d17; }
#content_container{width: 990px;  margin: 0 auto; padding: 16px 0; text-align: left;}

#content_top {width: 100%; height: 6px; background-image:url(../images/layout/content_top.png); background-repeat: no-repeat; background-position: top center;}
#content_mid {width: 942px; padding: 14px 24px; background-image:url(../images/layout/content_mid.png); background-repeat: repeat-y; background-position: top center; color: #333333;}
#content_bot {width: 100%; height: 6px; background-image:url(../images/layout/content_bot.png); background-repeat: no-repeat; background-position: top center;}

/* Portfolio */
.portfolio_image {margin: 0 20px 20px 0; width: 320px; float: left; }
.portfolio_text {margin: 0 0 20px 0; width: 290px; float: left; }
.portfolio_descr {margin: 0 0 20px 0; width: 280px; float: right;  }

.portfolio_text a {font-size: 85%; padding-left: 20px; background-image:url(../images/layout/portfolio_link.png); background-repeat: no-repeat; background-position: center left;}

ul.portfolio_list {list-style-type: none; }
ul.portfolio_list li { padding-left: 20px; background-image:url(../images/layout/portfolio_list.png); background-repeat: no-repeat; background-position: center left;}

ul.portfolio_info {list-style-type: none; }
ul.portfolio_info li { padding-left: 20px; background-image:url(../images/layout/portfolio_info.png); background-repeat: no-repeat; background-position: center left;}

/* Footer / Subnavi */
#footer { width: 100%; height: 350px;  background-image:url(../images/layout/footer_bg.jpg);  background-repeat: repeat-x; background-position: top center;}

#footer_top { width: 100%; height: 24px; background-image:url(../images/layout/footer_top_bg.png);  background-repeat: repeat-x; background-position: top center; }
#footer_container { margin: 0 auto; width: 990px; height: 300px; padding: 25px 10px; color: #f5f6d4; font-size: 90%; }

.footer_box_l {float: left; width: 300px; text-align: left; height: 280px; padding: 0 4px 10px 20px;  }
.footer_box_m {float: left; width: 320px; text-align: center; height: 280px; padding: 0 4px 10px 4px; }
.footer_box_r {float: left; width: 300px; text-align: right; height: 280px; padding: 0 20px 10px 4px;}

#subnavi { width: 100%; height: 50px; background-image:url(../images/layout/subnavi.png);  background-repeat: repeat-x; background-position: top center; font-size: 85%;}
#subnavi_container { margin: 0 auto; width: 990px; line-height: 30px; height: 30px; padding: 10px 0; text-align: center; color: #f5f6d4;}

a.link_subnavi:link { color: #85db18;}
a.link_subnavi:visited {color: #85db18;}
a.link_subnavi:hover {color: #8fff00;}
a.link_subnavi:active {color: #85db18;}

/* Kontakt-Formular */
.kontakt_td_1 {width: 70px; height: 30px; vertical-align: top; font-size: 85%; text-decoration: underline;}
.kontakt_td_2 {width: 300px; height: 30px; vertical-align: top;}
.kontakt_td_2_button {height: 18px; padding-top: 12px; }

.kontakt_field {width: 250px; padding: 5px; font-size: 85%; color: #333333; border: 1px solid #8cbf26; font-family: cursiv, Verdana, Georgia;}
.kontakt_area { vertical-align: top; width: 250px; height: 140px; padding: 5px; border: 1px solid #8cbf26; font-family: cursiv, Verdana, Georgia; font-size: 85%; color: #333333; }
.kontakt_button {width: 160px;  background-color: #FFFFFF; padding: 5px; border: 1px solid #8cbf26; font-family: cursiv, Verdana, Georgia; font-size: 85%; color: #333333;}

/* Leistungen */
#table_service {border-collapse: separate;}
#table_service td {padding: 5px 0;}
.table_descr {text-align: left; width: 240px;}
.table_data {text-align: center;}
.table_spacer {width: 30px;}
.table_icon {width: 14px; background-image:url(../images/layout/info.png);  background-repeat: no-repeat; background-position: center left;}
.table_data_b, .table_data_s, .table_data_g, .table_data_p {background-color: transparent; text-align: center; border: 1px dotted #2f400d;}

.info_box{height:15px; width:15px;}
.info_box div {display:none;}
.info_box:hover div{display:block; width: 250px; position:relative; left: 19px; top: 3px; border:1px dashed #2f400d; padding:6px; background-color: #f5f6d4; font-size: 85%;}

/* Slider-Galerie */
#slider ul, #slider li{margin:0; padding:0;	list-style:none;}
#slider li{width:320px;height:250px; overflow:hidden;}
div#prevBtn{text-align: right; float: left; width: 35px;}
div#nextBtn{ text-align: right; float: right; width: 30px;}	

/* Top-Navigation */
.kwicks {list-style: none; position: relative; margin: 0; padding: 0;}  
.kwicks li{display: block; overflow: hidden; padding: 0; cursor: pointer; float: left; width: 190px; height: 40px; margin-right: 0px; background-image:url(../images/layout/kwicks_sprite.png);	background-repeat:no-repeat;}
.kwicks a{display:block; height:40px; text-indent:-9999px; outline:none;}

#kwick1 {background-position:0px 0px;}
#kwick2 {background-position:-250px 0px;}
#kwick3 {background-position:-500px 0px;}
#kwick4 {background-position:-750px 0px;}
#kwick5 {background-position:-1000px 0px;}

#kwick1.active, #kwick1:hover {background-position: 0 bottom;}
#kwick2.active, #kwick2:hover{background-position: -250px bottom;}
#kwick3.active, #kwick3:hover {background-position: -500px bottom;}
#kwick4.active, #kwick4:hover {background-position: -750px bottom;}
#kwick5.active, #kwick5:hover {background-position: -1000px bottom;}

#kwick1 a{background-repeat:no-repeat; background-position: left 0px;}
#kwick1 a:hover{background-position: left -80px;}
#kwick5 a{background-repeat:no-repeat; background-position: right -40px;}
#kwick5 a:hover{background-position: right -120px;}