/* Allgemeine Definitionen */
* {
 margin: 0px;
 padding: 0px;
}

html {
overflow-y: scroll;
}

html, body {
 height: 100%;
}

body {
 font-family : Arial, Helvetica, sans-serif;
 font-size : 12px;
 line-height: 130%;
 color: #404040;
 background-color : #fff;
}

a { 
 text-decoration : underline; 
}

a img {
 border:none;
}

p {
 padding-bottom: 18px;
}

h1 {
 font-size: 14px;
 font-weight:bold; 
 padding-bottom: 18px;
}

h2 {
 font-size: 14px;
 font-weight:bold; 
 padding-bottom: 18px;
 padding-top: 6px;
}

h3 {
 font-size: 12px;
 font-weight:bold; 
 padding-bottom: 18px;
}
h4 {
 font-size: 12px;
 font-weight:bold;
 padding-bottom: 18px;
 padding-top: 6px;
}


/* Linkdarstellung */

a:link    { color : #404040; }
a:visited { color : #404040; }
a:hover { 
 color : #404040;
}
a:focus   { 
 color : #404040;
}
a:active  { 
 color : #404040;
}

/* Linkdarstellung Navigation */

#navigation a:link    { color : #404040; }
#navigation a:visited { color : #404040; }
#navigation a:hover   { 
 color : #404040;
 background-color : #fff; 
}
#navigation a:focus   { 
 color : #404040;
}
#navigation a:active  { 
 color : #404040;
}


/* Definition ID's */

#wrapper {
 position: relative;
 min-height: 100%;
 width: 900px;
 margin: 0px auto;
 background-color: #fff;
}

#header {
 position:absolute;
 width: 900px;
 height : 141px;
 padding: 20px 0px; 
 background-image: url(darkorange.png);
 background-repeat:  repeat-x;
 background-position: bottom;
 background-position:0px 160px;
 background-color: #fff;
 z-index: 3;
}

#navigation {
 position:absolute;
 top: 182px;
 float: left;
 width: 200px;
 z-index: 3;
 min-height: 250;
 background-color: #fff;
}

#content {
 position: absolute; 
 top: 181px;
 width: 650px;
 float: left;
 margin-left: 250px;
 z-index: 1;
 padding-bottom: 100px;
}


#content li {
 list-style:none;
}

#navigation li {
 list-style:none;
 padding-bottom: 7px; 
}

#navigation a {
 font-weight:bold; 
 display:block;
 text-decoration: none;
} 

#navigation ul li ul li {
 padding-bottom: 0px;
}

#navigation ul li ul li a{
 font-weight:normal; 
}

/* Definition Classen */

.submit {
 font-weight: bold;
} 

/*Bild-Abstand*/

.csc-textpic-caption {
 font-size: 10px;
}

div.csc-textpic-intext-left div.csc-textpic-imagewrap, div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap {
    margin-right: 20px !important;
}

div.csc-textpic-intext-right div.csc-textpic-imagewrap, div.csc-textpic-intext-right-nowrap div.csc-textpic-imagewrap {
    margin-left: 20px !important;
}

#logo-container {
    height: 120px;
}

/* resize images */
#logo-container img {
    height: 120px;
    width: auto;
}


/* --------------------------- */


@media screen and (max-width: 480px) {
#header {
	height: 125px;
}

#navigation {
 position:relative;
 top: 182px;
 float: left;
 width: 200px;
 min-height: 0px;
 z-index: 3;
 margin-left: 20px;
 background-color: #fff;
}

#content {
 position: relative;
  left: -220px; 
 float: left;
 width: auto;
 margin-top: 130px;
 margin-left: 20px;
 padding-bottom: 100px;
}

#logo-container {
	height: 120px;
}

/* resize images */
#logo-container img {
    height: 120px;
    width: auto;
    margin-left: 45px;
}

}