/*
Theme Name: cleout
Theme URI: http://www.clemenswinkler.com
Version: 1.0
Description: Get More Free Wordpress Themes By Visiting <a href="http://greatwordpressthemes.com">Making Wordpress Themes</a> 
Author: Clemens Winkler
Author URI: http://www.clemenswinkler.com
*/


li {
display: block;
list-style-type: none;
}

/* Links */

a:link,
a:visited {
font-family:verdana;
cursor: pointer;
font-size: 10px;
font-weight:0.1em;
color: #333333;
text-decoration: none;
//background-color:white;
padding-top: 0px;
	padding-right: 1px;
	padding-bottom: 0px;
	padding-left: 1px;
/*border-bottom-width: 1px;
	border-bottom-style: dotted;
      border-bottom-color: #ffffff;*/
}

a:hover, a:active {
color:#cccccc;
cursor: pointer;
//text-decoration: underline;
/*border-bottom-width: 1px;
	border-bottom-style: dotted;
      border-bottom-color: #000000;
*/
}

img{
border:1px solid white;
text-decoration:none;}

p2
{
font-family: arial, Verdana;
color: #000000;
letter-spacing: 0.1em;
font-size: 13px;
font-weight: bold;
margin: 0px 0 0 0;
}

p3
{
font-family: arial, Verdana;
color: #000000;
letter-spacing: 0.03em;
font-size: 50px;
font-weight: bold;
margin: 0 0 0 0;
}

small
{
padding: 0 0 0 10px;
font-size:10px;
color:#CCCCCC;
}



p
{

text-align:left;
font-family:verdana;
font-size: 11px;
line-height:19px;
color: #333333;
}

u1
{font-family:verdana, sans-serif, georgia;
font-size: 10px;
display:block;	
margin: 0 0 0 0;
	color: #000000;
padding-top: 1px;
	padding-right: 0px;
	padding-bottom: 1px;
	padding-left: 0px;
}

u1:hover {
display:block;
background-color: #000000;
color: #FFFFFF;
}


u1:active {
background-color: #000000;
color: #FFFFFF;
}

u2 
{
cursor: pointer;
display:block;
line-height:18px;
font-family:verdana;
font-size: 11px;	
margin-bottom: 0px;
	color: #000000;
padding-top: 0px;
	padding-right: 25px;
	padding-bottom: 1px;
	//padding-left: 3px;
}

u2:hover {
}

u3 
{
font-family: arial,Georgia,Garamond,Times;
font-weight: lighter;
font-size: 13px;
line-height: 18px;
cursor: default;
color: #000000;}

u3:hover {
}

u4 {
font-family:verdana;
cursor:pointer;
font-size: 11px;	
font-weight: bold;
margin-bottom: 0px;
	color: #000000;	
padding-top: 0px;
	padding-right: 25px;
	padding-bottom: 1px;
	padding-left: 3px;
}


h3
{
font-size:18px;font-family:verdana, sans-serif, georgia;
font-weight:normal;display:inline;color:black;opacity: 0.35;
}

/* Structure */

body
{
overflow: scroll;	
color: #333333;
//background-color: #ffffff;
	background-repeat:no-repeat; 
   //     background-attachment: fixed;
background-image:url(http://clemenswinkler.com/dipl/wp-content/themes/cleout/images/raster_bg01.png);
background-position:130px 150px;
}



#wrapper2 {
width: 800px;
margin-left: 1%;
margin-right: auto;
//background-color: white;
background-repeat: repeat;
padding: 3px 15px 15px 10px;
//opacity:0.97;
//background-repeat: no-repeat;
//background-image:url(http://clemenswinkler.com/dipl/wp-content/uploads/2009/04/IMG_7431.jpg)
}

#wrapper {
width: 620px;
align:right;

//opacity:1;
}

/*background-image:url(http://www.clemenswinkler.com/dipl/wp-content/themes/cleout/images/bg_02_pencil02.jpg)*/
/*tagged the clicked links active*/

#header
{
	
	width: 100%;
	height: 40px;
	margin:27px 0px 0px 15px;	
	//background-color: #FFFFFF;
	//background-image: url(images/senses_icons_01.jpg);
	background-repeat: no-repeat;
	border-bottom:1px solid #999999;

}

#subheader
{
height:123px;
}




