@charset "utf-8";
/* CSS Document */

* {
	padding:0px;
	margin:0px;
}

a{
cursor: pointer;
text-decoration:none;
}


a:focus {
	outline: none;
}


body {
font-family:Arial, Helvetica, sans-serif;
margin:0;
padding:0;
}
#head {
width:100%;
height:73px;
}
#head #top {
background-image: url(img/page/bg.png);
background-repeat:repeat-x;
height:46px;
text-align:center;
}

#head #top  img {
behavior:url(img/pngbehavior.htc);
}

#head #nav {
background-image: url(img/page/nbg.png);
background-repeat:repeat-x;
height:23px;
text-align:center;
word-spacing:30px;
padding-top:4px;
}

#head #nav a{
font-size:12px;
color:#FFFFFF;
font-weight:bold;
text-decoration:none;
}

#head #nav #lang{
margin-top:-15px;
float:right;
}

#head #nav #lang img{
margin-right:10px;
border:none;
}

#grand {
width:100%;
height:40px;
background-image:url(img/page/grand.png);
background-repeat:repeat-x;
margin:0;
padding:0;
}

#content {
width:800px;
margin-left:auto;
margin-right:auto;
 font-size:12px;
}

#content #left {
width:600px;
float:left;
}

#content #right {
width:200px;
float:right;
text-align:center;
}
#content #right #titel {
width:200px;
text-transform:uppercase;
font-size:12px;
font-weight:bold;
}
#content #right img {
border:1px solid black;
margin-top:5px;
margin-bottom:5px;
}

#content #welcome {
background-image:url(img/page/wbg.png);
background-repeat:repeat-x;
background-color:#666666;
border:1px solid #e0cc8c;
margin-bottom:45px;
height:92px;
width:100%;
}

#content #welcome #headline{
font-weight:bold;
height:18px;
margin-top:5px;
margin-left:5px;
}

#content #welcome p{
margin-left:4px;
line-height:20px;
}

#content #welcome p a{
font-weight:bold;
text-decoration:none;
color:#000;
}

#content #error {
background-image:url(img/page/ebg.png);
background-repeat:repeat-x;
border:1px solid #e0cc8c;
margin-bottom:20px;
height:92px;
width:100%;
}

#content #error #title{
font-weight:bold;
height:18px;
margin-top:5px;
margin-left:5px;
}

#content #error #text{
margin-left:4px;
font-size:22px;
margin-top:16px;
}

#content #success {
background-image:url(img/page/sbg.png);
background-repeat:repeat-x;
border:1px solid #e0cc8c;
margin-bottom:20px;
height:92px;
width:100%;
}

#content #success #title{
font-weight:bold;
height:18px;
margin-top:5px;
margin-left:5px;
}

#content #success #text{
margin-left:4px;
font-size:22px;
margin-top:16px;
}

#content #cheadline{
font-size:20px;
font-weight:bold;
color:#000;
width:100%;
text-align:center;
margin-bottom:10px;
}

#content #cheadline a{
text-decoration:none;
color:#bdac93;

}

#content #complete {
width:100%;
}

#content #complete #left{
float:left;
width:200px;
}

#content #complete #left img{
border:none;

}

#content #complete #right{
float:right;
width:600px;
margin-top:8px;
}

#content #complete #right label {
	float:left;
	clear:both;
	display:block;
	width:100px;
	margin-bottom:10px;
	padding-left:10px;
	padding-top:2px;
	text-align:left;
	font-weight:bold;
    color:#0098d8;
}
#content #complete #right input{
	float:left;
	display:block;
	width:460px;
	border: 1px solid #cccccc;
	padding:2px;
	margin-bottom:10px;
}

#content #complete #einbindung textarea{
	float:left;
	margin-left:25px;
	display:block;
	width:750px;
	border: 1px solid #cccccc;
	margin-bottom:10px;
	padding:2px;
	height:40px;
	font-size:12px;
}

