@charset "UTF-8";
/* CSS for Katja Marx by Martin Stein, EXCO|MEDIA - www.excomedia.de */

* {
	margin: 0;
	padding: 0;
	border: none;
	}
	
html {
	margin: 0;
	padding: 0;
	background-color: #040204;
	color: #FFFFFF;
	font-family: Georgia, serif;
	font-size: 12px;
	}
	
/* LINKS */	
body {
	width: 100%;
	height: 101%;
	}
	
#main {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -480px;
	width: 960px;
	height: 580px;
	}
	
#top {
	position: absolute;
	top: 0;
	left: 0;
	width: 960px;
	height: 120px;
	background: url('../img/header_katjamarx.gif') top left no-repeat;
	text-align: right;
	}
	
	#top ul {
		margin-top: 45px;
		margin-right: 80px;
		height: 86px;
		list-style-type: none;
		float: right;
		}
		
		#top ul li {
			float: left;
			width: 116px;
			height: 20px;
			margin-left: 2px;
			list-style-type: none;
			}
			
			#top ul li img {
				width: 86px;
				height: 20px;
				border: none;
				}
				
			#top ul li a img {
				border: none;
				}
	
#center {
	position: absolute;
	top: 120px;
	left: 0;
	width: 960px;
	height: 410px;
	border: none;
	}
	
	#nav {
		position: absolute;
		top: 0;
		left: 32px;
		width: 363px;
   	height:420px;
		overflow: hidden;
		}
		
		#nav ul {
			width: 363px;
			float: left;
			overflow: hidden;
			list-style-type: none;
			}
			
			#nav ul li {
				float: left;
				overflow: hidden;
				width: 363px;
				height: 76px;
				margin-bottom: 7px;
				list-style-type: none;
				}
				
				#nav ul li img {
					float: left;
					width: 200px;
					height: 76px;
					}
					
				#nav ul li a {
					border: none;
					}
				
				#nav ul li ul {
					float: left;
					overflow: hidden;
					width: 156px;
					height: 76px;
					margin-left: 7px;
					list-style-type: none;
					}
					
					#nav ul li ul li {
						float: left;
						width: 37px;
						height: 37px;
						margin: 1px;
						padding: 0;
						list-style-type: none;
						}
						
						#nav ul li ul li img {
							float: left;
							width: 37px;
							height: 37px;
							background-color: #FFFFFF;
							}
							
						#nav ul li ul li a {
							border: none;
							}
		
	#content {
		position: absolute;
		top: 0;
		left: 402px;
		width: 476px;
		height: 285px;
		border: 1px solid #FFFFFF;
		}

    #content a {
      color: #fff;
      text-decoration: none;
      border-bottom: solid #fff 1px;
      padding-bottom: 1px;
    }	
    #content a:hover {
      color: fff;
      text-decoration: none;
      border-bottom: solid #890204 1px;
      border-collapse: separate;
    }
    #content dl dt a, #content dl dt a:hover{
      border-bottom:none;
    }

		
	#content_desc {
		position: absolute;
		top: 289px;
		left: 402px;
		width: 478px;
		height: 119px;
		background-color: #FFFFFF;
		color: #000000;
		}

	#content_menu {
  	display: block;
  	position: absolute;
  	top: 5px;
    right: 0;
    width:150px;
		color: #000;
		}
		
    #content_menu a {
      color: #000;
      text-decoration: none;
      border-bottom: solid #000 1px;
      padding-bottom: 1px;
    }	
    #content_menu a:hover {
      color: 000;
      text-decoration: none;
      border-bottom: solid #890204 1px;
      border-collapse: separate;
    }


		
#bottom {
	position: absolute;
	top: 530px;
	left: 0;
	}
	
h1 {
    font-size: 14px;
    font-style: italic;
    text-transform: uppercase;
    }
    
#content h1 {
    margin: 10px 7px 10px 7px;
    }
    
#content p, #content_desc p {
    margin: 0 7px 5px 7px;	
	}
	
#content_desc h1 {
    margin: 5px 7px 5px 7px;
    font-weight: normal;
    }

.csc-mailform-field {
    height: 25px;
    width: 450px;
    }

label {
    float: left;
    width: 75px;
    }
    
input {
    float: left;
    width: 350px;
    }
    
textarea {
    float: left;
    width: 350px;
    height: 130px;
    margin-bottom: 10px;
    }
    
.csc-mailform-submit {
    width: 100px;
    margin: 10px 10px 10px 75px;
    }
    
form {
    margin: 0 7px 10px 7px;
    }


/* SCROLLBAR */   
    
    #scrollbar_track {
    	position:absolute;
    	top:0;
    	left:0;
    	height:100%;
    	width:10px;
    	background-color:transparent;
    	cursor:move;
    }
    
    #scrollbar_handle {
    	width:3px;
    	background-color:#fff;
    	cursor:move;
    	-moz-border-radius: 5px;
    	-webkit-border-radius: 5px;
    	opacity:0.9;
      -moz-opacity:0.6;
    }
    
    #scrollbar_content {
    	overflow:hidden;
    	width:285px;
    	height:250px;
    }