/*
#nav-left-contur
{
margin-top: 8px;
margin-left:13px;
width:167px;
float:left;
position:relative;
height:13px;
background-color:#000000;
}
*/
#nav-left-contur-bottom
{
margin-top: 309px;
margin-left:-144px;
width:144px;
float:left;
position:relative;
height:1px;
background-color:#999999;
}
/*
#content-wrapper-contur
{
margin-top: 45px;
margin-left:69px;
width:10px;
float:left;
//position:relative;
height:210px;
background-color:#ff4200;
}
*/
#content-wrapper
{
//z-index:5;
width: 502px;
align:right;
border: 1px solid #999999;
background-color: #ffffff;
	padding-top: 0px;
	padding-right: 9px;
	padding-bottom: 5px;
	padding-left: 9px;
opacity:1;
margin-top: -45px;
margin-left: 150px;
margin-bottom: 40px;
}

#content-wrapper-bg
{
//z-index:1;
width: 500px;
height:300px;
opacity:0.5;
position:absolute;
top:150px;
left:170px;
//margin-top: -55px;
//margin-left: 100px;
background-repeat: repeat;
background-image:url(http://clemenswinkler.com/dipl/wp-content/themes/cleout/images/raster_bg01.png);
//background-color: rgba(255, 255, 255, 0.5);
}

#topic-sticker
{
position:relative;
margin-top: -100px;
margin-left: 760px;
}



#content
{

	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	
}

#sidebar-wrapper
{
//position:fixed;
top: 17px;
	padding: 0px 0 10px 0;
//align:right;	
	width: 180px;

	}

/*
#sidebar
{
	
//align:right;	
margin-left: 0px;
	

	}

#sidebar form {
	margin: 0;
	}

.sideblock {
//align:right;
width: 100%;
}
*/

#footer2
{

clear:both;
float: none;
position: absolute;
width: 720px;;
margin-left: auto;
margin-right: auto;	
padding-left: 15px;
margin-top: 370px;	
background: #FFFFFF;
height: 40px;
}

#nav_gesamt
{

	width: 180px;
position:absolute;

margin-top: -30px;
//margin-left: 3px;
}



#nav_gesamt a:link,
#nav_gesamt a:visited {
//font-family: Monaco,Verdana,Arial,Helvetica,sans-serif;
font-family: arial, Verdana, "Century Gothic", Geneva, sans-serif;
font-size: 11px;
font-weight:100;
text-decoration:none;
margin: 0 0 0px 0px;
padding: 0 0 0 2px;
line-height:15px;
//letter-spacing:1px;
color: #000;
display:block;
//background-color: rgba(255, 255, 255, 0.8);
//background-color:#ffffff;
/*
border-top:2px solid #FFFFFF;
border-bottom:1px solid #FFFFFF;
border-left:1px solid #FFFFFF;
*/



}


#nav_gesamt a:hover,
#nav_gesamt a:active {
text-decoration:none;
margin: 0 0 0px 0px;
padding: 0 0 0 2px;
line-height:15px;
//letter-spacing:1px;
color: white;
display:block;
//background-repeat: repeat;
//background-image:url(http://clemenswinkler.com/dipl/wp-content/themes/cleout/images/bg_menu01.gif);
background-color:#ff3000;
//background-color: rgba(233, 233, 233, 0.8);
//opacity: 0.9;
cursor:pointer;
}



#nav_left0
{	margin-top:0px;
	width: 150px;
}

#nav_left1
{	
	width: 177px;
}

#nav_left2
{	
	width: 177px;
}


.date {
	font-family:verdana;
font-size: 10px;
color: #000000;
text-decoration: none;
margin-left: 451px;
margin-top:-13px;
padding-left: 3px;
width:8%;
}


.category {
margin-left:530px;
margin-top: 2px;
margin-right: 0px;
padding: 0 0 0 0;
text-decoration: none;
}

.category a:link, a:hover, a:visited{
text-decoration: none;
}

.titles a:link,
.titles a:visited  {
	font-family:verdana;
cursor: pointer;
font-size: 10px;
color: #333333;
text-decoration: none;
font-weight: bold;	
margin-top:0px;
margin-bottom:15px;
}


/*.titles a:hover {
text-decoration: underline;
	}
*/

.titles a:visited {

	}

#post-wrapper
{
margin: 0 0 0 0;
padding: 0 0 0 0;
}


.post {
margin: 10px 0 15px 0;
padding: 0 0 0 0;
width:100%;	
	text-align: justify;
	}

.post hr {
	}


/* Begin Form Elements */
#searchform {
	margin: 10px auto;
	padding: 5px 3px;
	text-align: center;
	}

#sidebar #searchform #s {
	width: 108px;
	padding: 2px;
	}

#sidebar {
	font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

#sidebar #searchsubmit {
	padding: 1px;
	}




ul .children a{
margin-left:-30px;

}


#sidebar h3 {
	font-family: 'Lucida Grande', Verdana, Sans-Serif;
	font-size: 6px;
color:#FFFFFF;	
}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 130px;
	}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform textarea {
	width: 100%;
	padding: 2px;
	}