#content #complete #einbindung label{
	float:left;
	margin-left:25px;
	display:block;
	margin-bottom:5px;
	margin-top:5px;
	font-size:12px;
	color:#0098d8;
}

#content #complete #einbindung a{
	font-weight:bold;
	text-decoration:none;
	color:#0098d8;
	cursor:default;
}

#content #upload #mode{
padding:4px;
border:1px solid #e0cc8c;
border-bottom:none;
background-image:url(img/page/ubg.png);
width:793px;
}

#content #upload #mode a{
color:#000000;
text-decoration:none;
}

#content #upload #uinput {
padding:4px;
border:1px solid #e0cc8c;
background-image:url(img/page/ubg.png);
width:793px;
}


#content #uploadsettings {
display:none;
width:800px;
margin-top:20px;
}

#content #uploadsettings #bclear{
clear:left;
background-color:#ccc;
height:1px;
width:100%;
margin-bottom:25px;
}

#content #uploadsettings #icon{
float:left;
width:36;
height:25px;
padding-right:10px;
}

#content #uploadsettings #title{
font-size:22px;
color:#CCCCCC;
font-weight:bold;
margin-bottom:2px;
}

#content #uploadsettings .icon{
float:left;
width:25;
height:20px;
margin-right:20px;
margin-top:-1px;
}
#content #uploadsettings .setting{
float:left;
font-weight:bold;
width:200px;
margin-right:20px;
}

#content #uploadsettings .thesetting{
float:left;
width:300px;
margin-right:20px;
}

#content #uploadsettings .thesetting input, select{
border: 1px solid #cccccc;
padding:2px;
}

#content #uploadsettings .descr{
margin-top:1px;
}

#content #uploadsettings .descr a{
text-decoration:none;
color:#333333;
}

#content #uploadsettings .wrap{
height:40px;
}



#content #uploading {
display:none;
width:800px;
margin-top:50px;
border:none;
}
#content #uploading h2{
font-size:18px;
color:#bdac93;
font-weight:bold;
margin-top:10px;
border:none;
}


.headline {
padding: 2px 0;
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
border-bottom:1px solid #cccccc;
font-weight:bold;
font-size:14px;
color:#333333;
margin-bottom:5px;
}

.sheadline {
padding: 2px 0;
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
border-bottom:1px solid  #999999;
font-weight:bold;
font-size:14px;
color:#333333;
margin-top:10px;
margin-bottom:5px;
margin-left:10px;
}

.linetext {
padding:5px;
margin-bottom:15px;
}

.linetext  blockquote {
	background: #e3f6fa;
	border-right: 2px solid #b4ecf7; 
	border-bottom: 2px solid #b4ecf7; 
	padding: 8px;
	line-height:18px;
}


.slinetext {
padding:5px;
margin-bottom:15px;
margin-left:10px;
}

#showimage {
width:100%;
}

#showimage #fit{
}

#showimage #info{
width:100%;
margin-bottom:20px;
}

#showimage #info li{
display:inline;
list-style-type:none;
margin-left:10px;
font-weight:bold;
font-size:12px;
border-bottom:1px solid #cccccc;
}

#showimage #info li a{
color:#0098d8;
text-decoration:none;
}

#showimage #info li span{
font-weight: normal;
font-size:12px;
}

#showimage #codes {
margin-left:auto;
margin-right:auto;
width:800px;
}


#content h2 {
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
border-bottom:1px dotted  #a9a8a5;
font-weight:bold;
font-size:1.5em;
color:#666666;
margin-bottom:20px;
padding-left:5px;
}

#gallery .wrap {
width:100%;
height:10px;
}

#gallery #sort #left {
float:left;
width:400px;
height:50px;
}

#gallery #sort #left li{
display:inline;
list-style-type:none;
margin-left:10px;
padding:0;
}

#gallery #sort #left li a{
text-decoration:none;
font-weight:bold;
font-size:16px;
color:#0098d8;
}

#gallery #sort #left li a:hover{
color:#bdac93;
}

