/*  
SUEDWAND.cc
Autor: SUEDWAND.cc, Martin Kolle
*/


/*  =========  GENERAL SETTINGS  =========  */

body {
background: #fff;
width: 100%;
color: #424242;
font-size: 13px;
font-family: Georgia,"Times New Roman",Times,serif;
margin: 0px 0px 0px 0px;
}

a { 
outline:none
}

a, a:visited{
color: #999;
text-decoration: none;
}
	
a:hover{
color: #555;
}


/*  =========  CONTAINER  =========  */

#container { 
width: 100%; 
background: #ffffff;
text-align: left; 
margin: 0px; 
}


/*  =========  CONTENTBOX  =========  */

#contentbox {
background:#ffffff url(images/content-bg.png) top repeat-x;
clear:both;
width:100%;
height:1000px;
text-align: left; 
position:relative;
display:block;
margin:0px 0px 100px 0px;
}


/*  =========  BLACK TITLE  =========  */

#title {
width:100%;
height:30px;
background:#000;
color:#fff;
position:relative;
text-align:right;
}

.title{
line-height:30px;
font-size: 14px;
font-weight:bold;
font-family: Georgia, Verdana, Helvetica, Arial, Sans-Serif;
margin:50px;
}


/*  =========  CENTERBOX HEAD  =========  */

#centerbox {
width:960px;
height:100%;
margin:0px auto;
position:relative;
}

#logo {
background:#000 url(images/suedwand.png) top no-repeat;
width:125px;
height:125px;
float:left;
position:relative;
}

#headline {
background:url(images/title.png) top no-repeat;
clear:both;
width:960px;
height:240px;
margin:0px 0px 50px 0px;
padding:0px 0px 65px 0px;
border-bottom: 3px solid #eee;
}

#space {
clear:both;
margin:0px 0px 30px 0px;
padding: 0px 0px 30px 0px;
border-bottom: 3px solid #eee;
}


/*  =========  CENTERBOX CONTENT  =========  */

#left {
width:700px;
clear:both;
float:left;
}

#left_wide {
width:100%;
clear:both;
float:left;
}

#right {
width:250px;
float:right;
}


/*  =========  CENTERBOX LEFT PROJECTS  =========  */

#project{
width:100%;
height:200px;
background:#eee;
position:relative;
margin-bottom:30px;
padding:0px;
}

#projectimg{
width:480px;
height:170px;
position:relative;
float:left;
margin:10px 0px 10px 10px;
padding:0px;
}

#projectdata{
width:430px !important;
width:400px;
height:170px;
position:relative;
float:left;
margin:10px 0px 10px 30px;
padding:0px;
}


/*  =========  NAVIGATION HORIZONTAL  =========  */

#navi_h{
width:550px;
height:40px;
float:right;
margin:40px 0px 110px 0px;
position:relative;
}

ul#navi_h {
width:550px;
height:40px;
float:left;
padding:0px 0px 0px 0px;
margin-left:0px;
margin-top:0px;
}

ul#navi_h li {
float:left;
margin:0px;
list-style: none;
}

ul#navi_h li a.start , ul#navi_h li a.web , ul#navi_h li a.grafik , ul#navi_h li a.kontakt, ul#navi_h li a.blog {
display:block;
height:40px;
text-indent:-9999px; 
}

ul#navi_h li a.start {
background:url(images/navi_h.png) -120px -10px no-repeat;
width:100px;
height:30px;
}

ul#navi_h li a.start:hover {
background-position:-10px -10px;
}

ul#navi_h li a.web{
background:url(images/navi_h.png) -120px -50px no-repeat;
width:100px;
height:30px;
}

ul#navi_h li a.web:hover {
background-position:-10px -50px;
}

ul#navi_h li a.grafik{
background:url(images/navi_h.png) -120px -90px no-repeat;
width:100px;
height:30px;
}

ul#navi_h li a.grafik:hover {
background-position:-10px -90px;
}

ul#navi_h li a.kontakt{
background:url(images/navi_h.png) -120px -130px no-repeat;
width:100px;
height:30px;
}

ul#navi_h li a.kontakt:hover {
background-position:-10px -130px;
}

ul#navi_h li a.blog{
background:url(images/navi_h.png) -120px -170px no-repeat;
width:100px;
height:30px;
}

ul#navi_h li a.blog:hover {
background-position:-10px -170px;
}


/*  =========  NAVIGATION VERTICAL  =========  */

#mainnavi{
width:30px;
float:left;
margin-top:230px;
position:fixed !important;
position:absolute;
z-index:99;
line-height: 50%;
}

ul#main-navi {
width:30px;
height:130px;
float:left;
padding:0px 0px 0px 0px;
margin-left:0px;
margin-top:0px;
}

ul#main-navi li {
margin:0px;
}

ul#main-navi li a.start , ul#main-navi li a.web , ul#main-navi li a.grafik , ul#main-navi li a.kontakt, ul#main-navi li a.blog {
display:block;
height:23px;
margin-top:1px;
text-indent:-9999px; 
border-bottom: 1px solid #dedede;
border-top: 1px solid #dedede;
border-right: 1px solid #dedede;
}

ul#main-navi li a.start {
background:url(images/navi_v.png) -5px -5px no-repeat;
width:20px;
height:23px;
}

ul#main-navi li a.start:hover {
background-position:-30px -5px;
}

ul#main-navi li a.web{
background:url(images/navi_v.png) -5px -30px no-repeat;
width:20px;
height:23px;
}