#commentform #submit {
	margin: 0;
	float: right;
	}
/* End Form Elements */

/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 3px;
	padding: 5px 10px 3px;
	list-style: none;
	}

.commentlist p {
	margin: 10px 5px 10px 0;
	}

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */




/*accordion

.accordion_toggle {cursor: pointer;}
		
		.accordion_toggle_active {
background-color: #000000;
color: #FFFFFF;
}
		
		.accordion_content {
			
		
cursor: pointer;

overflow: hidden;
	
}
			
			.accordion_content h2 {
			}
			
			.accordion_content p {
			}
		

	.accordion_content a:link{
		background-color:#FFFFFF; color:#000000; text-decoration:none;	}
		
	.accordion_content a:hover, a:active {
		background-color:#000000; 
display:block;
color:#FFFFFF;
text-decoration:none;	}
	
		.vertical_accordion_toggle {
		
			cursor: pointer;
		}

		.vertical_accordion_toggle_active {
background-color: #000000;

color: #FFFFFF;	
}

		.vertical_accordion_content {
overflow: hidden;		
}

			.vertical_accordion_content h2 {
			}

			.vertical_accordion_content p {
			
font-family:verdana;
font-size: 10px;
color: #000000;	
line-height:19px;
}
  			
		
#vertical_container {
cursor: pointer;
margin: 3px 0px 3px 0px;
text-decoration:none;
line-height:14px;
}
	
    
    #vertical_nested_container {
cursor: pointer;     
margin: 3px 10px 3px 10px;

}

    #vertical_nested_container_hover {
     
margin: 3px 10px 3px 10px;
     
//color:#FFFFFF;   
}
*/

/*extra*/




/* == Popups == */

span.popup {display: none;}

a.popup { display:block;
          padding: 0px; }

div.header div.heading a.popup {  font-family:Helvetica,Arial,sans-serif;
                             line-height:21pt;
			     font-size:18pt;
			     font-weight:100; }

a.popup:hover, a.popup:active {/*background-color:#ffffff;color:#0;*/}

a.popup:hover span.popup { display:block; 
                           position:absolute;
			   bottom:auto;
			   left:202px;
			   font-family:Helvetica,Arial,sans-serif;
                           line-height:21pt;
			   font-size:18pt;
			   top:225px;
			   z-index:105;
			   width:470px;
			   padding:0px;
			   text-decoration: none;
			   background-color:transparent;
			   color:#000;
opacity:1;			   
font-weight:100; }

a.popup:hover span.popup div.wikitext { padding:0px;
                                        margin:0px;
                                        display:inline;
                                        background-color:transparent;
					font-family:Helvetica,Arial,sans-serif;
					line-height:21pt;
					font-size:18pt; }
	
a.popup:hover span.popup div.wikitext b { display:inline; background-color:#fff; font-weight:100; }


span.popup_flex_img {display: none;}

a.popup_flex_img:hover { color:#999;
			 background-color:transparent;
			 //border-left:1px solid;
			 padding-left:3px; }

a.popup_flex_img:hover span.popup_flex_img { display:block; 
                        		     position:absolute;
					     bottom:auto;
					     left:30%;
					     top:2px; 
					     //border: 0px solid #000;
     					     //border-left: 1px dashed #000;
					     z-index:110;
					     padding:0px;
					     background-color:transparent; }

a.popup_flex_img:hover span.popup_flex_img img { margin:0px; }



/* NEWS */

div.content div.news div.wikitext { /* width:550px; */
  	                            margin-bottom:3px;
		                    padding-top:5px; }

div.content div.news div.wikitext h2 { width:435px;
                                       margin-left:50px;
				       padding-top:0px;
                                       margin-bottom:-20px;
				       //border-top:1px dashed #000;
                                       font-size: 11px;
                                       line-height: 13px;
				       padding-bottom:0px; 
			               text-decoration:underline; }

div.content div.news div.wikitext h3 { width:435px;
                                       margin-left:50px;
				       margin-top:0px;
				       padding-top: 0px;
				       font-size: 11px; 
                                       line-height: 13px;
				       letter-spacing:0px; }

div.content div.news div.wikitext img { margin-left:50px; }

/* CV  */

div.content div.cv div.wikitext { margin-bottom:3px; padding-top:5px; }

div.content div.cv div.wikitext h2 { width:435px;
                                       margin-left:50px;
				       padding-top:15px;
                                       margin-bottom:10px;
				       //border-top:1px dashed #000;
                                       font-size: 11px;
                                       line-height: 13px;
				       padding-bottom:0px; 
			               text-decoration:none;
				       text-transform:uppercase; }


div.content div.cv div.wikitext img { margin-left:50px; }



.work_icons {
background-repeat: no-repeat;