/* CSS DATEI */
/* Julian Ereth - Sky High Design 2008 */

body {
text-align:center;
background:#5b1614;
line-height:1;
}


/*---------------HauptContainer----------*/
#haupt {
margin:auto;
width:800px;
height:600px;
margin-top:7%;
text-align:left;
}

/*---------------HeaderContainer----------*/
#header {
background:url(bilder/header.gif) no-repeat;
width:800px;
height:192px;
}

/*---------------LeftContainer----------*/
#left {
float:left;
background:url(bilder/left.gif) no-repeat;
width:159px;
height:408px;
}

/*---------------NaviContainer----------*/
#navi {
float:left;
width:134px;
height:408px;
background:url(bilder/navi.gif) no-repeat;
}

/*---------------NaviListe----------*/
#navi ul {
padding:0;
margin:0;
padding-top:20px;
}

#navi li {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10pt;
display:block;
color:#FFFFFF;
text-decoration:none;
padding-left:25px;
line-height:30px;
margin-bottom:2px;
border-top:solid transparent;
border-top-width:1px;
border-bottom:solid transparent;
border-bottom-width:1px;
list-style-type:none;
}

#navi li:hover {
border-top:solid;
border-top-width:1px;
border-bottom:solid;
border-bottom-width:1px;
background:#5b1614;
}

#navi a {
text-decoration:none;
color:#FFFFFF;
}


/*---------------ContentContainer----------*/
#back {
float:left;
background:url(bilder/content.gif) no-repeat;
width:351px;
height:408px;
padding:0;
}

#content {
margin-top:1px;
width:351px;
height:386px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:8pt;
color:#FFFFFF;
overflow:auto;
padding-top:20px;
margin-bottom:80px;
/*Scrollbar*/
 scrollbar-3dlight-color: black;
 scrollbar-arrow-color: white;
 scrollbar-darkshadow-color: black;
 scrollbar-face-color: #5b1614;
 scrollbar-highlight-color: black;
 scrollbar-shadow-color: black;
 scrollbar-track-color: #6b301b;
}

#content h1 {
padding-left:10px;
padding-right:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10pt;
margin-bottom:5px;
}

#content p {
margin-top:0;
line-height:1.2;
padding-left:10px;
padding-right:10px;
padding-bottom:0px;
}

#content iframe {
margin-left:10px;
}

#content a{
color:#FFFFFF;
}

/*------------Werdegang--------------*/
#content ul {
padding:0;
margin:0;
}

#content li {
font-family:Arial, Helvetica, sans-serif;
font-size:10pt;
margin-left:25px;
/*line-height:12pt;*/
border-top:solid transparent;
border-bottom:solid transparent;
border-top-width:1px;
border-bottom-width:1px;
/*display:block;*/
margin-right:10px;
margin-bottom:2px;
padding-bottom:2px;
list-style:disc;
list-style-position:outside;
}

#content li:hover {
border-bottom:dashed;
border-bottom-color:#FFFFFF;
border-top:dashed;
border-top-color:#FFFFFF;
border-top-width:1px;
border-bottom-width:1px;
}

/*--------------Kontakt----*/
#content form {
overflow:hidden;
margin-top:10px;
}

#content label, input, textarea {
float:left;
}

#content label {
clear:left;
width:100px;
padding-left:10px;
vertical-align:top;
}
#content input {
width:150px;
vertical-align:top;
}

#content textarea {
color:#000000;
margin-left:10px;
margin-top:5px;
}

#senden {
vertical-align:bottom;
background:#cccccc;
color:#000000;
font:Arial, Helvetica, sans-serif;
font-size:10pt;
border:solid;
border-width:1px;
border-color:#000000;
margin-top:5px;
margin-left:10px;
margin-right:5px;
}

#senden:hover {
background:#E9E9E9;
}

/*-------------Gallery--------*/
.bild {
margin-left:55px;
margin-bottom:10px;
}

.weiter {
margin-left:250px;
}

.back {
margin-left:55px;
}

.weiter1 {
margin-left:159px;
}

/*---------------RightContainer----------*/
#right {
float:left;
width:156px;
height:408px;
background:url(bilder/right.gif) no-repeat;
}

/*-----------Intro-------------*/
#intro {
text-align:center;
margin:auto;
font:Arial, Helvetica, sans-serif;
font-size:8pt;
color:#FFFFFF;
width:800px;
}

#intro a {
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
color:#FFFFFF;
}

#intro img {
margin-bottom:10px;
margin-top:150px;
margin-left:auto;
border:solid transparent;
border-width:1px;
border-color:#FFFFFF;
}

#intro img:hover {
border:solid;
border-width:1px;
border-color:#FFFFFF;
}

/*------- Galerie ----*/
#wtgallery_category_area {
margin-left:10px;
}

div.wtgallery_categories { 
	/*border: 1px solid silver;*/
	width: 110px;
	padding: 5px;
	float: left;
	margin: 5px 0;
}
div.wtgallery_category_pic {
	float: left;
}
div.wtgallery_category_pic {
	margin-right: 10px;
}
div.wtgallery_category_folder {
	margin: 20px 0 10px 0;
}
p.wtgallery_category_pagebrowser {
	display: none;
}
/* WT GALLERY list mode */
.listgal {
width:330px;
margin-left:10px;
}
.wtgallery_pagebrowser {
margin-top:20px;
width:310px;
text-align:center;
}
.wtgallery_listpic_pic {
	border: 1px solid #999999;
		margin:2px;
}
.wtgallery_listpic {
}
.wtgallery_pagebrowser_up {
	display: none;
}
/* WT GALLERY singleview mode */
.wtgallery_singlepic_area {
width:300px;
margin-left:20px;
text-align:center;
}
.wtgallery_singlepic_popup {
width:300px;
text-align:center;
margin-bottom:4px;
}
.wtgallery_singlepic {
	border: none;
	text-align: center;
}
wtgallery_singlepic_fwdback {
width:300px;
text-align:center;
margin-left:20px;
}
.wtgallery_singlepic_fwd {
width:300px;
text-align:right;
margin-bottom:4px;
margin-left:20px;
}
.wtgallery_singlepic_back {
text-align:left;
margin-bottom:4px;
margin-left:20px;
}
.wtgallery_backlink {
width:300px;
text-align:center;
margin-left:20px;
}
.wtgallery_singlepic_up {
margin-top:5px;
width:300px;
text-align:center;
margin-left:20px;
}