ul#main-navi li a.web:hover {
background-position:-30px -30px;
}

ul#main-navi li a.grafik{
background:url(images/navi_v.png) -5px -55px no-repeat;
width:20px;
height:23px;
}

ul#main-navi li a.grafik:hover {
background-position:-30px -55px;
}

ul#main-navi li a.kontakt{
background:url(images/navi_v.png) -5px -80px no-repeat;
width:20px;
height:23px;
}

ul#main-navi li a.kontakt:hover {
background-position:-30px -80px;
}

ul#main-navi li a.blog{
background:url(images/navi_v.png) -5px -105px no-repeat;
width:20px;
height:23px;
}

ul#main-navi li a.blog:hover {
background-position:-30px -105px;
}


/*  =========  CONTENT GENERAL  =========  */

#content { 
width: 100%; 
margin:0px;
position:relative;
padding: 0px;
min-height: 660px;
}

#content p{
margin: 0px;
padding: 0px 0px 10px 0px;
}

.sub{
color:#999;
margin:10px 0px 0px 0px;
line-height:30px;
}
	
#content img {
border: 5px solid #ddd;;
margin: 0px 5px 5px 0px; 
}

#content h1 {
color: #424242;
font-size: 32px;
font-family: Georgia,"Times New Roman",Times,serif;
font-weight:normal;
margin: 0px;
line-height: 150%;
list-style:none;
}
	
#content h2 {
color: #424242;
font-size: 32px;
font-family: Georgia,"Times New Roman",Times,serif;
font-weight:normal;
margin: 0px;
line-height: 150%;
list-style:none;
}

#content h2 a  {
list-style:none;
color: #424242;
font-size: 32px;
line-height: 150%;
text-decoration: none;
}

#content h2 a:hover {
color: #333;
text-decoration: none;
}

#content h2 ul {
list-style: none;
}
	
#content h2 li {
list-style: none;
}
	
#content h2 ul li {
list-style: none;
}

#content h3 {
}

#content h3 a  {
color: #3366ff;
text-decoration: none;
}

#content h3 a:hover {
color: #000000;
text-decoration: none;
}

#content ol {
list-style: none;
line-height: 18px;
margin: 0px;
padding: 0px 0px 30px 0px;
}

#content ul {
list-style: none;
margin: 0px;
padding: 0px 0px 20px 0px;
}
	
#content li {
list-style: none;
margin-bottom: 30px;
padding: 0px;
}

#content ol li {
list-style:none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 30px 0px;
}
	
#content ul li {
list-style:none;
margin: 0px 0px 0px 0px;
padding: 5px 0px 0px 0px;
}
	
#content ul li a {
color: #999;
text-decoration: none;
}

#content ul li a:hover {
color: #555;
text-decoration: none;
}


/*  =========  CONTENT BLOCKQUOTE  =========  */

blockquote{
color:#555;
margin: 0px 0px 0px 25px;
padding: 0px 25px 0px 10px;
font-style: italic;
}

#content blockquote p{
margin: 0px 0px 20px 0px;
padding: 0px;
}


/*  =========  POSTSPACE  =========  */

.postspace {
width: 660px;
height: 1px;
margin: 0px 0 20px 0px;
padding: 0px;
border-bottom:3px solid #eee;
}

.postspace2 {
width: 660px;
height: 1px;
margin: 0 0 50px 0;;
padding: 0px;
}

.postspace3 {
width: 350px;
height: 20px;
margin: 0px;
padding: 0px;
}

.postspace4 {
width: 350px;
height: 40px;
margin-bottom: 20px;
padding: 0px;
}


/*  =========  SIDEBAR RIGHT  =========  */

#r_sidebar { 
display:none;
background: #ffffff;
color: #000000;
width: 195px;
float: right; 
position:relative;
margin-top: 0px;
margin-bottom: 20px;
padding: 0px 15px 15px 15px; 
min-height: 660px;
}

* html #r_sidebar {
height: 660px;
}

#r_sidebar p{
margin: 0px;
line-height: 16px;
padding: 5px 0px 10px 0px;
list-style:none;
}

#r_sidebar h2 {
color: #3366ff;
font-size: 14px;
font-family: Helvetica, Arial, Verdana, Sans-Serif;
list-style: none;
padding: 10px 0px 10px 0px;
margin: 0px;
border-bottom: 	1px solid #cccccc;
}

#r_sidebar ul {
list-style: none;
margin: 0px;
padding: 0px 0px 20px 0px;
}
	
#r_sidebar li {
list-style: none;
margin: 0px;
padding: 0px;
}
	
#r_sidebar ul li {
list-style: none;
margin: 0px;
border-bottom: 1px dotted #cccccc;
padding: 0px 0px 0px 0px;
}
	
#r_sidebar ul li a {
display: block;
color: #000000;
text-decoration: none;
padding: 5px 0px 5px 5px;
}


#r_sidebar ul li a:hover {
color: #ffffff;
background: #3366ff;
}


/*  =========  COMMENT FORM  =========  */

#author, #email, #url, #comment {
border: 1px solid #eee;
background: #fff;
padding:5px;
color: #424242;
font-size: 13px;
line-height:18px;
font-family: Georgia,"Times New Roman",Times,serif;
}


/*  =========  SIDEBAR LEFT  =========  */

#l_sidebar { 
display:none;
}


/*  =========  FOOTER  =========  */

#footer {
display:none; 
}