﻿/*  
Theme Name: immecke Wordpress Theme 2.0.0
Theme URI: http://www.ingo-ruberg.de
Description: Das komplett individuelle Theme vom Planungsbüro immecke & immecke. Eingebunden sind Shadowbox und ein Javascript Scroller.
Version: 2.0.0
Author: Ingo Ruberg
Author URI: http://www.ingo-ruberg.de

Copyright (c) 2008 ingo ruberg design.
 */

       * {
		margin:0;
		padding:0;
		font-family: "Futura Light BT", Tahoma, Arial, Helvetica, sans-serif;
		font-size: 10pt;
		LETTER-SPACING: 1px;
		line-height: 16px ;
		}

	html, body {
		height:100%;
		}

	body {
		background-color:#000000;
		color:#630;
		font:100.01%/1.4 sans-serif;
		text-align:center; /* horizontal centering for IE Win quirks */
		}

	#distance { 
		width:1px;
		height:50%;
		background-color: transparent;
		margin-bottom:-270px; /* half of container's height */
		float:left;
		}

	#container {
		margin:0 auto;
		position:relative; /* puts container in front of distance */
		text-align:left;
		height:540px;
		width:1040px; /*+90px*/
		clear:left;
		background-color:#204b51;
		border:0px solid #c93;
		}

        #projekte {
                float: right;
                width: 90px;
                height: 540px;
                background-color: #000;
                }
        #projekte img {
                border: none;
                }
        .qtrans_language_chooser {
                float: right;
                }
                
                .qtrans_language_chooser li.active a,
                .qtrans_language_chooser li.active a:active,
                .qtrans_language_chooser li.active a:hover,
                .qtrans_language_chooser li.active a:visited{
                    font-weight: bold;
                }
                
                .qtrans_language_chooser li a, 
                .qtrans_language_chooser li a:active,
                .qtrans_language_chooser li a:hover,
                .qtrans_language_chooser li a:visited{
                    font-weight: normal;
                }
        
	p,
	ul,
	ol {
	line-height: 15pt;
	margin-top: 9pt;
	margin-bottom: 9pt;
	}
	li {
	line-height: 15pt;
	}
	.nopaddingbottom {
	  padding-bottom: 0;
	  margin-bottom: 0;
	}
	#content {
	  margin: 0;
	  padding: 0;
	  float:left;
	  width: 700px;
	  height: 420px;
	  background-color: #c2dae4;
	  overflow: hidden;
	  }
	#content div.text {
	  padding: 20px 5px 0 20px;
	  color: #000000;
	  }
	#content div.text ul{
	  padding: 0 0 0 20px;
	  margin-top: 0;
	  list-style-type:square;
	}

	#content a {
	  color: #000000;
	  text-decoration: none;
	  font-weight: bold;
	}
	#content ul,
	#content ol{
	  list-style-type: none;
	}
	#content ul ul,
	#content ol ul{
	  list-style-type: disc;
	  list-style-position:inside;
	}

	#list {
	  margin: 0;
	  padding: 0;
	  float:left;
	  width: 250px;
	  height: 420px;
	  background-color: #f69512;
	  }
	#listtop {
	  width: 100%;
	  height: 20px;
	  background-color: #f69512;
	  }
	#listbottom {
	  width: 100%;
	  height: 20px;
	  background-color: #f69512;
	  }
	#navigation {
	  margin: 0;
	  padding: 0;
	  /*clear: both; nach projekte Leiste */
	  float:left;
	  width: 700px;
	  height: 120px;
	  background-color: #604031;
	  }
	#navigation div.text {
	  padding: 20px 5px 0 20px;
	  color: #c2dae4;
	  }
	  
	#navigation div.text li {
	  display: inline;
	  margin-right: 14px;
	}

	#navigation div.text li a {
	  color: #c2dae4;
	  text-decoration: none;
	}

	.current-cat,
	.current_page_item {
	  color: #c2dae4;
	  text-decoration: none;
	  font-weight: bold;
	}
	
	h1 {
	  font-size: 17pt;
	  font-weight: normal;
	  margin-top: 14pt;
	}

	#copy {
	  border: 0 solid black;
	  margin: 0;
	  padding: 0;
	  float:left;
	  width: 247px;
	  width: 250px;
	  height: 120px;
	  background-color: #204b51;
	  }
	#copy div.text {
	  padding: 20px 5px 0 20px;
	  color: #f69512;
	  }
	#copy div.text li {
	  display: inline;
	  margin-right: 14px;
	}

	#copy div.text li a {
	  color: #f69512;
	  text-decoration: none;
	}
	  
  #scroll_up {
    cursor: pointer;
    display: none;
    text-align: top;
    height: 20px;
    width: 250px;
  }
  #scroll_up img {
    margin: 0 0 0 20px;
    width: 210px;
    height: 20px;
  }
  #scroll_down {
    cursor: pointer;
    display: none;
    text-align: top;
    padding: 0;
    height: 20px;
    width: 250px;
  }
  #scroll_down img {
    margin: 0 0 0 20px;
    width: 210px;
    height: 20px;
  }
  #scroll_box {
    height: 420px;
    width: 250px;
    overflow: auto;
  }
  #scroll_box div.text{
    padding: 20px 5px 20px 20px;
    color: #204b51;
  }
  #scroll_box ul,
  #scroll_box ol{
    list-style-type: none;
  }
  #scroll_box li{
    margin-top: 12px;
  }
  #scroll_box a{
    color: #204b51;
    text-decoration: none;
    font-weight: bold;
  }
  #scroll_box small{
    font-size: 9pt;
  }
  #bilder {
    float: left;
    width: 310px;
  }
  #bilder img {
    border-width: 0px;
    margin: 0;
    padding: 0;
  }

  #bilder img.image1 {
    border-width: 0px;
    margin: 0 4px 4px 0;
    padding: 0;
  }
  #bilder a {
    border-width: 0px;
    margin: 0 4px 4px 0;
    padding: 0;
  }
  #texte {
    float: left;
    width: 335px;
  }
  #nurtexte {
  }
  
  blockquote {
    margin: 0 0 12px 12px;
  }
  blockquote p{
    margin: 0 0 0 0;
  }