#gallery #sort #left ul{
margin-top:6px;
padding:0;
}

#gallery #sort #right {
float:right;
width:400px;
height:50px;
}

#gallery #sort #right input{
height:20px;
font-size:16px;
padding:4px;
width:200px;
border: 1px solid #cccccc;
font-weight:bold;
}

#gallery #sort #right button{
font-size:15px;
padding:4px;
border: 1px solid #cccccc;
font-weight:bold;
-moz-border-radius:10px;
}

#gallery #images .image{
float:left;
padding-left:5px;
padding-right:5px;

margin-bottom:10px;
width:150px; 
height:112px; 
}
	
#gallery  #images .image .img {
background-position: top;
width:150px; 
height:112px; 
background-repeat: no-repeat;
}

#gallery  #images .image .img .info{
height:18px;
position:absolute;
background-color:#000000;
color:#fff;
width:146px; 
filter: alpha(opacity=80);
-moz-opacity: 0.8;    
opacity: 0.8;
font-weight:bold;
padding-top:2px;
padding-left:4px;
}




#gallery #navigation{
width:100%;
text-align:center;
margin-bottom:10px;
}

#gallery #navigation a{
text-decoration:none;
font-size:22px;
color:#0098d8;
font-weight:bold;
margin-left:4px;
margin-right:4px;
}

#gallery #navigation #activ{
text-decoration:none;
font-size:22px;
color:#000;
font-weight:bold;
margin-left:4px;
margin-right:4px;
}

#zip #zipinfos{
padding-left:5px;
margin-bottom:10px;
}

#zip #zipinfos h1{
color:#bdac93;
}

#zip #zipinfos li{
display:inline;
list-style-type:none;
margin-right:10px;
margin-left:2px;
font-weight:bold;
font-size:12px;
}

#zip #zipinfos #codes{
float:right;
margin-top:-15px;
}

#zip #zipinfos #codes a{
color:#0098d8;
text-decoration:none;
}

#zip #zipinfos #slide{
float:right;
margin-top:-15px;
margin-right:200px;
}

#zip #zipinfos #slide a{
color:#0098d8;
text-decoration:none;
}

#zip #showcodes{
margin-left:5px;
margin-top:10px;
}


#showcodes label {
	float:left;
	clear:both;
	display:block;
	width:150px;
	margin-bottom:20px;
	padding-top:4px;
	text-align:left;
	font-weight:bold;
    color:#0098d8;
	font-size:12px;
	}
	
#showcodes label a{
    color:#0098d8;
	text-decoration:none;
	}
	
#showcodes input{
	float:right;
	display:block;
	width:620px;
	border: 1px solid #cccccc;
	padding:2px;
    margin-right:5px;
	margin-bottom:10px;
}

#showcodes textarea{
	float:right;
	display:block;
	width:620px;
	border: 1px solid #cccccc;
	padding:2px;
    margin-right:5px;
	margin-bottom:10px;
}

#zip #zipinfos li span{
font-weight: normal;
font-size:12px;
}

#zip .image{
float:left;
padding-left:5px;
padding-right:5px;
width:150px; 
height:112px; 
margin-bottom:40px;
}
	
#zip .image .img {
background-position: top;
width:150px; 
height:112px; 
background-repeat: no-repeat;
}

#zip .image img {
width:150px; 
height:112px;
}

#zip .image .imginfo{
width:150px; 
height:18px;
background-color:#333333;
padding-top:2px;
background-image:url(img/page/nbg.png);
}

#zip .image .imginfo .left{
float:left;
width:75px; 
height:20px;
color:#fff;
}

#zip .image .imginfo .right{
float:right;
width:75px; 
height:20px;
color:#fff;
}

#start {
padding-top:45px;
width:800px;
}

#start .left {
float:left;
margin-top:5px;
}

#start .right {
float:right;
margin-right:-5px;
margin-top:5px;
}

#start .title{
background-image:url(img/page/ubg.png);
background-color: #e6d8ab;
width: 380px;
padding: 5px;
padding-left:10px;
font-weight:bold;
}

#start .arrow{
width: 380px;
background: url(img/misc/arrow.gif) 20px 0 no-repeat; /*20px 0 equals horizontal and vertical position of arrow. Adjust as desired (ie: 20px -5px).*/
margin-bottom: 5px;
height:20px;
}

#start .content{
width: 380px;
padding-left:8px;
}

#start .content .image{
float:left;
margin-right:4px;
margin-bottom:4px;
border:1px solid black;
}

#start .content .image{
float:left;
margin-right:4px;
margin-bottom:4px;
border:1px solid black;
}



#start .content li {
list-style-type:none;
margin-bottom:5px;
}











.balloonstyle{
position:absolute;
top: -500px;
left: 0;
padding: 5px;
visibility: hidden;
font:normal 12px Verdana;
line-height: 18px;
z-index: 100;
border:1px solid #000000;
font-weight:bold;
width:200px;
}

#arrowhead{
z-index: 99;
position:absolute;
top: -500px;
left: 0;
visibility: hidden;
}


/* TAGS */

#gallery #tags {
padding-left:5px;
margin-bottom:10px;
}

#gallery #tags a{
text-decoration:none;
color:#0098d8;
font-weight:bold;
margin:4px;
}

#gallery #tags a:hover{
color:#bdac93;
}

#gallery a.tag0 {
font-size:8px;
}
#gallery a.tag1 {
font-size:9px;
}
#gallery a.tag2 {
font-size:10px;
}
#gallery a.tag3 {
font-size:11px;
}
#gallery a.tag4 {
font-size:12px;
}
#gallery a.tag5 {
font-size:13px;
}
#gallery a.tag6 {
font-size:14px;
}
#gallery a.tag7 {
font-size:15px;
}
#gallery a.tag8 {
font-size:16px;
}
#gallery a.tag9 {
font-size:18px;
}
#gallery a.tag10 {
font-size:20px;
}
#gallery a.tag11 {
font-size:22px;
}
#gallery a.tag12 {
font-size:24px;
}
#gallery a.tag13 {
font-size:26px;
}
/* TAGS_right */


#right a{
text-decoration:none;
color:#0098d8;
font-weight:bold;
margin:10px;
}

#right a:hover{
color:#bdac93;
}

#right a.tag0 {
font-size:8px;
}
#right a.tag1 {
font-size:9px;
}
#right a.tag2 {
font-size:10px;
}
#right a.tag3 {
font-size:11px;
}
#right a.tag4 {
font-size:12px;
}
#right a.tag5 {
font-size:13px;
}
#right a.tag6 {
font-size:14px;
}
#right a.tag7 {
font-size:15px;
}
#right a.tag8 {
font-size:16px;
}
#right a.tag9 {
font-size:18px;
}
#right a.tag10 {
font-size:20px;
}
#right a.tag11 {
font-size:22px;
}
#right a.tag12 {
font-size:24px;
}
#right a.tag13 {
font-size:26px;
}


#start #tags a{
text-decoration:none;
color:#0098d8;
font-weight:bold;
margin:10px;
}

#start #tags a:hover{
color:#bdac93;
}

#start #tags a.tag0 {
font-size:8px;
}
#start #tags a.tag1 {
font-size:9px;
}
#start #tags a.tag2 {
font-size:10px;
}
#start #tags a.tag3 {
font-size:11px;
}
#start #tags a.tag4 {
font-size:12px;
}
#start #tags a.tag5 {
font-size:13px;
}
#start #tags a.tag6 {
font-size:14px;
}
#start #tags a.tag7 {
font-size:15px;
}
#start #tags a.tag8 {
font-size:16px;
}
#start #tags a.tag9 {
font-size:18px;
}
#start #tags a.tag10 {
font-size:20px;
}
#start #tags a.tag11 {
font-size:22px;
}
#start #tags a.tag12 {
font-size:24px;
}
#start #tags a.tag13 {
font-size:26px;
}